/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------ */

* {
    padding: 0;
    margin: 0;
}

/* html element 62.5% font-size for REM use */
html {

}

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: rgb(102, 102, 102);
}


ul {
    list-style-type: none;
}

ul.puntoClaro li {
    background-image: url(./img/iconos/puntoLista.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 5%;
    padding-left: 7.5%;
    padding-bottom: 1.3%;
}

ul.puntoNormal li {
    background-image: url(./img/iconos/puntoListaGris.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 5%;
    padding-left: 7%;
}

img {
    max-width: 100%;
    vertical-align:bottom;
}

a {
    color:rgb(102, 102, 102);
    text-decoration:none;
}

a:hover {
    color:#444;
}
a:focus {
    outline:0;
}

a:hover,
a:active {
    outline:0;
}

input:focus {
    outline:0;
    border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width:1890px;
    min-width: 320px;
    width:100%;
    margin: 0 auto;
}

/* Menu desplazable */
#fixed-menu-home, #fixed-menu-meteo, #fixed-menu-clima {
    display: none;
    position: fixed;
    top: 0;
    z-index: 100000;
    width: 100%;
    max-width: 1890px;
    height: 48px;
    background-image: url(./img/logoMeteoclimFlotant.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 2% 50%;
    text-align: right;
}

#fixed-menu-home {
    background-color: #00afce;

}

#fixed-menu-meteo {
    background-color: rgb(241,93,34);
}

#fixed-menu-clima {
    background-color: rgb(141, 198, 63);
}

#fixed-menu-home ul li, #fixed-menu-meteo ul li, #fixed-menu-clima ul li {
    display: inline;
}

#fixed-menu-home ul, #fixed-menu-meteo ul, #fixed-menu-clima ul {
    padding-top: .7%;
}

#fixed-menu-home a, #fixed-menu-meteo a, #fixed-menu-clima a {
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 2.5%;
}

/* header */
.header {
    clear: both;
    padding-bottom: .45%;
    background-image: url(./img/backgrounds/bgHeader-1890.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}



/* logo */
.logo {
    display: inline-block;
    width: 30%;
    margin-top: 3.45%;
    margin-left: 4%;
    padding-left: 1%;
}

.logo-img {
    width: 19%;
    vertical-align: top;
}

h1 {
    display: inline;
    font-weight: 900;
    font-size: 3.69em;
    margin-left: 2.8%;
    color: rgb(80, 89, 92);
}

/* nav */
.nav {
    display: inline-block;
    width: 42%;
    vertical-align: 75%;
    text-align: center;
}

.nav ul li {
    display: inline-block;
    width: 20%;
    margin-left: 1%;
    padding: 1.1% 0;
    border: 1px solid transparent;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: .955em;
    font-weight: 900;
    text-transform: uppercase;
    color: rgb(80, 89, 92);
}

.nav ul li:hover {
    background-color: #00AFCE;
    color: #FFF;
    border-color: #00AFCE;
}

.nav li.current-menu-item {
    background-color: rgb(80, 87, 92);
    color: #fff;
}

.nav ul li a {
    color: inherit;
}


/* content */
.content {
    display: inline-block;
    width: 20%;
    vertical-align:top;
}

/* redes sociales */
.networks {
    display: inline;
}

.networks div {
    display: inline-block;
    width: 10%;
    padding-bottom: 9.95%;
    background-image: url(./img/iconos/sprite-social-networks.png);
    background-size: 600%;
}

.networks #facebook {
    background-position: 0 0;
}

.networks #facebook:hover {
    background-position: 0 100%;
}

.networks #instagram {
    background-position: 20% 0;
}

.networks #instagram:hover {
    background-position: 20% 100%;
}

.networks #linkedin {
    background-position: 40% 0;
}

.networks #linkedin:hover {
    background-position: 40% 100%;
}

.networks #pinterest {
    background-position: 60% 0;
}

.networks #pinterest:hover {
    background-position: 60% 100%;
}

.networks #twitter {
    background-position: 80% 0;
}

.networks #twitter:hover {
    background-position: 80% 100%;
}

.networks #youtube {
    background-position: 100% 0;
}

.networks #youtube:hover {
    background-position: 100% 100%;
}

/* idioma */
.lang {
    display: inline-block;
    float: right;
    margin-top: 1%;
}

.lang li {
    display: inline;
}

.lang li a {
    background-position-y: 50%;
}

.lang .active {
    display: none;
}

/* informació empresa */
.info {
    font-size: .9em;
    font-weight: 400;
    text-transform: lowercase;
}

.info span {
    padding: 0 1%;
    font-size: 2em;
    vertical-align: sub;
}



/* cerca */
form.search {
    border: 1px solid rgb(152, 152, 152);
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 1.5% 2%;
    margin-top: 1.5%;
    overflow: hidden;
}

input[type="search"] {
    font-size: 1.5em;
    font-weight: 400;
    width: 87.5%;
    color: rgb(152, 152, 152);
    background-color: transparent;
    border: none;
}

