/*
	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;
	/*margin-left:50px;*/
	/*margin-right:50px;*/

}

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%;
	
}

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;*/
	max-width: 2000px;
	height: 48px;
	/*background-image: url(./img/logoMeteoclimFlotant.png);*/
  	background-size: contain;
  	background-repeat: no-repeat;
	background-position: 2% 50%;
	text-align: right;
	line-height:45%;

}
#logo-home img{
	float:left;
	width:12.75em;
	height:auto;
	padding-left:1.85%;
	display:block;

}
#menu-navigation{


}

#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-size:1.7em;
  	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, #climatologia ul, #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;*/
	text-align:center;
}

#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%;*/
	padding: 0px 16%;
}

#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%;
	/*text-align:center;*/
}

#porque img {
	width: 44%;

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

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

#partners {
	position: relative;
}

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

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

.logos img {
	width: 23%;
	margin-right: 5%;
	vertical-align: middle;
}

/* =========  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("http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCapaSliderWeather.png);
}

.sliderContentNautica {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCapaSliderNautica-1.png);
}

.sliderContentMedios {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCapaSliderMedios.png);
}

.sliderContentGolf {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasWeather.png);
}

#ventajasNautica {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasNautica.png);
}

#ventajasMedios {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasMedios.png);
}

#ventajasGolf {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCapaSliderModelizacion.png);
}

div.sliderContentCambioClima {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCapaSliderCambio.png);
}

div.sliderContentEnergias {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCaracteristicasModelizacion.png);
}

#caracteristicasCambioClima {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCaracteristicasCambio.png);
}

#principalesEnergias {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgOtrosServiciosRiesgo.png);
  	background-repeat: no-repeat;
  	background-position: 0 0;
	background-size: 100% 100%;
}

#gases {
	background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasWeather-767.jpg); }
	#ventajasNautica { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasNautica-767.jpg); }
	#ventajasMedios { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasMedios-767.jpg); }
	#ventajasGolf { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasGolf-767.jpg); }
	#caracteristicasModelizacion { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgModelizacionResponsive-767.jpg); }
	#cambioClimaResponsive {background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgAlertas-767.jpg); }
	#huella { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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%; }

	#partners h2 { margin-bottom: .5%; font-size: 2.5em;}
	
	/*------- Porque elegirnos ----*/
	#porque img { width: 0%;}
	.textoPorque { width: 100%; vertical-align: top; display: inline-block; margin-left: 0%;}
	#porque h2 { margin-top: 14%; margin-bottom: 6.5%; text-align:center;}
	ul.puntoNormal { list-style-type: none; margin-left: 50px; margin-right: 50px;}
}
}
}

@media (max-width: 480px) { 

	/* ------------------- Backgrounds -------------------- */
	#ventajasWeather { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasWeather-480.jpg); }
	#ventajasNautica { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasNautica-480.jpg); }
	#ventajasMedios { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasMedios-480.jpg); }
	#ventajasGolf { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasGolf-480.jpg); }
	#caracteristicasModelizacion { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgModelizacionResponsive-480.jpg); }
	#cambioClimaResponsive { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCambioClimaResponsive-480.jpg); }
	#energiasResponsive { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgEnergiasResponsive-480.jpg); }
	#otrosProductosResponsive { background-image: url(../../../imagenes/otrosProductos/bgOtrosProductosResponsive-480.jpg); }
	#evalRiesgo { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgOtrosServiciosRiesgo-480.jpg); }
	#gases { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgOtrosServiciosGases-480.jpg); }
	#equip { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/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%; }

	#partners h2 { margin-bottom: .5%; font-size: 2em;}

}


@media (max-width: 767px) {

	/* ------------------- Backgrounds -------------------- */
	#ventajasWeather { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasWeather-320.jpg); }
	#ventajasNautica { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasNautica-320.jpg); }
	#ventajasMedios { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasMedios-320.jpg); }
	#ventajasGolf { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgVentajasGolf-320.jpg); }
	#caracteristicasModelizacion { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCaracteristicasModelizacion-320.jpg); }
	#caracteristicasCambioClima { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgCaracteristicasCambio-320.jpg); }
	#principalesEnergias { background-image: url(http://temporal.meteoclim.com/wp-content/uploads/2016/05/bgPrincipalesEnergias-320.jpg); }

#meteorologia h3.home {
    padding-bottom: 3%;
}
#climatologia h3.home {
    padding-bottom: 3%;
    padding-left:10px;
    padding-right:10px;
}


	/* ------------------------- 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%;*/
    width:50%;
    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: 99%;
	margin-bottom:5px;
}
#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;
	}
}*/