@font-face {
    font-family: 'lucida_granderegular';
    src: url('type/lucidagrande-webfont.eot');
    src: url('type/lucidagrande-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/lucidagrande-webfont.woff2') format('woff2'),
         url('type/lucidagrande-webfont.woff') format('woff'),
         url('type/lucidagrande-webfont.ttf') format('truetype'),
         url('type/lucidagrande-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lucida_grandebold';
    src: url('type/lucidagrande_bold-webfont.eot');
    src: url('type/lucidagrande_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/lucidagrande_bold-webfont.woff2') format('woff2'),
         url('type/lucidagrande_bold-webfont.woff') format('woff'),
         url('type/lucidagrande_bold-webfont.ttf') format('truetype'),
         url('type/lucidagrande_bold-webfont.svg#lucida_grandebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	height:100%;
	margin:0;
	background-color:#fff; 
}
body {
	position:relative;
	min-height:600px;
	font-family:"lucida_granderegular", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
h1 {
	padding:30px 0px 25px 0px;
	font-size:16px;
	font-weight:bold;
	color:#eda100;
}
img { border:0px; margin:0px; padding:0px; }
form { margin:0px; padding:0px;}
select, input { width:220px; height:14px; margin:0px; padding:1px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; background-color:#dbdbdb; -moz-box-shadow: 0px 0px 0px 0px #888;  }
textarea { width:300px; height:120px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; padding:1px 3px 1px 2px; background-color:#dbdbdb; -moz-box-shadow: 0px 0px 0px 0px #888; }
.sep { clear:both; height:1px; margin:0px; padding:0px; font-size:1px; line-height:1px; }
a { text-decoration:none; color:#004063; }
ul {
	margin:0px;
	padding:0px;
	display:block;
	list-style-type:none;
}
li {
	display:block;
}
p {
	line-height:19px;
}
/* index.html */
#cont {
	width:100%;
}
#cont .redessociales {
	background:url(../images/size.gif) center bottom repeat-x;
}
#cont .redessociales .iconos {
	position:relative;
	width:58px;
	left:50%;
	margin-left:-480px;
	padding:3px 0px 2px 896px;
}
#cont .redessociales .iconos ul.iconosredes li {
	float:left;
	margin:0px 2px 0px 0px;
}
#cont .cabecera {
	position:relative;
	width:960px;
	left:50%;
	margin-left:-480px;
}
#cont .cabecera .logo {
	float:left;
	padding:20px 0px;
}
#cont .cabecera ul.menu {
	float:left;
	padding:0px 0px 0px 163px;
}
#cont .cabecera ul.menu li {
	float:left;
	height:45px;
	padding:45px 0px 15px 0px;
}
#cont .cabecera ul.menu a li .bordeopcion {
	padding:15px 17px 15px 17px;
	border-right:1px solid #000;
}
#cont .cabecera ul.menu a:hover li {
	padding-bottom:30px;
	background-color:#eda100;
	color:#fff;
}
#cont .cabecera ul.menu a.activo li {
	padding:60px 17px 15px 17px;
	background-color:#eda100;
	border-right:1px solid #000;
	border-color:transparent;
	color:#fff;
}
#cont .cabecera ul.menu a.activo li .bordeactivo {
	padding:0px 0px 4px 0px;
	border-bottom:1px solid #fff;
}
/* full width image slider */
.demo-code{ background-color:#ffffff; border:1px solid #333333; display:block; padding:10px;}
.option-table td{ border-bottom:1px solid #eeeeee;}
.skdslider{
	width:100%;
	height:335px; /* Aquí se marca el alto del Slide */
	position:relative;
	display:block;
	overflow:hidden;
}
.skdslider:after {
    content:'';
    padding-top:50%; 
    display:block;
}
/*.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}*/
.skdslider ul.slides li {
   display:none;
}
.skdslider ul.slides li img {
    width:100%;
	height:100%; /* Se indica el 100% de 365, que es la altura */
	border:0;
}
.skdslider ul.slide-navs {
    bottom:20px;
    left:50%;
    position:absolute;
	list-style-type:none;
    padding:0;
}
.skdslider .slide-desc {
    left:0;
    padding:23px 15px 0px 20px;
    position:absolute;
    bottom:0%;
	width:100%;
	display:inline-block;
	background:url(../images/fondo_banda_slide.png) center top repeat;
}
.skdslider .slide-desc > p {
    color:#FFF;
    font-family:"lucida_grandebold", Arial, Helvetica, sans-serif;
    font-size:24px;
    line-height:20px;
    margin-top:5px;
}
/*Some Responsive CSS */
@media screen and (max-width:767px) {
	.skdslider .slide-desc > p {
		font-size:14px;
		line-height:15px;
		margin-top:5px;
	}
	.skdslider .slide-desc > p a.more {
		font-size:14px;
	}
}
/* FINAL full width image slider */
#cont #fondoflechas {
	height:658px;
	background:url(../images/flechas.png) center bottom no-repeat;
}
#cont #fondoflechas .bandasombra {
	height:20px;
	background:url(../images/banda_sombra.jpg) center bottom repeat-x;
}
#cont #centro {
	position:relative;
	width:980px;
	margin-left:-490px;
	left:50%;
	margin-top:30px;
}
#cont #centro .bloqueinformacion {
	position:relative;
	width:960px;
	left:50%;
	margin-left:-480px;
	font-size:14px;
}
#cont #centro .bloqueinformacion .encabezado {
	color:#eda100;
}
#cont #centro .bloqueinformacion .servicios {
	padding:19px 0px 0px 30px;
}
#cont #inferior {
	margin:50px 0px 0px 0px;
	height:368px;
	background:url(../images/fondo_pie.gif) center bottom repeat-x;
}
#cont #inferior .estrias {
	height:56px;
	background:url(../images/estrias.png) center top no-repeat;
}
#cont #inferior .bloqueinferior {
	position:relative;
	width:960px;
	left:50%;
	margin-left:-480px;
}
#cont #inferior .bloqueinferior .inferiorizda {
	float:left;
	padding:80px 0px 0px 0px;
}
#cont #inferior .bloqueinferior .inferiordcha {
	float:left;
}
#cont #inferior .bloqueinferior .inferiordcha ul.menuinferior {
	padding:115px 0px 0px 100px;
}
#cont #inferior .bloqueinferior .inferiordcha ul.menuinferior li {
	float:left;
	padding:0px 0px 0px 17px;
}
#cont #inferior .bloqueinferior .inferiordcha ul.menuinferior li a {
	color:#fff;
}
#cont #inferior .bloqueinferior .inferiordcha ul.menuinferior li a:hover {
	color:#eda100;
	text-decoration:underline;
}
#cont #inferior .bloqueinferior .inferiordcha ul.menuinferior li a.activo {
	color:#eda100;
	text-decoration:underline;
}
#cont #inferior .bloqueinferior .inferiordcha ul.redessocialesinferior {
	padding:20px 0px 0px 502px;
}
#cont #inferior .bloqueinferior .inferiordcha ul.redessocialesinferior li {
	float:left;
	padding:0px 2px 0px 0px;
}
#cont #inferior .bloqueinferior .informacioninferior .informacionizda {
	float:left;
	padding:37px 0px 0px 0px;
	color:#fff;
}
#cont #inferior .bloqueinferior .informacioninferior .informaciondcha {
	float:left;
	padding:37px 0px 0px 184px;
}
#cont #inferior .bloqueinferior .informacioninferior .informaciondcha a {
	color:#eda100;
}
#cont #inferior .bloqueinferior .informacioninferior .informaciondcha a:hover {
	text-decoration:underline;
}
#cont #inferior .bloqueinferior .piepagina {
	padding-top:55px;
	color:#fff;
	font-size:11px;
}
/* tipologia-de-obras.html */
#cont .fotogeneralquienes, #cont .fotogeneraltipologia, #cont .fotogeneralestudiostecnicos, #cont .fotogeneralestudioseconomicos, #cont .fotogeneralvideos, #cont .fotogeneralasistencia, #cont .fotogeneralredaccion, #cont .fotogeneraleficiencia, #cont .fotogeneralcontacto {
	width:100%;
	height:700px; /* Aquí se marca el alto de la foto */
	position:relative;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
}
#cont .fotogeneralquienes {
	background:url("../images/cabecera_quienes_somos.jpg");
}
#cont .fotogeneraltipologia {
	background:url("../images/cabecera_tipo.jpg");
}
#cont .fotogeneralestudiostecnicos {
	background:url("../images/cabecera_estudios_tecnicos.jpg");
}
#cont .fotogeneralestudioseconomicos {
	background:url("../images/cabecera_estudios_economicos.jpg");
}
#cont .fotogeneralvideos {
	background:url("../images/cabecera_videos_tecnicos.jpg");
}
#cont .fotogeneralasistencia {
	background:url("../images/cabecera_asistencia_tecnica.jpg");
}
#cont .fotogeneralredaccion {
	background:url("../images/cabecera_redaccion_proyectos.jpg");
}
#cont .fotogeneraleficiencia {
	background:url("../images/cabecera_eficiencia_energetica.jpg");
}
#cont .fotogeneralcontacto {
	background:url("../images/cabecera_contacto.jpg?v=2");
	background-repeat: no-repeat;
}
#cont .bandaencabezado {
	width:100%;
	margin:0px 0px 60px 0px;
	padding:9px 0px 9px 0px;
	background-color:#000;
}
#cont .bandaencabezadoservicios {
	width:100%;
	/*margin:-495px 0px 0px 0px;*/
	margin:-500px 0px 0px 0px;
	padding:9px 0px 9px 0px;
	background-color:#000;
}
#cont .bandaencabezado .textofotogeneral, #cont .bandaencabezadoservicios .textofotogeneral {
	position:relative;
	width:980px;
	left:50%;
	margin-left:-490px;
    color:#eda100;
    font-size:29px;
	line-height:40px;
}
#cont #centro .bloqueinformaciontipo {
	position:relative;
	width:980px;
	left:50%;
	margin-left:-490px;
}
#cont #centro .bloqueinformaciontipo .bloquetipologia .encabezadotipo {
	padding:8px 0px 8px 25px;
	font-family:"lucida_grandebold", Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:#c7c7c7;
}
#cont #centro .bloqueinformaciontipo .bloquetipologia .descripciontipo {
	padding:23px 0px 55px 25px;
	font-size:14px;
	line-height:18px;
}
#cont #centro .bloqueinformaciontipo p {
	font-size:14px;
}
/* servicios.html */
#cont #centro .bloqueinformaciontipo ul.menuservicios li {
	float:left;
	padding:0px 10px 0px 0px;
	font-size:9px;
}
#cont #centro .bloqueinformaciontipo ul.menuservicios li a {
	color:#eda100;
}
#cont #centro .bloqueinformaciontipo ul.menuservicios li a:hover, #cont #centro .bloqueinformaciontipo ul.menuservicios li a.activo {
	color:#000;
	text-decoration:underline;
}
#cont #centro .bloqueinformaciontipo {
	font-size:14px;
}
#cont #centro .bloqueinformaciontipo .encabezado {
	color:#eda100;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios {
	padding:15px 0px 0px 0px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios ul.menuguiones li {
	float:left;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios ul.menuguiones li.conmargen {
	padding-left:40px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios ul.menuguiones li.texto {
	width:940px;
	line-height:19px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios ul.menuguiones li.textoconmargen {
	width:900px;
	line-height:19px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables {
	margin:20px 0px;
	background-color:#ebebeb;
	border:1px solid #949494;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables .descargableizda {
	float:left;
	width:110px;
	margin:7px 0px 7px 17px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables .descargableizda .titulo {
	font-size:13px;
	line-height:16px;
	color:#949494;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables a:hover .descargableizda .titulo {
	color:#000;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables .descargableizda .iconodesc {
	padding:5px 0px 0px 0px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables ul.descargabledcha {
	float:left;
	padding:43px 0px 25px 50px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables ul.descargabledcha li {
	float:left;
	width:105px;
	text-align:center;
	padding:0px 25px;
	border-right:2px solid #949494;
	font-size:15px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables ul.descargabledcha li a {
	color:#949494;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .descargables ul.descargabledcha li a:hover {
	color:#000;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios .fotovideos {
	float:left;
	margin:6px 0px 0px -235px;
	padding:0px 20px 10px 0px;
}
#cont #centro .bloqueinformaciontipo .bloquetextoservicios p.ultimo {
	padding-bottom:130px;
}
/* contactar.html */
#cont #centro .bloqueinformaciontipo .bloquecontacto {
	padding:25px 0px 15px 0px;
}
#cont #centro .bloqueinformaciontipo .bloquecontacto p.ultimo {
	padding-bottom:130px;
}
#cont #centro .bloqueinformaciontipo .bloquecontacto .fotocontacto {
	float:left;
	border:1px solid #b8b7b8;
}
#cont #centro .bloqueinformaciontipo .bloquecontacto .textocontacto {
	float:left;
	width:550px;
	padding:0px 0px 0px 30px;
	font-size:14px;
	line-height:19px;
}
#cont #centro .bloqueinformaciontipo .bloquecontacto .textocontacto a {
	color:#000;
}
#cont #centro .bloqueinformaciontipo .bloquecontacto .textocontacto a:hover {
	text-decoration:underline;
}