form.search button {
    width: 10%;
    padding-top: 10%;
    float: right;
    background-color: transparent;
    border: none;
    background-image: url(./img/iconos/bgButtonSearch.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/* main */
main {
    background-image: url(./img/backgrounds/bgMainBottom-1890.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

/* section */
.contenidoHome {
    background-image: url(./img/backgrounds/bgMainTop-1890.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.contenidoSeccion {
    background-image: url(./img/backgrounds/bgMainTopWithoutRoute-1890.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.contenidoPrincipal {
    background-image: url(./img/backgrounds/bgContent-1890.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}


/* footer */
footer {
    background-image: url(./img/backgrounds/bgFooter-1890.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

#contacto {
    text-align: center;
    margin-bottom: 3.5%;
}

#contacto p {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: .6em;
    padding: .6em 1em;
    border: 1px solid #00AFCE;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#contacto p:hover {
    background-color: #00AFCE;
    color: #fff;
}

.menuFooter li {
    font-size: 1.3em;
    font-weight: 400;
    text-transform: uppercase;
}

.premios img {
    width: 60%;
}

.nombreEmpresa {
    text-transform: uppercase;
}

.infoEmpresa span {
    display: block;
    font-size: 1.4em;
    font-weight: 300;
    color: rgb(102, 102, 102);
}

.otraInfo {
    font-size: 1.25em;
    font-weight: 400;
    text-transform: uppercase;
}

.menuFooter, .premios, .infoMeteoclim {
    display: inline-block;
    vertical-align: top;
}

.menuFooter {
    margin-left: 2.5%;
    width: 17.5%;
}

.premios {
    width: 19.5%;
    margin-left: 5.5%;
}

.copyright {
    text-align: center;
    margin-top: 2.5%;
}

.cookies {
    margin-left: 12%;
}

/* ruta */
.ruta {
    padding-top: .5%;
    padding-bottom: .45%;
    padding-left: 13.25%;
    color: rgb(69, 85, 96);
    background-color: #FFF;
}

.ruta span {
    margin-left: .5%;
}

.especial {
    margin: 0 .25%;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* ============  FONTS ============== */
/* ---------- Light 60 pt ----------- */
#inicial h2 {
    font-size: 3.5em;
    font-weight: 300;
    text-transform: uppercase;
}

/* ---------- Light 30 pt ----------- */
h3.home, #evalRiesgo p.intro,
#alertas p.intro, #huella p.intro, #equip .contentLeft p,
p.infoContactoLegal {
    font-size: 1.7em;
    font-weight: 300;
}

/* ---------- Light 24 pt ----------- */
.textInfo p, .textoPorque  li, p.infoContacto, #error404 p {
    font-size: 1.4em;
    font-weight: 300;
}

/* --------- Regular 36 pt ---------- */
#quienesSomos .introMeteoclim {
    font-size: 2em;
    font-weight: 400;
}

/* --------- Regular 30 pt ---------- */
#meteorologia > p, #gases p {
    font-size: 1.7em;
    font-weight: 400;
}

strong {
    font-weight: 700;
}

/* --------- Regular 24 pt ---------- */
#climatologia > p, #caracteristicasModelizacion ul, #ventajasWeather li, #ventajasGolf li,
#evalRiesgo p.text, #evalRiesgo ul, #quienesSomos .textMeteoclim, #avisoLegal ol, p.textLegalIntro,
#cookies p, #cookies ul li {
    font-size: 1.4em;
    font-weight: 400;
}

/* ---------- Bold 60 pt ------------ */
#meteorologia h2, #climatologia h2, #porque h2,
#partners h2, #contacto h2, .subtituloPagina, .subtituloResponsive,
#quienesSomos h2, #contactanos h2, #avisoLegal h2,
#cookies h2, #error404 h2 {
    font-size: 3.5em;
    font-weight: 700;
    text-transform: uppercase;
}

/* ---------- Bold 42 pt ------------ */
h3.pages, .textRight h3, #cookies h3 {
    font-size: 2.45em;
    font-weight: 700;
    text-transform: uppercase;
}

/* --------- Bold 36 pt ---------- */
#ventajasMedios li, #caracteristicasCambioClima ul, #principalesEnergias ul,
#alertas ul, #gases ul, #huella ul, #quienesSomos ul {
    font-size: 2em;
    font-weight: 700;
}

/* --------- Bold 30 pt ---------- */
#mision h3, #vision h3, #valores h3, .empresaTextLegal {
    font-size: 1.7em;
    font-weight: 700;
    text-transform: uppercase;
}

/* --------- Bold 24 pt ---------- */
#ventajasNautica li, #mision p, #vision p,
form.contact p {
    font-size: 1.4em;
    font-weight: 700;
}

/* ---------- Bold 21 pt ------------ */
#climatologia ul {
    font-size: 1.25em;
    font-weight: 700;
}

/* ---------- Bold 17 pt ------------ */
.ruta, #menu-pagina-meteorologia,
#menu-pagina-climatologia, .lang, #fixed-menu a {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
}

/* ---------- Black 41 pt ------------ */
#error404 h3 {
    font-size: 2.3em;
    font-weight: 900;
}

/* ---------- Black 30 pt ------------ */
.textInfo h4, .textLeft h3, #equip h3 {
    font-size: 1.7em;
    font-weight: 900;
    text-transform: uppercase;
}

/* ---------- Black 24 pt ------------ */
.menuFooter p,
.premios p, .nombreEmpresa, .sub-menu, .empresa, h4.introTextLegal {
    font-size: 1.4em;
    font-weight: 900;
    text-transform: uppercase;
}

/* ============  COLOR ============== */
#inicial h2 {
    color: rgb(107, 116, 124);
}

.meteo {
    color: rgb(241, 93, 34);
}

.clima {
    color: rgb(141, 198, 63);
}

.otros, .info span {
    color: #00AFCE;
}

h3.home, .nombreEmpresa, #contacto p,
#menu-pagina-meteorologia a, #menu-pagina-climatologia a,
#alertas .textLeft p,  #huella .textLeft p, #error404 h2 {
    color: rgb(92, 111, 124);
}

#meteorologia > p, #climatologia > p, #partners h2,
#evalRiesgo, #gases {
    color: #FFF;
}

.lang, .info {
    color: rgb(69, 85, 96);
}

div.info a:hover {
    color: #00AFCE;
}

/* ============  HOME  ============== */
#inicioResponsive { display: none; }

.contenidoHome {
    position: relative;
    overflow: hidden;
}

.contenidoHome #meteorologia, .contenidoHome #climatologia, .contenidoHome #aplicacion {
    padding-top: 42px;
}

#inicial h2, #meteorologia h2, #climatologia h2,
h3.home, .textInfo h4, .textInfo p, #meteorologia > p,
#partners {
    text-align: center;
}

#climatologia > p, #climatologia ul {
    text-align: left;
}

#inicial h2 {
    padding-top: 3.25%;
    margin-bottom: 3.75%;
}

#meteorologia h2, #climatologia h2 {
    margin-top: 1.3%;
}

h3.home {
    margin-top: .6%;
}

#meteorologia, #climatologia {
    position: relative;
}

#meteorologia > img, #climatologia > img {
    margin-top: 11.25%;
}

#meteorologia .secciones, #climatologia .secciones {
    width: 73.5%;
    position: absolute;
    top: 18%;
    left: 13.3%;
    margin: 0 auto;
}

#meteorologia .seccion, #climatologia .seccion {
    width: 25%;
    float: left;
}

#meteorologia .seccion img, #climatologia .seccion img{
    width: 24.8%;
    position: absolute;
    top: 42px;
}

#meteorologia .seccion .textInfo, #climatologia .seccion .textInfo {
    display: inline-block;
    position: relative;
    top: 5.5em;
}

#meteorologia a.linkSection, #climatologia a.linkSection {
    color: #fff;
}

#meteorologia a.linkSection:hover {
    color: rgb(241, 93, 34);
}

#climatologia a.linkSection:hover {
    color: rgb(141, 198, 63);
}

.textInfo h4 {
    padding: 0 13%;
    margin-bottom: 4.3%;
}

.textInfo p {
    padding: 3% 15%;
    color: #fff;
}

#meteorologia > p {
    position: absolute;
    top: 59.5%;
    padding: 0 16%;
}

#climatologia > p {
    width: 34.7%;
    position: absolute;
    top: 59.4%;
    line-height: 1.4em;
    padding: 0 2.5% 0 13.2%;
}

#climatologia ul {
    width: 35.4%;
    position: absolute;
    top: 59.4%;
    left: 50.8%;
    line-height: 1.4em;
}

div#porque {
    overflow: hidden;
}

#porque h2 {
    margin-top: 14%;
    margin-bottom: 6.5%;
}

#porque img {
    width: 44%;

}
.textoPorque {
    width: 37.9%;
    vertical-align: top;
    display: inline-block;
    margin-left: 6%;
}

