@charset "ISO-8859-1";
/* CSS Document */


/*
		COLORES
		Rojo: #BC0017
		Gris claro: #8B9CA2
*/

* {margin: 0; padding: 0;}

body {/*background: #fff url(../images/fondoweb-interior.jpg) repeat-x left top;*/ font-family:"Dosis", Arial, sans-serif; color: #666; font-size: 14px;}
body.home {/*background: #fff url(../images/fondoweb.gif) repeat-x left top;*/}

img a, a img {border: none;}

.clear {clear: both;}

ul, li {list-style: none;}

h1 {color: #333; font-family: "Dosis", Arial, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0 0 10px 0; letter-spacing: 0.06em;}
h1.home {float: left; color: #333; font-family: "Dosis", Arial, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 37px 0 10px 0; letter-spacing: 0.06em; font-size: 24px;}
p.home {float: left; color: #333; font-family: "Dosis", Arial, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 37px 0 10px 0; letter-spacing: 0.06em; font-size: 24px;}

h2 {font-size: 23px; font-family: "Dosis", Arial, sans-serif; color: #666; font-weight: normal; margin: 0 0 5px 0; text-transform: uppercase;}
h2 a {color: #666; text-decoration: none;}
h2 a:hover {color: #333; text-decoration: none;}
h2.home {color: #333; font-family: "Dosis", Arial, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0 0 10px 0; letter-spacing: 0.06em; font-size: 24px;}
h2.home2 {float: left; color: #333; font-family: "Dosis", Arial, sans-serif; text-transform: uppercase; font-weight: normal; padding: 0; margin: 37px 0 10px 0; letter-spacing: 0.06em; font-size: 24px;}
h3 {font-size: 17px; font-family: "Dosis", Arial, sans-serif; color: #494949; font-weight: normal; margin: 0 0 5px 0;}
h4 {font-size: 16px; font-family: "Dosis", Arial, sans-serif; color: #0084D7; font-weight: normal; margin: 0 0 5px 0;}

p {margin: 0 0 5px 0; line-height: normal; text-align: justify;}
p a {color: #666; text-decoration: underline;}
p a:hover {color: #666; text-decoration: none;}


#contenedor {/*margin: 0 auto; width: 100%;*/}
#cabecera {/*margin: 0 auto; width: 987px; height: 123px;*/}
#cabecera img.logo {float: left; margin: 30px 10px 24px 0;}

div.social {float: right; margin: 20px 0 0 0;}
div.social img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); padding: 0 5px 0 0;}
div.social img:hover {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */}
div.telefono {float: right; display: block; margin: 25px 20px 0 0; font-size: 16px;}
div.telefono a {color: #333;}

#idiomas {float: right;}
#idiomas ul {float: left; color: #666; padding: 0;}
#idiomas ul li {display: block; float: left; margin: 0 2px; font-size: 13px; border-right: 1px solid #666; padding: 0 3px 0 0;}
#idiomas ul li a{color: #666; text-decoration: none; border: none !important;}
#idiomas ul li a:hover{color: #333; text-decoration: none;}
.wpml-ls-statics-shortcode_actions {border: none;}

div.menu-principal-container {float: left; margin: 0px 20px 10px 0 !important; position: relative; top: -1px;}
div.menu-principal-container ul {float: left; display: block;}
div.menu-principal-container ul li {display: block; float: left; padding: 0; font-size: 16px; text-align: left; margin: 0 15px 0 0;}
div.menu-principal-container ul li a {color: #333; text-decoration: none; border-bottom: 3px solid #fff; padding: 0 0 10px 0;}
div.menu-principal-container ul li a:hover {color: #BC0017; text-decoration: none; border-bottom: 3px solid #BC0017;}
div.menu-principal-container ul li:hover {color: #BC0017;}
div.menu-principal-container ul li.current-menu-item a {color: #BC0017; border-bottom: 3px solid #BC0017;}
div.menu-principal-container ul li.current-menu-item:hover {color: #333;}
div.menu-principal-container ul li ul.sub-menu {width: 150px; background-color: #fff; margin: 6px 0 0 0; padding: 5px; border-bottom: 3px solid #BC0017;}
div.menu-principal-container ul li ul.sub-menu li {border-bottom: 1px dotted #8B9CA2; padding: 0 0 5px 0;}
div.menu-principal-container ul li ul.sub-menu li a {border: none; padding: 0;}

#ticker-cont {background-color:#8B9CA2; /*box-shadow: inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666; -moz-box-shadow: inset 0 0 5px #666;*/ overflow: hidden; height: 27px; padding: 7px 0 0 0;}
#NewsTicker {margin: 0 auto; background:url(../images/altavoz.png) no-repeat 5px -2px; padding: 0 0 0 30px; width: 100%; height: 22px; overflow: hidden;}
#NewsTicker li {float: left; margin: 0 20px 0 0; display: inline;}
#NewsTicker li a {color: #fff; text-decoration: none; font-size: 13px; text-transform:uppercase; white-space: nowrap;}
#NewsTicker li a:hover {color: #fff; text-decoration: underline;}
#NewsTicker ul#ticker01 {position: relative; display: block; width: 1000px;}
.tickercontainer .mask {position: relative; left: 0; overflow: hidden;}
.ticker-container{ background-color:#8B9CA2;}

#banner-interior {width: 100%; clear: both; height: 122px; margin: 0; background: url(../images/banner-interior.jpg) repeat-x left top;}

#migas {/*width: 100%; clear: both;*/ height: 26px; margin: 0; padding-left: 0px !important; padding-right: 0px !important; }
#migas p {margin: 0 auto; padding: 3px 5px; /*width: 977px;*/ color: #999; background-color:#000;}
#migas p a {color: #999; text-decoration: underline;}
#migas p a:hover {color: #999; text-decoration: none;}
#migas p span.breadcrumb_last {font-weight: strong; color: #fff;}

.container-migas{ background-color:#000; }

/*-------------------------------------------------------------CABECERA ROTATORIA-----------------------------------------------------------------*/

div.rotator {margin: 0 auto; width: 100%; height: 466px; box-shadow: 1px 1px 5px #666; -webkit-box-shadow: 1px 1px 5px #666; -moz-box-shadow: 1px 1px 5px #666; position: relative; clear: both; margin-bottom: 40px;}
/*div.rotator{float: left; clear: both; width: 998px; height: 348px; margin: 0 0 10px 0;}*/
#divMainRotator {width: 100%; height: 466px; overflow: hidden; position: absolute;}
#divMainRotator .featured_project {width: 100%; padding: 0; height: 466px; overflow: hidden; position: absolute; z-index: 1;}
#divMainRotator .featured_project img {position: absolute; z-index: 2; width: 100%; height: 100%; min-width: 1342px;}
.featured_project_content {width: 100%; overflow: hidden; position: absolute; z-index: 3; background: url(../images/fondo-transparente.png) repeat left top; bottom: 0px; height: 116px;}
.featured_project_content h2 {float: left; font-size: 26px; margin: 20px 12% 5px 12%; text-align: left; color: #fff; background: none; padding: 0; width: 74%; height: auto; text-shadow: 1px 1px 2px #000; -moz-text-shadow: 1px 1px 2px #000; -webkit-text-shadow: 1px 1px 2px #000;}
.featured_project_content h2 a {color: #fff; text-decoration: none;}
.featured_project_content h2 a:hover {color: #8B9CA2; text-decoration: none;}

#divMainRotatorNav {position:absolute; bottom:70px; right:10px; z-index:99; height: 11px; overflow: hidden;}
#divMainRotatorNav a {display: block; float: right; width: 11px; height: 11px; background: transparent url(../images/btn_rotator_active.png) top right no-repeat; text-align: center; line-height: 28px; font-size: 1.2em; color: transparent; margin-right: 12px; text-decoration: none;}
#divMainRotatorNav a:hover {background: transparent url(../images/btn_rotator_active.png) top left no-repeat; text-decoration: none; }
#divMainRotatorNav a.activeSlide {background: transparent url(../images/btn_rotator_active.png) top left no-repeat; text-decoration: none; color: transparent; }
#divMainRotatorNav a:focus {outline: none;}

@media (max-width: 960px) { .featured_project_content h2 { font-size: 22px;} }
@media (max-width: 768px) { .featured_project_content h2 { font-size: 18px;} }



.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

#holder {
	height:300px;
	overflow: hidden;
	width:300px;
}
 
#maximage {
	position:relative !important;
}

/*-------------------------------------------------------------CABECERA ROTATORIA-----------------------------------------------------------------*/

#main {/*margin: 0 auto; width: 100%; overflow: hidden;*/}
#main.container-fluid{ /*margin-left: -15px !important; margin-right: -15px !important; */}

#centro {margin: 20px auto; /*width: 987px;*/ overflow: hidden;}

#centro.container {margin: 20px auto !important; }

div.bloque-izq.home {/*float: left; width: 45%;*/}
div.bloque-izq {/*float: left; width: 50%;*/}

div.bloque-izq img {float: left; margin: 0 10px 10px 0; box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999;}

div.bloque-izq p strong, #centro p strong {color:#BC0017;}
div.bloque-izq p a {color: #666; text-decoration: underline;}
div.bloque-izq p a:hover {color: #666; text-decoration: none;}

div.bloque-izq ul {display: block; margin: 10px 0;}
div.bloque-izq ul li {background: url(../images/bullet.png) no-repeat left 7px; padding: 0 0 0 10px; margin: 0 0 5px 0; text-align: justify;}
div.bloque-izq ul li a {color: #666; text-decoration: underline;}
div.bloque-izq ul li a:hover {color: #666; text-decoration: none;}


#centro .wp-post-image {float:right;}

ul.sectores {/*float: right; width: 50%;*/}
ul.sectores li {display: block; float: left; width: 30%; height: 112px; overflow: hidden; position: relative; margin: 0 0 7px 7px;}
ul.sectores li h3 {position: absolute; bottom: 0; background-color: #000; padding: 3px 4px; z-index: 2; line-height: 1em; margin: 0; font-size: 15px; color: #fff;}
ul.sectores li h3 a {color: #fff; text-decoration: none;}
ul.sectores li h3 a:hover {color: #BC0017; text-decoration: none;}
ul.sectores li img { /*position: absolute; z-index: 1; left: -5px; top: 0;*/ width: 100% !important; height: auto !important; }


blockquote {border-left: 8px solid #333; padding: 5px 8px; margin: 10px 0; font-size: 22px; font-family: "Dosis", Arial, sans-serif; color: #000; font-weight: normal; line-height: normal;}

.bloque-noticia {float: left; width: 45%; margin: 0 25px 25px 0; box-shadow: 2px 2px 2px #ccc; padding: 10px; border: 1px solid #eee;}


#main span.snvdshc {text-align: center; margin: 0 auto; width: 100%; float: left;}
#main span.snvdshc .synved-button {padding:0 10px 0 10px; margin: 10px auto; cursor:pointer; width:88%; border-radius: 10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border:3px solid #fff; background-color: #E943A9; box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; color: #fff; text-shadow: none; text-align: center; background-image: none; height: 35px;}
#main div.col-centro.doble span.snvdshc .synved-button{width: 40%;}
#main span.snvdshc .synved-button:hover {background-color: #0084D7; box-shadow: 0px 0px 2px #ccc;}

div.bloque-izq.medio {/*width: 60%;*/}

#col-dcha {/*float: right; width: 35%;*/}
#col-dcha p.titulo-col {float: left; width: 98%; background-color: #8B9CA2; padding: 5px 10px; color: #fff; font-size: 16px;}
#col-dcha p.titulo-col a {color: #fff; text-decoration: none;}
#col-dcha p.titulo-col a:hover {color: #fff; text-decoration: none;}
#col-dcha ul {display: block; padding: 10px; border: 1px solid #8B9CA2;}
#col-dcha ul li {list-style: none; margin: 0 0 5px 0;}
#col-dcha ul li a {color: #333; text-decoration: none;}
#col-dcha ul li a:hover {color: #333; text-decoration: underline;}



#piecont {/*margin: 5 auto 0 auto; width: 100%;*/ background-color: #8B9CA2; /*overflow: hidden; height: 120px;*/}
#pie {/*width: 987px; margin: 0 auto 0 auto;*/ font-size: 13px; padding: 15px 10px; color: #fff;}
#pie p {/*float: left; text-align: left; width: 44%;*/}
#pie p a {color: #fff; text-decoration: underline;}
#pie p a:hover {color: #fff; text-decoration: none;}
#pie img {float: left;}
#pie div.right {/*float: right; width: 44%;*/}
#pie div.menu-pie-container {float: right; clear: left; margin: 0 0 10px 10px;}
#pie div.menu-pie-container ul.nav-menu li {float: right; display: block; width: 40%; margin: 0 5px 5px 0;}
#pie div.menu-pie-container ul.nav-menu li a {color: #fff; text-decoration: none;}
#pie div.menu-pie-container ul.nav-menu li a:hover {color: #fff; text-decoration: underline;}
#pie img.logospie {float: left; margin: 5px 0 0 0;}

div.politica-txt {width: 600px; height: auto;}
div.politica-txt h1 {font-size: 21px; font-family: "Dosis", Arial, sans-serif; color: #333; font-weight: normal; margin: 0 0 10px 0; text-transform: uppercase; background: none; float: none; width: auto; height:auto; padding: 0;}


div.paginacion {float: left; clear: both; color: #fff; font-weight: bold; margin: 10px 0 0 0;}
div.paginacion span.current {background-color: #BC0017; padding: 2px 4px; margin: 0 3px 0 0;}
div.paginacion a.page-numbers {color: #333; text-decoration: none; margin: 0 3px 0 0;}
div.paginacion a.page-numbers:hover {color: #BC0017; text-decoration: none;}

#centro div.gallery {float: right; width: 45%; padding: 0;}
#centro div.gallery dl.gallery-item{width: 45%; height: auto; overflow: hidden; margin: 0 5% 10px 0px; padding: 0; border: 2px solid #eee; box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999;}
#centro div.gallery dl.gallery-item:hover {border: 2px solid #ccc;}
#centro div.gallery dl.gallery-item dt.gallery-icon {float: none; width: 100%; padding: 0;}
#centro div.gallery img { border: none; width: 100%; height: auto;} 

@media (max-width: 988px) { #centro div.gallery {float: left; width: 100%; padding: 0;} }

#map_canvas {/*float: right;*/ margin: 15px 0; /*width: 425px;*/ height: 450px; border-top: 1px solid #BC0017; border-bottom: 1px solid #BC0017; padding: 5px 0;}

p#wpml_credit_footer {display: none;}

p.leermas a {color: #0084D7;}
p.leermas a:hover {color: #333;}

/*--------------COOKIES------------------*/

#contenedor-coockies{ width: 100%; margin: 0 auto; display:block; position:fixed; bottom:0px; background: url(../images/fondo-negro-70.png) transparent repeat left top; z-index: 99999999999999999999; padding-top:0px;}
#cookies {display: block; width: 960px; height: 60px; left:0; padding: 15px 0; margin:0px auto 10px auto;}
#cookies p {color: #fff; margin: 0 10px 5px 0px;}
#cookies p a {color: #fff; text-decoration: underline;}
#cookies p a:hover {color: #fff; text-decoration: none;}
#cookies p.botones-cookies { margin-top:10px;}
#cookies p.botones-cookies a {background-color: #000; padding: 3px 15px; margin: 10px 0 0 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; color:#FFF;}
#cookies p.botones-cookies a:hover {background-color: #333;}

table.tabla-cookies {border:1px solid #ccc; border-collapse:collapse; margin: 0 0 10px 0;}
table.tabla-cookies td {border:1px solid #ccc; padding:5px;}
table.tabla-cookies th {border:1px solid #ccc; padding:5px; background-color:#eee}

/*--------------COOKIES------------------*/

.wpcf7 { background: none repeat scroll 0 0 #f9f9f9; width: auto; border: 1px solid #eee; border-radius: 3px; padding:15px !important;}

.wpcf7 .wpcf7-text, .wpcf7 textarea, .wpcf7 select { 
    text-shadow: 0 1px 0 white;
    color: #111;
    font-size: 0.9em;
    padding: 5px 10px;
    border: 1px solid #e2e2e2;
    vertical-align:top;
    background: #f7f7f7 linear-gradient(0deg, #f7f7f7, #eeeeee); width: 95%;}

.wpcf7 p { clear: both;}


.wpcf7-submit{
    padding:5px 10px;
    margin:10px 0 0 5px;
    cursor:pointer;
    width:auto;
    border-radius: 3px 0 0 0;
    border:1px solid #ccc;
    background: #f7f7f7 linear-gradient(0deg, #f7f7f7, #e5e5e5);
}

.wpcf7-form .label { display: block !important; clear: none;}


/* MENU RESPONSIVE */

/* MENUH */
.navbar-default {
    background-color: transparent !important;
    border-color: none !important;
}



.fondomenu{ background-color: #fff; }
.contenedorMenuH{ background-color:#fff; height:auto; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: none !important; margin-bottom:0px !important; /*min-height:53px !important;*/}

#menuh{ margin: 0px !important; padding:0px;}
	#menuh .sf-menu{ margin:0px !important;}

div#bs-example-navbar-collapse-1.collapse.navbar-collapse{ padding:0px; }
#menuh ul{ }
	#menuh ul li{ }
	#menuh ul li a{ text-decoration:none; color:#000; display:block; text-transform:uppercase; font-size:12px; }
	#menuh ul li a:hover{ /*background-color: #113041;*/}
	#menuh ul li ul{  /*display:none;*/ z-index:12000; top:34px; left:0px; background-color:#fff;}
	#menuh ul li ul li{ display:block; clear:both;}
	#menuh ul li ul li a{ border-right:none; padding:10px; margin-right:0px; font-size: 12px;}
	#menuh ul li ul li a:hover{ /*background-color: #E44202;*/ color: #E44202;  }
	/*#menuh .sfHover{ background-color: #113041;}*/

#seleccion{ padding-top: 0px; padding-bottom: 0px;}
#seleccion ul{ margin: 0px; }
	#seleccion ul li{ display: inline-block; }
	#seleccion ul li a{ text-decoration:none; color:#E9E9E9; display:block; text-transform:uppercase; font-size:19px;padding: .70em .55em !important; }
	#seleccion ul li a:hover{ background-color: #113041;}
	#seleccion ul li ul{  /*display:none;*/ z-index:12000; top:54px; left:0px; background-color:#113041;}
	#seleccion ul li ul li{ display:block; clear:both;}
	#seleccion ul li ul li a{ border-right:none; padding:10px; margin-right:0px; font-size: 15px;}
	#seleccion ul li ul li a:hover{ background-color: #E44202; }
	#seleccion .sfHover{ background-color: #113041;}

	div.navbar-header > a.navbar-brand { display:none;}

.sf-menu a{ padding: .70em .55em !important;}

#formulariossearch{ padding: .70em .55em !important;}

li#menu-item-55459{ position: relative; background-color: #E8451B;}
/* BOTONCITO NOVEDADES */
	li#menu-item-55459:after{ position: absolute; top:35px; left:50%; margin-left: -30px; background-color: #113041; color: #fff; padding: 1px 4px; font-size: 12px; content: "¡Novedad!"; z-index: 99;}

	li#menu-item-55459:hover:after{ background-color: #E8451B; }

.navbar { min-height: 20px !important; }

.page-template-page-contacta-php form label { width: 100% !important; }

@media (max-width: 612px) { 
	h1.home { margin-top: -20px;} 
	p.home { margin-top: -20px;} 
	div.menu-principal-container ul li { float:none; width: 100% !important;}
	#menuh{ width: 100% !important; }
	#menu-principal{ width: 100% !important; }
	div.menu-principal-container ul li ul.sub-menu{ width: 100% !important;}
	div.telefono {margin-bottom: 20px;}
}