/* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Shared Styles :: Page Name 1 :: Page Name 2 */ /* ----------------------------------------- Shared Styles ----------------------------------------- */ /* Global */ h1, h2, h3, h4, h5 { font-family: "OpenSans", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; } ul { list-style-type: none;} span.glyph { font-family: "FoundationIconsGeneralEnclosed"; } span.glyph.social { font-family: "FoundationIconsSocial"; } footer span.glyph { font-size: 23px; } .top-bar { margin: 0;} #newsletter { background: #eee; padding: 11px 0 0 0; } #newsletter .row.collapse form { margin-top: 14px; } #newsletter .row.collapse form input[type="text"] { font-size: 17px; font-weight: 200;color: #999; } #newsletter h5 { margin-bottom: 0px;margin-top: 10px; color: #333; line-height: 24px;} #newsletter p { clear: both; font-size: 12px; padding-top: 2px;color: #777; } #newsletter p a { color: #2BA6CB ;} #newsletterSubs { background-color: #2ba6cb; padding: 22px 0 262px; } #footer { background: #3f3f3f; color: #fff; padding: 11px 0; } #footer p, #footer ul.link-list { margin-bottom: 0; } #footer a { color: #fff; } header { background-color: #2ba6cb; padding: 22px 0; } header h1 { color: #fff; font-weight: 500; } header h4 { color: #fff; font-weight: 500; } p.disclaimer { color: #999; } .caps:first-letter { float: left ; line-height: 3.6rem;font-size: 400%; margin-right: 5px;} .justified { text-align: justify; text-justify: newspaper; } /* Homepage */ header#homepage { background: url("../images/homepage_map.png") center bottom no-repeat #2ba6cb; padding: 22px 0 262px; } header#homepage h4 { margin-bottom: 44px; } header#homepage .button { background: #137795; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header#homepage .button:hover { background: #006582; } header#homepage .button.secondary { background: #248cac; background: rgba(0, 0, 0, 0.15); color: #9ccbd9; color: rgba(255, 255, 255, 0.55); } header#homepage .button.secondary.small { padding: 5px 8px 6px; } header#homepage .button.secondary:hover { background: #207c98; background: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.75); } #mainDownload { float: left; margin-right: 12px; } #watch { margin-bottom: 3px; width: 147px; overflow: hidden; float: left; } #watch section { display: block; width: 300px; margin-bottom: 4px; } #watch span { background: white; background: #248cac; background: rgba(0, 0, 0, 0.05); color: #9ccbd9; color: rgba(255, 255, 255, 0.35); font-size: 11px; font-weight: bold; padding: 5px 8px 6px; margin-left: 5px; position: relative; display: inline-block; } #watch span small { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent rgba(0, 0, 0, 0.05) transparent transparent; position: absolute; left: -8px; top: 7px; } #homeContact { background: #2ba6cb; border-radius: 15px;} .lt-ie9 #watch span small { display: none; } table tbody tr:nth-child(even) { background: #EEEEFF; } #tarifas_wrapper { padding-top: 2em; padding-bottom: 2em; } #tarifas { margin-top: 5px; margin-bottom: 5px; border-style: none;} #tarifas_info { margin: 5px; padding-left: 1em;} #tarifas_paginate { margin: 5px; padding-right: 1em;} .clouded { background-color: #ff8f00; border-radius: 20px; } .white { color: #ffffff; } .center { text-align: center; } #liberate { width: 100%; } @media only screen and (max-width: 767px) { #mainDownload { display: none; } #deviceDownload { margin-bottom: 12px; } #watch { float: none; width: 100%; } #watch section { float: left; width: 50%; } #watch section .button { width: 80%; display: inline-block; float: right; } #watch section:first-child .button { width: 60%; float: none; } } @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { header#homepage { background-size: auto 357.5px; background-image: url("../images/device-bg-retina.png"); } } #homepageFeatures { background: #83daff; padding: 88px 0 44px 0; margin-bottom: 44px; } #homepageFeatures h3 { color: #2ba6cb; } #homepageFeatures div.pic { width: 110px; height: 110px; background-size: 100% 100%; } @media only screen and (max-width: 767px) { header#homepage { background-size: auto 130px; padding-bottom: 150px; } #homepageFeatures { padding-top: 30px; } } .pic#homepageImgCentralitas { background-image: url("../images/homepageImgCentralitas.png"); } .pic#homepageImgLlamadas { background-image: url("../images/homepageImgLlamadas.png"); } .pic#homepageImgEmpresa { background-image: url("../images/homepageImgEmpresa.png"); } @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .pic#homepageImgSass { background-image: url("../images/homepageImgSass-retina.png"); } .pic#homepageImgFeatures { background-image: url("../images/homepageImgFeatures-retina.png"); } .pic#homepageImgAdvanced { background-image: url("../images/homepageImgAdvanced-retina.png"); } } @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #featureGrid { background-image: url("../images/featureGrid-retina.png"); } #featurePrototype { background-image: url("../images/featurePrototype-retina.png"); } #featureDevices { background-image: url("../images/featureDevices-retina.png"); } } @media only screen and (max-width: 767px) { #usingFoundation a.top-right { display: none; } } /* Customizer Page */ .customizer li { padding: 6px 0; } .customizer li:first-child { padding-top: 0; } .customizer li label { font-size: 14px; font-size: 1.4rem; line-height: 1; margin-bottom: 0; } .customizer li em { padding-left: 20px; font-size: 11px; font-size: 1.1rem; color: #777; font-style: normal; } /* Templates */ span.f-temp.label { cursor: pointer; } #fndTemps { display: none; } #fndTemps .template input[type=checkbox] { display: none; } .fndtn-templates div > div > a { display: block; border: solid 1px #eee; height: 200px; overflow: hidden; } .fndtn-templates div > div > a:hover { border-color: #c8c8c8; } .fndtn-templates div > div > a:hover .template-dl { display: block; } .fndtn-templates div > div > a .template { height: 200px; padding: 5px; } .fndtn-templates div > div > a .template > .row .columns, .fndtn-templates div > div > a .template > .row .column { padding: 0 6px; } .fndtn-templates div > div > a + p { color: #777; } .fndtn-templates div > div > a.selected { color: #222; border: solid 1px #79cae3; -webkit-box-shadow: 0 0 6px rgba(43, 166, 203, 0.5); -moz-box-shadow: 0 0 6px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px rgba(43, 166, 203, 0.5); } .fndtn-templates div > div > a.selected + p { color: #222; } .fndtn-templates .display { background-color: #ddd; margin-bottom: 5px; display: block; } .fndtn-templates.add-ons div > div > a .template > .row .column, .fndtn-templates.add-ons div > div > a .template > .row .columns { padding: 0 2.5px; } .fndtn-templates.add-ons div > div > a .template > .row .column:first-child, .fndtn-templates.add-ons div > div > a .template > .row .columns:first-child { padding-left: 15px; } .fndtn-templates.add-ons div > div > a .template > .row .column:last-child, .fndtn-templates.add-ons div > div > a .template > .row .columns:last-child { padding-right: 15px; } .fndtn-templates.add-ons div > div > a .template .hover-actions.buttons { height: inherit; } .fndtn-templates.add-ons div > div > a + p { color: #222; } label.toggle-layer { margin-bottom: 0; font-size: 17px; font-weight: 300; } label.toggle-layer input { font-size: 17px; position: relative; top: -1px; } label.toggle-layer em { font-size: 14px; margin-left: 10px; color: #888; } .template-dl { display: none; font-size: 12px; padding: 5px; line-height: 1.2; background: rgba(0, 0, 0, 0.7); color: white; font-weight: bold; text-align: center; position: absolute; top: 30%; left: 50%; margin-left: -32.5%; width: 65%; } .template-dl em { font-size: 11px; font-style: normal; font-weight: normal; } .template-dl em kbd { font-size: 11px; background: rgba(0, 0, 0, 0.7); border: none; } .get-code { line-height: 1.2; padding-top: 6px; } .get-code span { color: #888; display: block; font-size: 12px; padding-top: 3px; } .gist-wrap { border: solid 1px #ddd; padding: 5px; } .gist-wrap .gist-file { height: 400px !important; overflow: auto; margin-bottom: 0 !important; } .panel .gist .gist-file { margin-bottom: 0 !important; } @media only screen and (max-width: 767px) { .fndtn-templates.add-ons div > div > a .template .row .column, .fndtn-templates.add-ons div > div > a .template .row .columns { padding: 0 15px; } .template-dl { display: none; } .get-code span { display: none; } #newsletter { background: #eee; padding: 11px 0 12px 0; } #newsletter p { margin-bottom: 0px; } #newsletter .row.collapse form { margin-top: 6px; } } /* Fonts */ @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Light-webfont.eot'); src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-Light-webfont.woff') format("woff"), url('../fonts/OpenSans-Light-webfont.ttf') format("truetype"), url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format("svg"); font-weight: light; font-weight: 300; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-LightItalic-webfont.eot'); src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-LightItalic-webfont.woff') format("woff"), url('../fonts/OpenSans-LightItalic-webfont.ttf') format("truetype"), url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format("svg"); font-weight: light; font-weight: 300; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-Regular-webfont.woff') format("woff"), url('../fonts/OpenSans-Regular-webfont.ttf') format("truetype"), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format("svg"); font-weight: normal; font-weight: 500; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Italic-webfont.eot'); src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-Italic-webfont.woff') format("woff"), url('../fonts/OpenSans-Italic-webfont.ttf') format("truetype"), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format("svg"); font-weight: normal; font-weight: 500; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-Semibold-webfont.woff') format("woff"), url('../fonts/OpenSans-Semibold-webfont.ttf') format("truetype"), url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format("svg"); font-weight: bold; font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format("woff"), url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format("truetype"), url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format("svg"); font-weight: bold; font-weight: 600; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Bold-webfont.eot'); src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-Bold-webfont.woff') format("woff"), url('../fonts/OpenSans-Bold-webfont.ttf') format("truetype"), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format("svg"); font-weight: bold; font-weight: 700; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-BoldItalic-webfont.eot'); src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-BoldItalic-webfont.woff') format("woff"), url('../fonts/OpenSans-BoldItalic-webfont.ttf') format("truetype"), url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format("svg"); font-weight: bold; font-weight: 700; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-ExtraBold-webfont.eot'); src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-ExtraBold-webfont.woff') format("woff"), url('../fonts/OpenSans-ExtraBold-webfont.ttf') format("truetype"), url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format("svg"); font-weight: bold; font-weight: 900; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format("woff"), url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format("truetype"), url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format("svg"); font-weight: bold; font-weight: 900; font-style: italic; } /* Foundation Icons */ @font-face { font-family: 'FoundationIconsGeneralEnclosed'; src: url('../fonts/foundation-icons-general-enclosed.eot'); src: url('../fonts/foundation-icons-general-enclosed.eot?#iefix') format("embedded-opentype"), url('../fonts/foundation-icons-general-enclosed.woff') format("woff"), url('../fonts/foundation-icons-general-enclosed.ttf') format("truetype"), url('../fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FoundationIconsSocial'; src: url('../fonts/foundation-icons-social.eot'); src: url('../fonts/foundation-icons-social.eot?#iefix') format("embedded-opentype"), url('../fonts/foundation-icons-social.woff') format("woff"), url('../fonts/foundation-icons-social.ttf') format("truetype"), url('../fonts/foundation-icons-social.svg#FoundationIconsGeneralEnclosed') format("svg"); font-weight: normal; font-style: normal; } /* ----------------------------------------- Page Name 1 ----------------------------------------- */ /* ----------------------------------------- Page Name 2 ----------------------------------------- */