#porque ul.puntoNormal li {
    padding-bottom: 5%;
}

#partners {
    position: relative;
}

#partners h2 {
    position: absolute;
    top: 37%;
    left: 41%;
}

#partners .logos {
    position: absolute;
    width: 95%;
    top: 52%;
    left: 3%;
}

.logos img {
    width: 19.5%;
    margin-right: 1%;
}

/* =========  ERROR 404  ========= */
#error404 {
    margin-left: 13.25%;
    margin-right: 13.25%;
    padding-bottom: 19%;
    margin-top: 6%;
}

#error404 h3 {
    margin-top: 4%;
    margin-bottom: 2%;
}

#btnHome {
    text-align: center;
    margin-top: 5%;
}

#btnHome p {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: .6em;
    padding: .6em 1em;
    border: 1px solid #00AFCE;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#btnHome p:hover {
    background-color: #00AFCE;
    color: #fff;
}

/* =========  QUIENES SOMOS  ========= */

#quienesSomos .contentLeft {
    display: inline-block;
    width: 33.5%;
    margin-left: 13.25%;
    margin-right: 3%;
    vertical-align: top;
}

#quienesSomos .contentRight {
    display: inline-block;
    width: 33.5%;
    margin-top: 2.5%;
    margin-right: 13.25%;
    margin-left: 3%;
}

#quienesSomos .introMeteoclim {
    margin-top: 6%;
    margin-bottom: 5%;
}

#quienesSomos .textMeteoclim,
#equip .contentLeft p {
    line-height: 1.4em;
}

#equip .contentRight p {
    line-height: 1.6em;
    margin-bottom: 6.5%;
}

#quienesSomos .contentRight h3 {
    margin-top: 8%;
    margin-bottom: 2.5%;
}

#quienesSomos li {
    padding-bottom: 3%;
}

#equip {
    background-image: url(../../../imagenes/quienesSomos/bgNuestroEquipo.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    color: #fff;
    padding-bottom: 1%;
}

#equip h3 {
    margin-top: 8%;
    margin-bottom: 1%;
    margin-left: 13.25%;
}

#equip .contentRight {
    width: 30%;
    margin-top: 0;
    margin-bottom: 8%;
}

/* ==========  CONTACTANOS ========== */
#contactanos {
    padding-bottom: 10%;
}

#contactanos .infoContacto {
    line-height: 1.4em;
}

#contactanos h3 {
    margin-bottom: .75em;
}

#contactanos .contentLeft {
    display: inline-block;
    width: 33.5%;
    margin-top: 3%;
    margin-left: 13.25%;
    margin-right: 3%;
    vertical-align: top;
}

#contactanos .contentRight {
    display: inline-block;
    width: 33.5%;
    margin-top: 2.5%;
    margin-right: 13.25%;
    margin-left: 3%;
}

#contactanos h2 {
    margin-left: 13.25%;
}

.google-maps {
    position: relative;
    margin-top: 1%;
    padding-bottom: 20%; // This is the aspect ratio
height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

form.contact > p {
    margin-bottom: 4.5%;
}

form.contact input[type="text"], form.contact input[type="email"], form.contact textarea {
    width: 100%;
    font-size: 1.4em;
    font-weight: 400;
    color: rgb(107, 116, 124);
    border: 1px solid rgb(107, 116, 124);
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 2%;

    padding: 0 1%;
}

form.contact .lastInput {
    margin-bottom: 0;
}

form.contact input[type="checkbox"] {
    vertical-align: top;
    margin-top: 1%;
    margin-right: 3%;

}

form.contact .acceptText {
    display: inline-block;
    width: 45%;
}

form.contact .acceptText a {
    color: #00AFCE;
    text-decoration: underline;
}

form.contact input[type="submit"] {
    float: right;
    width: 35%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 2% 0;
    background-color: #00AFCE;
    border: 1px solid #00AFCE;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

form.contact input[type="submit"]:hover {
    background-color: transparent;
    color: #00AFCE;
}

form.contact .infoRequired {
    text-align: right;
    margin-top: 2%;
}

/* ==========  NOTA LEGAL ========== */
#avisoLegal {
    padding-bottom: 10%;
}

#avisoLegal .infoContactoLegal {
    line-height: 1.4em;
}

#avisoLegal .contentLeft {
    display: inline-block;
    width: 28%;
    margin-top: 3%;
    margin-left: 13.25%;
    vertical-align: top;
}

#avisoLegal .contentRight {
    display: inline-block;
    width: 40%;
    margin-top: 2.5%;
    margin-right: 12.25%;
    margin-left: 4%;
}

#avisoLegal h2 {
    margin-left: 13.25%;
}

h3.empresaTextLegal {
    line-height: 1.4em;
}

#avisoLegal p.tlf {
    margin-top: 1.5em;
}

#avisoLegal p.mail {
    margin-bottom: 1.5em;
}

p.textLegalIntro {
    margin-top: 1.4em;
    margin-bottom: 1.5em;
}

strong.legal {
    margin-bottom: 1.8em;
}

p.textLegal {
    margin-bottom: 1.2em;
}

/* =====  COOKIES ====== */
#cookies {
    margin-left: 13.25%;
    margin-right: 13.25%;
    margin-bottom: 15%;
}

#cookies h2 {
    margin-bottom: .5em;
}

#cookies h3 {
    margin-bottom: .5em;
    margin-top: 1.2em;
}

#cookies p {
    margin-bottom: .7em;
}

#cookies li {
    padding-left: 4%;
    padding-bottom: 1em;
}

/* =====  PAGINAS METEO Y CLIMA ====== */
#cabeceraMeteo h2.subtituloResponsive, #cabeceraClima h2.subtituloResponsive {
    display: none;
}

.contenido {
    position: relative;
    overflow: hidden;
    margin-top: 4%;
}

.contenidoPrincipal {
    position: relative;
    overflow: hidden;
    padding-top: 1.5%;
}

#clientes {
    text-align: center;
    margin-bottom: 9%;
}

.logosClientes {
    margin: 0 3%;
}

h3.pages {
    margin-bottom: 3%;
}

.logosClientes img {
    height: 50%;
}

/* =========  MENU PAGINAS ========== */
#cabeceraMeteo h2, #cabeceraClima h2 {
    display: inline-block;
    margin-top: 1.5%;
    margin-left: 13.25%;
}

nav.submenu-meteo,
nav.submenu-clima {
    display: inline-block;
    width: 59%;
    margin-top: 2.1%;
    vertical-align: top;
}

ul#menu-pagina-meteorologia,
ul#menu-pagina-climatologia {
    position: relative;
    text-align: right;
    margin-right: 10%;
}

#menu-pagina-meteorologia > li {
    display: inline-block;
    text-align: center;
    margin-left: 1.5%;
    padding: 1.1% 3%;
    border: 1px solid rgb(241, 93, 34);
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menu-pagina-climatologia > li {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-left: 2.5%;
    padding: 1.1% 0;
    border: 1px solid rgb(141, 198, 63);
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#menu-pagina-meteorologia > li.current-menu-item {
    background-color: rgb(241, 93, 34);
}

#menu-pagina-climatologia > li.current-menu-item {
    background-color: rgb(141, 198, 63);
}

#menu-pagina-meteorologia > li.current-menu-item a,
#menu-pagina-climatologia > li.current-menu-item a {
    color: #FFF;
}

/* --------- SUBMENU ------------ */
ul.sub-menu {
    visibility: hidden;
    position: absolute;
    top: 3em;
    left: 0;
}

#menu-pagina-meteorologia ul.sub-menu,
#menu-pagina-climatologia ul.sub-menu {
    text-align: right;
}

li.current-menu-item .sub-menu,
li.current-menu-item .sub-menu {
    visibility: visible;
    width: 100%;
}

#menu-pagina-meteorologia ul.sub-menu li,
#menu-pagina-climatologia ul.sub-menu li {
    display: inline-block;
    text-align: right;
    border: none;
}

#menu-pagina-meteorologia ul.sub-menu li {
    margin-left: 3em;
}

#menu-pagina-meteorologia ul.sub-menu  a {
    color: rgb(241, 93, 34);
}

#menu-pagina-meteorologia ul.sub-menu  span {
    margin-right: 3em;
}
#menu-pagina-climatologia ul.sub-menu li {
    margin-left: 1.1em;
}

#menu-pagina-climatologia ul.sub-menu a {
    color: rgb(141, 198, 63);
}

#menu-pagina-climatologia ul.sub-menu span {
    margin-right: 1.1em;
}

/* ========  PAG. METEOROLOGIA ======= */
#weatherResponsive, #nauticaResponsive, #mediosResponsive, #newsResponsive, #golfResponsive, #otrosProductosResponsive { display: none; }

.sliderContentWeather {
    background-image: url(../../../imagenes/weatherTrack/bgCapaSliderWeather.png);
}

.sliderContentNautica {
    background-image: url(../../../imagenes/nautica/bgCapaSliderNautica.png);
}

.sliderContentMedios {
    background-image: url(../../../imagenes/mediosComunicacion/bgCapaSliderMedios.png);
}

.sliderContentGolf {
    background-image: url(../../../imagenes/golf/bgCapaSliderGolf.png);
}

div.sliderContentWeather, div.sliderContentNautica,
div.sliderContentMedios, div.sliderContentGolf {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    overflow: hidden;
}


#ventajasWeather {
    background-image: url(../../../imagenes/weatherTrack/bgVentajasWeather.png);
}

#ventajasNautica {
    background-image: url(../../../imagenes/nautica/bgVentajasNautica.png);
}

#ventajasMedios {
    background-image: url(../../../imagenes/mediosComunicacion/bgVentajasMedios.png);
}

#ventajasGolf {
    background-image: url(../../../imagenes/golf/bgVentajasGolf.png);
}

#ventajasWeather, #ventajasNautica, #ventajasMedios, #ventajasGolf {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    overflow: hidden;
}

#ventajasWeather h3, #ventajasNautica h3,
#ventajasMedios h3, #ventajasGolf h3 {
    margin-top: 2em;
    margin-left: 55%;
}

#ventajasWeather ul, #ventajasNautica ul,
#ventajasMedios ul, #ventajasGolf ul {
    margin-left: 55%;
    margin-right: 16%;
    margin-bottom: 8%;
}

#ventajasWeather li, #ventajasNautica li,
#ventajasMedios li, #ventajasGolf li {
    padding-bottom: 3.5%;
}

#clientesWeather, #clientesNautica, #clientesMedios, #clientesGolf {
    margin: 0 auto;
    text-align: center;
    padding-top: 42px;
    padding-bottom: 12em;
}

#news {
    margin-bottom: 4%;
}

/* ========  PAG. CLIMATOLOGIA ======= */

#modelizacionResponsive, #cambioClimaResponsive, #energiasResponsive { display: none; }

div.sliderContentModelizacion {
    background-image: url(../../../imagenes/climatologia/bgCapaSliderModelizacion.png);
}

div.sliderContentCambioClima {
    background-image: url(../../../imagenes/climatologia/bgCapaSliderCambio.png);
}

div.sliderContentEnergias {
    background-image: url(../../../imagenes/climatologia/bgCapaSliderEnergias.png);
}

div.sliderContentModelizacion, div.sliderContentCambioClima,
div.sliderContentEnergias {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    overflow: hidden;
}

#caracteristicasModelizacion {
    background-image: url(../../../imagenes/climatologia/bgCaracteristicasModelizacion.png);
}

#caracteristicasCambioClima {
    background-image: url(../../../imagenes/climatologia/bgCaracteristicasCambio.png);
}

#principalesEnergias {
    background-image: url(../../../imagenes/climatologia/bgPrincipalesEnergias.png);
}

#caracteristicasModelizacion, #caracteristicasCambioClima,
#principalesEnergias {
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:100% 100%;
    overflow: hidden;
}

#caracteristicasModelizacion h3, #caracteristicasCambioClima h3,
#principalesEnergias h3 {
    margin-top: 2em;
    margin-left: 55%;
}

#caracteristicasModelizacion ul, #caracteristicasCambioClima ul,
#principalesEnergias ul {
    margin-left: 55%;
    margin-right: 16%;
    margin-bottom: 8%;
}

#caracteristicasModelizacion li, #caracteristicasCambioClima li,
#principalesEnergias li {
    padding-bottom: 10%;
}

/*----------- OTROS SERVICIOS --------*/
#evalRiesgo, #gases {
    padding-top: 8%;
    padding-bottom: 30%;
}
#alertas {
    padding-top: 4%;
}

#huella {
    padding-top: 4%;
    padding-bottom: 8%;
}

#evalRiesgo {
    background-image: url(../../../imagenes/climatologia/bgOtrosServiciosRiesgo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

#gases {
    background-image: url(../../../imagenes/climatologia/bgOtrosServiciosGases.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

.textLeft {
    display: inline-block;
    width: 32%;
    padding-left: 13.25%;
    vertical-align: top;
}

#gases .textLeft {
    width: 39%;
}

#gases .textLeft p {
    width: 95%;
    margin-bottom: 12%;
}

.textLeft h3 {
    margin-bottom: 5%;
}

.textLeft p.intro {
    margin-bottom: 8%;
}

.textLeft .text {
    margin-top: 5%;
    margin-right: 2.2%;
}

.textLeft p {
    line-height: 1.3em;
}

.textRight {
    display: inline-block;
    width: 36%;
    padding-top: 3%;
    padding-right: 9%;
    padding-left: 9%;
    vertical-align: top;
}

#gases .textRight {
    width: 31%;
    padding-left: 2%;
}

.textRight h3 {
    margin-bottom: 8%;
}

.textRight ul li {
    margin-top: 4%;
    line-height: 1.3em;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family:'Font-Name';
    src:url('fonts/font-name.eot');
    src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
    url('fonts/font-name.woff') format('woff'),
    url('fonts/font-name.ttf') format('truetype'),
    url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

#layerslider_1, #layerslider_1 .ls-inner, #layerslider_1 .ls-active { height: 646px; }
#menu-responsive { display: none; }
.slicknav_menu { display: none; }

@media (max-width: 1680px) {
    body, #fixed-menu-home a, #fixed-menu-meteo a, #fixed-menu-clima a { font-size: 14px; }

    #fixed-menu-home, #fixed-menu-meteo, #fixed-menu-clima { height: 45px; }
    #fixed-menu-home ul, #fixed-menu-meteo ul, #fixed-menu-clima ul { padding-top: .85%; }

    #layerslider_1, #layerslider_1 .ls-inner, #layerslider_1 .ls-active { height: 574.25px; }

    /* ------------------- Backgrounds -------------------- */
    .header { background-image: url(./img/backgrounds/bgHeader-1680.jpg); }
    main { background-image: url(./img/backgrounds/bgMainBottom-1680.jpg);}
    .contenidoHome { background-image: url(./img/backgrounds/bgMainTop-1680.jpg); }
    .contenidoSeccion { background-image: url(./img/backgrounds/bgMainTopWithoutRoute-1680.jpg); }
    .contenidoPrincipal { background-image: url(./img/backgrounds/bgContent-1680.jpg); }
    footer { background-image: url(./img/backgrounds/bgFooter-1680.jpg); }
}

@media (max-width: 1366px) {
    body, #fixed-menu-home a, #fixed-menu-meteo a, #fixed-menu-clima a { font-size: 12px; }

    #fixed-menu-home, #fixed-menu-meteo, #fixed-menu-clima { height: 40px; }

    #layerslider_1, #layerslider_1 .ls-inner, #layerslider_1 .ls-active { height: 467px; }

    /* ------------------- Backgrounds -------------------- */
    .header { background-image: url(./img/backgrounds/bgHeader-1366.jpg); }
    main { background-image: url(./img/backgrounds/bgMainBottom-1366.jpg);}
    .contenidoHome { background-image: url(./img/backgrounds/bgMainTop-1366.jpg); }
    .contenidoSeccion { background-image: url(./img/backgrounds/bgMainTopWithoutRoute-1366.jpg); }
    .contenidoPrincipal { background-image: url(./img/backgrounds/bgContent-1366.jpg); }
    footer { background-image: url(./img/backgrounds/bgFooter-1366.jpg); }
}

@media (max-width: 1279px) {
    body, #fixed-menu-home a, #fixed-menu-meteo a, #fixed-menu-clima a { font-size: 10px; }

    #fixed-menu-home, #fixed-menu-meteo, #fixed-menu-clima { height: 35px; }
    #fixed-menu-home ul, #fixed-menu-meteo ul, #fixed-menu-clima ul { padding-top: 1%; }

    #layerslider_1, #layerslider_1 .ls-inner, #layerslider_1 .ls-active { height: 437px; }

    /* ------------------- Backgrounds -------------------- */
    .header { background-image: url(./img/backgrounds/bgHeader-1279.jpg); }
    main { background-image: url(./img/backgrounds/bgMainBottom-1279.jpg); }
    .contenidoHome { background-image: url(./img/backgrounds/bgMainTop-1279.jpg); }
    .contenidoSeccion { background-image: url(./img/backgrounds/bgMainTopWithoutRoute-1279.jpg); }
    .contenidoPrincipal { background-image: url(./img/backgrounds/bgContent-1279.jpg); }
    footer { background-image: url(./img/backgrounds/bgFooter-1279.jpg); }
}

@media (max-width: 1023px) {
    body, #fixed-menu-home a, #fixed-menu-meteo a, #fixed-menu-clima a { font-size: 8px; }

    #fixed-menu-home ul, #fixed-menu-meteo ul, #fixed-menu-clima ul { padding-top: 1.2%; }

    #layerslider_1, #layerslider_1 .ls-inner, #layerslider_1 .ls-active { height: 350px; }

    .header { background-image: url(./img/backgrounds/bgHeader-1023.jpg); }
    #header div.logo { width: 28%; }

    .content { width: 21.5%; }

    /* ------------------- Backgrounds -------------------- */
    main { background-image: url(./img/backgrounds/bgMainBottom-1023.jpg); }
    .contenidoHome { background-image: url(./img/backgrounds/bgMainTop-1023.jpg); }
    .contenidoSeccion { background-image: url(./img/backgrounds/bgMainTopWithoutRoute-1023.jpg); }
    #meteorologia .seccion img, #climatologia .seccion img { top: 33px; }
    .contenidoPrincipal { background-image: url(./img/backgrounds/bgContent-1023.jpg); }
    footer { background-image: url(./img/backgrounds/bgFooter-1023.jpg); font-size: 7.5px; }


    nav.submenu-meteo, nav.submenu-clima { 	width: 56.5%; }

    ul#menu-pagina-meteorologia { margin-right: 5%;}
    ul#menu-pagina-climatologia { margin-right: 2%;}

    #menu-pagina-meteorologia > li, #menu-pagina-climatologia { margin-left: 1.2%;}
    #menu-pagina-climatologia ul.sub-menu li { margin-left: .8em;}

    #caracteristicasModelizacion h3, #caracteristicasCambioClima h3, #principalesEnergias h3,
    #ventajasWeather h3, #ventajasNautica h3, #ventajasMedios h3, #ventajasGolf h3 { margin-top: 0;}

    #ventajasWeather ul, #ventajasNautica ul, #ventajasMedios ul, #ventajasGolf ul,
    #caracteristicasModelizacion ul, #caracteristicasCambioClima ul, #principalesEnergias ul { margin-right: 10%;}
}

@media (max-width: 767px) {

    /* ------------------- Backgrounds -------------------- */
    main { background-image: none; }
    .contenidoSeccion { background-image: url(./img/backgrounds/bgContent-1023.jpg);}
    #inicioResponsive { background-color: #00AFCE; }
    #weatherResponsive, #nauticaResponsive, #mediosResponsive, #golfResponsive, #otrosProductosResponsive, #equip { background-color: rgb(241,93,34); }
    #modelizacionResponsive, #cambioClimaResponsive, #energiasResponsive, #evalRiesgo, #gases { background-color: rgb(141, 198, 63); }
    #ventajasWeather { background-image: url(../../../imagenes/weatherTrack/bgVentajasWeather-767.jpg); }
    #ventajasNautica { background-image: url(../../../imagenes/nautica/bgVentajasNautica-767.jpg); }
    #ventajasMedios { background-image: url(../../../imagenes/mediosComunicacion/bgVentajasMedios-767.jpg); }
    #ventajasGolf { background-image: url(../../../imagenes/golf/bgVentajasGolf-767.jpg); }
    #caracteristicasModelizacion { background-image: url(../../../imagenes/climatologia/bgCaracteristicasModelizacion-767.jpg); }
    #caracteristicasCambioClima { background-image: url(../../../imagenes/climatologia/bgCaracteristicasCambio-767.jpg); }
    #principalesEnergias { background-image: url(../../../imagenes/climatologia/bgPrincipalesEnergias-767.jpg); }
    #weatherResponsive { background-image: url(../../../imagenes/weatherTrack/bgWeatherResponsive-767.jpg);  }
    #nauticaResponsive { background-image: url(../../../imagenes/nautica/bgNauticaResponsive-767.jpg); }
    #mediosResponsive { background-image: url(../../../imagenes/mediosComunicacion/bgMediosResponsive-767.jpg); }
    #modelizacionResponsive { background-image: url(../../../imagenes/climatologia/bgModelizacionResponsive-767.jpg); }
    #cambioClimaResponsive {background-image: url(../../../imagenes/climatologia/bgCambioClimaResponsive-767.jpg); }
    #energiasResponsive {background-image: url(../../../imagenes/climatologia/bgEnergiasResponsive-767.jpg); }
    #otrosProductosResponsive { background-image: url(../../../imagenes/otrosProductos/bgOtrosProductosResponsive-767.jpg); }
    #evalRiesgo { background-image: url(../../../imagenes/climatologia/bgOtrosServiciosRiesgo-767.jpg); }
    #gases { background-image: url(../../../imagenes/climatologia/bgOtrosServiciosGases-767.jpg); }
    #equip { background-image: url(../../../imagenes/quienesSomos/bgNuestroEquipo-767.jpg); }
    #golfResponsive { background-image: url(../../../imagenes/golf/bgGolfResponsive-767.jpg); }
    #weatherResponsive, #nauticaResponsive, #mediosResponsive, #modelizacionResponsive, #cambioClimaResponsive, #energiasResponsive, #otrosProductosResponsive, #evalRiesgo, #gases, #equip, #golfResponsive { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
    #alertas { background-image: url(../../../imagenes/climatologia/bgAlertas-767.jpg); }
    #huella { background-image: url(../../../imagenes/climatologia/bgHuellaCarbono-767.jpg); }
    #alertas, #huella { background-size: contain; background-position: 50% 0; background-repeat: no-repeat; }


    /* --------- Menús y elementos en responsive -------------- */
    #fixed-menu-home, #fixed-menu-meteo, #fixed-menu-clima, div.content form.search { display: none; }
    header .nav { display: none; }
    #cabeceraMeteo h2.subtituloPagina, #cabeceraClima h2.subtituloPagina { display: none; }
    #cabeceraMeteo h2.subtituloResponsive, #cabeceraClima h2.subtituloResponsive { display: inline-block; }
    nav.submenu-meteo, nav.submenu-clima { display: none; }
    #sliderWeather, #sliderNautica, #sliderMedios, #sliderGolf, #sliderModelizacion, #sliderCambioClimatico, #sliderEnergias, #layerslider_12 { display: none; }
    #weatherResponsive, #nauticaResponsive, #mediosResponsive, #golfResponsive, #otrosProductosResponsive, #modelizacionResponsive, #cambioClimaResponsive, #energiasResponsive { display: inherit; }
    #news { display: none; }
    #newsResponsive { display: block; }
    div.menuFooter { display: none; }
    #layerslider_1 { display: none; }
    #inicioResponsive { display: block; }



    /* ---------------------- Menú responsive ------------------------- */
    .slicknav_menu { position: fixed; width: 100%; z-index: 1000; display: block; font-size: 14px; }
    div.wrapper { position: absolute; top: 49.25px; }
    .slicknav_menu ul.sub-menu { visibility: inherit; position: inherit; font-size: 0.95em; }

    /* ------------------------- Cabecera ----------------------------- */
    #header div.logo { width: 41%; }
    .content { width: 35%; float: right; margin-right: 2%; }
    .content .info { text-align: right; font-size: 1.5em; }
    div.networks { position: fixed; z-index: 1001; top: 0; right: 2%; width: 200px; }
    div.lang { position: fixed; z-index: 1001; top: 0; right: 4%; }
    div.lang span { color: rgb(255,255,255); }

    /* --------------------------- Footer ----------------------------- */
    footer { font-size: 7px; padding-top: 3.5%; }
    footer #contacto h2 { margin-bottom: .5%; font-size: 3em; }
    footer .premios { float: right; }
    footer .infoMeteoclim { margin-left: 10%; }
    footer .premios { margin-right: 5%; margin-left: 0; }

    /* --------------------- Fuentes ---------------------------------- */
    p.light, h3.light, #inicioResponsive p { font-weight: 300; }
    p.regular { font-weight: 400; }
    p.black, #inicioResponsive h2 { font-weight: 900; }
    #otrosProductosResponsive li { font-weight: 700; }
    #weatherResponsive p.light, #nauticaResponsive p.light  { font-size: 1.8em; }
    #weatherResponsive p.regular, #nauticaResponsive p.regular, #cambioClimaResponsive p.regular { font-size: 1.5em; }
    #mediosResponsive p.light, #otrosProductosResponsive p.light { font-size: 2.65em; }
    #otrosProductosResponsive h3 { font-size: 2.45em; text-transform: uppercase; }
    #modelizacionResponsive h4, #cambioClimaResponsive h4, #energiasResponsive h4, #inicioResponsive h2 { font-size: 1.8em; text-transform: uppercase; }
    #energiasResponsive p.light, #energiasResponsive p.regular, #inicioResponsive p { font-size: 1.8em; }
    #caracteristicasModelizacion li { font-size: 1.45em; }
    #modelizacionResponsive p.regular, #otrosProductosResponsive li, #golfResponsive p.light { font-size: 2.1em; }



    /* ---------------------- Páginas --------------------------- */
    #inicioResponsive { color: #fff; margin-top: 5%; padding: 7% 13.25% 9% 13.25%; }
    #inicioResponsive h2 { margin-bottom: 4%; }
    #cabeceraMeteo, #cabeceraClima { text-align: center; margin-top: .5%; margin-bottom: 4%; }
    #cabeceraMeteo h2, #cabeceraClima h2  { margin-left: 0; margin-top: 3%;}
    #modelizacionResponsive, #cambioClimaResponsive, #energiasResponsive, #weatherResponsive, #nauticaResponsive, #mediosResponsive, #otrosProductosResponsive, #evalRiesgo, #gases { color: #fff; padding-top: 7%; padding-bottom: 6%; }
    #golfResponsive { color: #fff; padding-top: 9%; padding-bottom: 9%; }
    #alertas, #huella { padding-top: 26%; padding-bottom: 6%; }
    #quienesSomos, #contactanos { padding-top: 3%; }
    #quienesSomos .contentLeft, #quienesSomos .contentRight { margin-bottom: 8%; }
    #equip h3 { margin-top: 12%; margin-bottom: 5%; }
    #mediosResponsive, #golfResponsive, #otrosProductosResponsive { padding-left: 13.25%; padding-right: 9%; }
    #otrosProductosResponsive h3 { margin-top: 11%; margin-bottom: 7%; }
    #otrosProductosResponsive ul li { margin-bottom: 5%; }
    #energiasResponsive h4 { margin-bottom: 10%; }
    #caracteristicasModelizacion, #caracteristicasCambioClima, #principalesEnergias, #ventajasWeather, #ventajasNautica, #ventajasMedios, #ventajasGolf, #otrosProductosResponsive, #huella, #equip { margin-bottom: 2%; }
    #caracteristicasModelizacion h3, #caracteristicasCambioClima h3, #principalesEnergias h3, #ventajasWeather h3, #ventajasNautica h3, #ventajasMedios h3, #ventajasGolf h3 { margin-top: 6%; margin-left: 45%; }
    #caracteristicasModelizacion ul, #caracteristicasCambioClima ul, #principalesEnergias ul, #ventajasWeather ul, #ventajasNautica ul, #ventajasMedios ul, #ventajasGolf ul { margin-bottom: 5%; margin-left: 45%; }
    #clientesWeather, #clientesNautica, #clientesMedios, #clientesGolf { margin-top: 8%; padding-top: 0;}
    #ventajasMedios ul li, #ventajasGolf ul li { padding-bottom: 5%; }
    #newsResponsive { margin-top: 5%; margin-bottom: 5%; }
    #newsResponsive .ls-bottom-nav-wrapper { margin-top: 3%; }



    /* Codigo arreglar inicio */
    #meteorologia .seccion, #climatologia .seccion {
        width: 50%;
    }
}

@media (max-width: 480px) {

    /* ------------------- Backgrounds -------------------- */
    #ventajasWeather { background-image: url(../../../imagenes/weatherTrack/bgVentajasWeather-480.jpg); }
    #ventajasNautica { background-image: url(../../../imagenes/nautica/bgVentajasNautica-480.jpg); }
    #ventajasMedios { background-image: url(../../../imagenes/mediosComunicacion/bgVentajasMedios-480.jpg); }
    #ventajasGolf { background-image: url(../../../imagenes/golf/bgVentajasGolf-480.jpg); }
    #caracteristicasModelizacion { background-image: url(../../../imagenes/climatologia/bgCaracteristicasModelizacion-480.jpg); }
    #caracteristicasCambioClima { background-image: url(../../../imagenes/climatologia/bgCaracteristicasCambio-480.jpg); }
    #principalesEnergias { background-image: url(../../../imagenes/climatologia/bgPrincipalesEnergias-480.jpg); }
    #weatherResponsive { background-image: url(../../../imagenes/weatherTrack/bgWeatherResponsive-480.jpg); }
    #nauticaResponsive { background-image: url(../../../imagenes/nautica/bgNauticaResponsive-480.jpg); }
    #mediosResponsive { background-image: url(../../../imagenes/mediosComunicacion/bgMediosResponsive-480.jpg); }
    #golfResponsive { background-image: url(../../../imagenes/golf/bgGolfResponsive-480.jpg); }
    #modelizacionResponsive { background-image: url(../../../imagenes/climatologia/bgModelizacionResponsive-480.jpg); }
    #cambioClimaResponsive { background-image: url(../../../imagenes/climatologia/bgCambioClimaResponsive-480.jpg); }
    #energiasResponsive { background-image: url(../../../imagenes/climatologia/bgEnergiasResponsive-480.jpg); }
    #otrosProductosResponsive { background-image: url(../../../imagenes/otrosProductos/bgOtrosProductosResponsive-480.jpg); }
    #evalRiesgo { background-image: url(../../../imagenes/climatologia/bgOtrosServiciosRiesgo-480.jpg); }
    #gases { background-image: url(../../../imagenes/climatologia/bgOtrosServiciosGases-480.jpg); }
    #equip { background-image: url(../../../imagenes/quienesSomos/bgNuestroEquipo-480.jpg); }
    #contactanos .contentLeft { margin-top: 8%; margin-bottom: 8%; }




    /* ------------------------- Cabecera ----------------------------- */
    #header div.logo { width: 49%; }
    h1 { font-size: 3em; }
    .content .info { font-size: 1.1em; }

    /* --------------------------- Footer ----------------------------- */
    footer { font-size: 6.5px; }
    footer .infoMeteoclim { margin-left: 5%; }
    footer .premios { margin-right: 1%; }

    /* ---------------------- Páginas --------------------------- */
    #cabeceraMeteo, #cabeceraClima { margin-top: 3%; margin-bottom: 7%; }
    #cabeceraMeteo h2, #cabeceraClima h2 { margin-top: 5%;}
    #modelizacionResponsive, #cambioClimaResponsive, #energiasResponsive, #weatherResponsive, #nauticaResponsive, #mediosResponsive, #evalRiesgo, #gases, #golfResponsive { padding: 12% 12% 10% 14%; }
    #alertas, #huella { padding: 28% 12% 15% 14%; }
    #modelizacionResponsive div, #cambioClimaResponsive div, #energiasResponsive div, #weatherResponsive div, #nauticaResponsive div, #evalRiesgo div, #alertas div, #gases .textLeft, #gases .textRight, #huella div { display: inherit; width: 100%; padding: 0; }
    #modelizacionResponsive div.textLeft, #cambioClimaResponsive div.textLeft, #energiasResponsive div.textLeft, #weatherResponsive div.textLeft, #nauticaResponsive div.textLeft, #evalRiesgo div.textLeft, #alertas div.textLeft, #gases div.textLeft, #huella div.textLeft { margin-bottom: 10%; }
    #energiasResponsive h4 { margin-bottom: 7%; }
    #caracteristicasModelizacion h3, #caracteristicasCambioClima h3, #principalesEnergias h3, #ventajasWeather h3, #ventajasNautica h3, #ventajasMedios h3, #ventajasGolf h3 { margin-left: 15%; margin-top: 10%; margin-bottom: 6%; }
    #caracteristicasModelizacion ul, #caracteristicasCambioClima ul, #principalesEnergias ul, #ventajasWeather ul, #ventajasNautica ul, #ventajasMedios ul, #ventajasGolf ul { margin-left: 15%; }
    #clientesWeather, #clientesNautica, #clientesMedios, #clientesGolf { margin-top: 11%; }
    #clientesGolf h3 { margin-bottom: 6%; }
    #newsResponsive .ls-bottom-nav-wrapper { margin-top: 5.5%; }
    #quienesSomos .contentLeft, #quienesSomos .contentRight, #contactanos .contentLeft, #contactanos .contentRight { display: block; width: 73.5%; margin-left: 13.25%; margin-right: 13.25%; }
}


@media (max-width: 320px) {

    /* ------------------- Backgrounds -------------------- */
    #ventajasWeather { background-image: url(../../../imagenes/weatherTrack/bgVentajasWeather-320.jpg); }
    #ventajasNautica { background-image: url(../../../imagenes/nautica/bgVentajasNautica-320.jpg); }
    #ventajasMedios { background-image: url(../../../imagenes/mediosComunicacion/bgVentajasMedios-320.jpg); }
    #ventajasGolf { background-image: url(../../../imagenes/golf/bgVentajasGolf-320.jpg); }
    #caracteristicasModelizacion { background-image: url(../../../imagenes/climatologia/bgCaracteristicasModelizacion-320.jpg); }
    #caracteristicasCambioClima { background-image: url(../../../imagenes/climatologia/bgCaracteristicasCambio-320.jpg); }
    #principalesEnergias { background-image: url(../../../imagenes/climatologia/bgPrincipalesEnergias-320.jpg); }



    /* ------------------------- Cabecera ----------------------------- */
    div.networks { width: 175px; }
    #header div.logo { width: 36%; }
    h1 { font-size: 2.2em; }
    .content .info { font-size: 1em; }

    /* --------------------------- Footer ----------------------------- */
    footer { font-size: 6px;  }
    footer .premios { margin-right: 4%; }

    /* ---------------------- Página inicio --------------------------- */
    #layerslider_1, #layerslider_1 .ls-inner, #layerslider_1 .ls-active { height: 150px;}
    #meteorologia, #climatologia { overflow: auto; }
    #meteorologia > img, #climatologia > img { display: none; }
    #meteorologia .secciones, #climatologia .secciones { position: static; top: 0; left: 0; width: 90%; overflow: hidden; }
    #meteorologia .seccion, #climatologia .seccion {
        width: 49%;
        position: relative;
        float: left;
        display: inline-block;
    }

    #meteorologia > p {
        position: static;
        top: 0;
        padding: 5% 5%;
        color: rgb(241,93,34);
    }
    #climatologia > p, #climatologia > ul {
        position: static;
        top: 0;
        color: rgb(141, 198, 63);
        width: 90%;
        padding: 5% 5%;

    }
    #meteorologia .seccion img, #climatologia .seccion img {

        position: static;
        top: 0;
        width: 100%;
    }
    #meteorologia .seccion .textInfo, #climatologia .seccion .textInfo {
        display: inline-block;
        position: absolute;
        top: 1em;
        left: 0;
        width: 100%;
        color: #fff;
    }

    #meteorologia .seccion .textInfo p, #climatologia .seccion .textInfo p {

        color: #fff;
    }


    /* ---------------------- Páginas --------------------------- */
    #clientesGolf { margin-top: 15%; }
    .logosClientes { width: 80%; margin: 0 auto; }
    .logosClientes img { max-width: 60%; width: 50%; height: auto; }
    #clientesGolf .logosClientes img { margin-bottom: 5%; }


}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

/*@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}*/





/* Pruebas */


.text-center-vertical {

}
.block-content.block-content-full {
    min-height: 320px;
    background-size: cover;
}
.block-content {
    margin: 21px auto;
    padding: 55px 2px 2px;
    max-width: 100%;
    
}
    overflow-x: visible;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.bg-image {
    background-color: #f9f9f9;
    background-position: 0 50%;
    -webkit-background-size: cover;
    background-size: cover;
}
.text-center {
    text-align: center;
    margin: 21px auto;
    padding: 55px 5px 5px
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div {
    display: block;
}

a.block {
    display: block;
    color: #646464;
    font-weight: normal;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}


@media (min-width: 1200px) {
    .col-lg-3 {
        width: 25%;
    }

    .col-lg-6 {
        width: 50%;
    }


}


@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }
}

@media (max-width: 1000px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-6 {
        width: 50%;
    }
}



@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 15px;
        padding-right: 1px;
        padding-left: 1px;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -box-sizing: border-box;
    }
	   
}

.row {
    margin-right: 15px;
    margin-left: 15px;
}

.row:after {
    clear: both;
}

.row:after, .row:before {
    display: table;
    content: " ";
}


/*-----------ciclista----------*/
.cicli {
    padding: 15px 1px 1px;
    margin: 10px;
    color: #000;
    text-align: justify;
    font-weight: 300;

}


.ciclidos {
    padding: 15px 1px 1px;
    margin: 10px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 300;

}
/*-------fontsizes--------*/

.font12 {
    padding: 15px 1px 1px;
    margin: 10px;
    font-size: 12px;
    color: #FFF;
}

.font14 {
    padding: 15px 1px 1px;
    margin: 10px;
    font-size: 14px;
    color: #FFF;
    text-aling: justify;

}

.img2 {
    min-height: 295px !important;
    background-size: 100%;
    background-repeat: no-repeat;
}
.img3 {
    min-height: 390px !important;
    background-size: 100%;
    background-repeat: no-repeat;
}

.textInfo2 {
    padding: 3% 3%;
    color: #fff;
    font-size: 22px;
    margin-top:100px;
}
.img4 {
    min-height: 420px !important;
    height: 390px !important;
    background-size: 100%;
    background-repeat: no-repeat;
}
.textInfo3 {
    text-align: justify;
    padding: 3% 3%;
    color: #fff;
    font-size: 22px;
    margin-top: 50px;
}

@media (max-width: 768px) {
  .img4 {
      min-height: 390px !important;
      height: 390px !important;      
      background-size: 600px 340px;
      background-repeat: no-repeat;
  }
      .img3 {
       min-height: 320px !important;
       background-size: 600px 340px;
       background-repeat: no-repeat;
  }
.textInfo2 {
    padding: 3% 3%;
    color: #fff;
    font-size: 16px;
    margin-top:0px;
}
.textInfo p, .textoPorque  li, p.infoContacto, #error404 p {
    font-size: 1.8em;
    font-weight: 300;
}
.textInfo3 {
    text-align: justify;
    padding: 3% 3%;
    color: #fff;
    font-size: 16px;
    margin-top: 0px;
}
.cicli {
    padding: 15px 1px 1px;
    margin: 10px;
font-size: 2em;
    color: #000;
    text-align: justify;
    font-weight: 300;
}

}
@media (max-width: 1200px) {

     .img4 {
      min-height: 370px !important;
      height: 621px !important;
      background-size: 600px 700px;
      background-repeat: no-repeat;
  }
      .img3 {
      
       min-height: 320px !important;
       height: 328Px !important;
       background-size: 600px 340px;
       background-repeat: no-repeat;
  }
      .marginbottom {
        margin-bottom: 55px;
   }
.textInfo2 {
    padding: 3% 3%;
    color: #fff;
    font-size: 16px;
    margin-top:0px;
}
.textInfo p, .textoPorque  li, p.infoContacto, #error404 p {
    font-size: 1.8em;
    font-weight: 300;
}
.textInfo3 {
    text-align: justify;
    padding: 3% 3%;
    color: #fff;
    font-size: 16px;
    margin-top: 0px;
}
.cicli {
    padding: 15px 1px 1px;
    margin: 10px;
font-size: 2em;
    color: #000;
    text-align: justify;
    font-weight: 300;
}

}