@font-face{font-family:CALIBRI; src:url(CALIBRI.ttf); src:url(calibri-webfont.eot); src:url(calibri-webfont.woff);}
@font-face{font-family:Nexa-bold; src:url(Nexa-Bold.ttf); src:url(Nexa-Bold.eot); src:url(Nexa-Bold.woff); src:url(Nexa-Bold.otf);}
@font-face{font-family:Nexa; src:url(Nexa.ttf); src:url(Nexa.eot); src:url(Nexa.woff); src:url(Nexa.otf);}



body {
 /*	background:url("../imagenes/fondo34.png") #434C4E;;*/
	background-position: top center;
	background-repeat:repeat-x;
	font-family:  Arial, Calibri, Helvetica;
	font-size: 16px;
	font-style: normal;
	margin: 0;
	margin:col
	
}

.Estiloweb {font-style: normal; text-align: center; }


a:link   {   text-decoration:none;   } 

/* naranja #fa9820 */

.Estilo3 {color: #990000}
.Estilo4 {	font-size: 18px;	font-weight: bold;}
.Estilo5 {color: #e74100}
.Estilo6 {color: #333;  }
.Estilo8 {color: #5E1515; font-size:17px;}
.Estilo9 {color: #5E1515; font-size:26px; font-family:Nexa-bold;}
.Estilo9index {color: #5E1515; font-size:19px; font-family:Nexa-bold;}
.Estilo-Nexa-bold {font-family:Nexa-bold;}
.Estilo-Nexa {font-family:Nexa;}
.Estiloblanco {color: #FFFFFF;font-size:14px;}
.Estilonegro {color: #000000;}
.Estilolink {color: #5E1515; font-size:16px; font-weight:bold; }
.Estiloblanco2 {color: #FFFFFF;}
.imgresponsive{max-width: 100%;  height: auto;}
.Estilorojo{color: #5E1515;} 
.Estilonegrita{ font-weight:bold; }
.Estilo-color-pie{color: #FFF;} 
.Estilo-tituloseccion{font-size:23px; font-family:Nexa-bold;}
.Estilo-preguntas { font-size:18px; font-family:Nexa;}
.Estilo-seccion-subpagina {color: #5E1515; font-size:17px; font-family:Nexa-bold;}
.Estilo11 {	font-size: 18;	font-weight: bold;	color: #5E1515;}


.centrar {
margin-right: auto;
margin-left: auto;
}
.centrar-texto{text-align: center;}

.contenedor {
margin-top:15px;
z-index: 1;
width:100%;

}

.cabecera {
color:#FFFFFF;
position:relative;
width:100%;
margin-top:-30px;
}
.cabecerahijo{
margin-top:0px;
 }
}

.comun  {padding-top: 10px;}

.titulo {position:relative; top:10px; width:690px;  font-size: 22px; font-family:Nexa-bold; font-style: normal;text-align: center; }
.cuadroinfotitulo{	padding-top:1px;	width:74% !important;	padding-bottom:1px;	float:right;}
.cuadrofototitulo{	padding-top:15px;	width:23% !important;	float:left;  }
.cuadrofototitulo img {height:85px !important}
.subtitulo1 { top:100px; width:65%;   }
.subtitulo2 { top:140px; width:70%; }
.subtitulo { z-index: 1; position:relative; height:30px; background:#5E1515; font-size: 12px; display: table; }
.textocentradotitulo {display: table-cell;	vertical-align: middle; }
.posicion-cabecera{position:relative; top:-80px; }

.sangria { padding-left:20px ; }

.texto1 {
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size: 15px;
	color: 		#000000;
	font-weight:normal;
}


.bordes {	
	-webkit-border-radius:7px;
    -moz-border-radius:7px;
	-ms-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius:7px;
}

.ejemplo {
background:#GGG900;
	position: relative;
	margin-top:80px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:190px;
	height:315px;
	border:#000000; 
	border-width: 3px;
   	border-style: solid;
   	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 10px;
	background:#6bbf3d;
	color: 		#FFFFFF;	
}



.fondo {
	font-family: "Times New Roman", Times, serif;
	background-image: url(../imagenes/fondo34.png);
	background-repeat: no-repeat;
	background-position: center;
}


.cuadro {text-align: left; padding-top:40px; }

.tlf {    position:relative; top:25px; width: 800px; font-style: normal; color:#FFFFFF; font-family:Nexa;  }
.pos-tlf {display:inline-block; float:right;}

.cuerpo-index {	 position:relative; top:20px; width: 900px;  overflow:hidden; clear:both}
.cuerpo-licencia {	 position:relative; }
.cuerpo-electrico {	 position:relative; }
.cuerpo-responsable {	 position:relative; }
.cuerpo-contacto {	 position:relative; top:100px}
.cuerpo-quien {	 position:relative; top:100px;}
.cuerpo-traspaso {	 position:relative; top:100px;}
.cuerpo-proyecto {	 position:relative; top:-110px; text-align:center}
.cuerpo-inocuas {	 position:relative; top:100px;}
.cuerpo-infografia {	 position:relative; top:100px; }
.cuerpo-arquitecto {	 position:relative; top:-10px;}


.separacion{height:4px;}
.box-comun {	 position:relative; top:10px; color:#212121; background:#FFFFFF; padding-bottom:70px; padding-right:100px; padding-top:20px; padding-left:100px;  }


.bordes-preguntas{ border:#5E1515; border-width: 1px;border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:8px; padding-right:8px; width:800px; }
.bordes-preguntas-relleno{ border:#5E1515; border-width: 1px; background-color:#5E1515;  /*background-color:#F5F5F5;*/ border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:8px; padding-right:8px; width:800px; color:#000000; }

.separacion-preguntas{ height:3px;}

.pie-100 {	top: 50px; position: relative; width:100%; padding-top:20px;  padding-bottom:20px;  }
.colorgris { color:#000; background:#F5F5F5;	 }
.colornegro { color:#FFFFFF; background:#393d42;	 }
.colorblanco { color:#000; background:#FFF;	 }
.colorrojo { color:#FFF; background:#5E1515;	 }
.margenes  {  padding-left:20%; padding-right:10% }

.articulo-general {	top: 50px; position: relative; width:800px; color:#FFFFFF;  padding-right:20px; padding-top:20px; padding-left:20px; 		border:#000000; border-width: 2px;border-style: solid;  }

.tabl {}
.tabl div {display:inline-block; text-align:center; width:19%}

.subpie1 { position:relative; top:60px;  padding-top:22px; padding-bottom:90px;}   
.subpie2 { position:relative; top:-1px; font-size:75%; padding-bottom:20px;}

div.centrado{text-align: center;}
div.centrado table {margin: 0 auto;text-align: left;}
.tablacentrada{margin:auto;}

.cuerpo-index article {float:left; margin:25px}
.box {
	width: 400px;
	height: 325px;
	background-image: url(../imagenes/acuerdoOK.jpg);
	overflow:hidden;
	position:relative;
}
.box-fieldset {
	max-width: 435px;
	overflow:hidden;
	position:relative;
}

.boxx {	position:absolute; bottom:0; right:0; width: 320px;  background:#F5F5F5; color:#000;}
.boxx h2 {margin:0px; padding:8px}

.boxsub {	 color:#FFFFFF; padding-left: 4px;}

.contactook {
  background:  #008000;
  color:	#FFFFFF;
	text-align: left;
	width: 525px;
	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	position: relative;
	padding-left: 5px;
	padding-top: 12px;
	font-weight:bold;
}


.contactonook {
  background:		#991F00;
  color:	#FFFFFF;
	text-align: left;
	width: 460px;
	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	position: relative;
	padding-left: 5px;
	padding-top: 12px;
	font-weight:bold;
}


.formatabla{
	text-align: center;
	vertical-align:middle;  
	border: 2px solid #000;
	border-collapse: collapse;
}

.formatabla th, .formatabla td {
	border: 2px solid #000;
}

.caja {
	width: 275px;
	display:inline-block 
}


.tcaja {
	height: 50px;
	margin-top:20px
}

.caja img {height:180px !important}

.cuadroinfo-foto{	width:100%; 	display: inline-block; /* hace que sea un bloque*/}
.cuadroinfo1{	padding-top:1px;	width:64% !important;	padding-bottom:1px;	float:right;}
.cuadrofoto1{	padding-top:15px;	width:33% !important;	float:left;}


.cuadroizquierda-centrado{	padding-top:10px;	width:48% !important;	float:left;}
.cuadroderecha-centrado{	padding-top:10px;	width:48% !important;	padding-bottom:1px;	float:right;}
.cuadroderecha{	padding-top:120px;	width:30% !important;	padding-bottom:1px;	float:right;}
.cuadroizquierda{	padding-top:10px;	padding-left:3%;	width:67% !important;	float:left;}
.derecha-arriba{	padding-top:10px;}

 .boton_personalizado{    text-decoration: none;    padding: 10px;    font-weight: 600;    font-size: 15px;    color: #ffffff;    background-color: #2A2A2A;    border: 2px solid #2A2A2A;  }
  .boton_personalizado:hover{    color: #2A2A2A;    background-color: #ffffff;  }
 
 .espaciado-solo-pc {padding-top:15px; } 
  
  
  /*LISTA  */
#lista2 ul {
list-style: none;
padding: 0px;
margin-left: 25px;
}

#lista2 ul li::before {
content: "\2022";  
color: #000; 
display: inline-block; 
padding-right: 10px;
font-size: 50px;
line-height: 25px;
vertical-align: -11px;
width: 15px;
}



/*LISTA */



@media (max-width:1100px){
	.cuerpo-proyecto {width:100%}	
}


.cuerpo img {max-width:100%; height:auto}

@media screen and (max-width:1200px){
	.contenedor {width:100%}
	.cabecera {width:inherit}
	.menu {width:100%}
	/*.subtitulo1, .subtitulo2 {width:inherit}*/
}	
@media screen and (max-width:1100px){
	.cuerpo-index {width:100%; }
	.subtitulo1{ top:50px; width:75%;}
	.subtitulo2{ top:80px;}
	.subtitulo{ font-size: 11px; height:25px;}
	.box {width:380px}
	.bordes-preguntas-relleno, .bordes-preguntas {width:80%; }	
	.titulo {width:650px;  font-size: 21px; }
	.cuadrofototitulo img {height:80px !important}

}

@media screen and (max-width:1000px){
	.box {width:333px}
	.boxx {	width: 310px; }
	.tlf {width:80%; }
	.pie, .pie-100, .articulo-general {width:100%}	
	.margenes  {  padding-left:15%; padding-right:7% }	
	
}

@media screen and (max-width:900px){
	.box { width: 400px; margin:auto}
	.cuerpo-index article {float:none}
	.tabl div {width:48%}
	.subtitulo1{  width:81%; }
	.subtitulo {  font-size: 11px;}
	

}
@media screen and (max-width:800px){
	.cuerpo-index, .cuerpo-licencia, .cuerpo-electrico, .cuerpo-responsable, .cuerpo-contacto,.cuerpo-quien, .cuerpo-traspaso, .cuerpo-inocuas, .cuerpo-infografia, .cuerpo-arquitecto{top:10px}
	.cuerpo-proyecto {top:-120px;}
	.titulo {width:600px;  font-size: 19px; }
	.cuadrofototitulo img {height:70px !important}
	.subpie1 table {width:inherit}	
	.pie-100 {top:1px;}
	.tlf {margin-bottom:0px; top:40px}
	.box-comun {	padding-right:40px; padding-left:40px;  }	
	nav {		margin-bottom:0px;}
	.margenes  {  padding-left:10%; padding-right:6% }
	.subtitulo1{ top:40px; width:85%; }
	.subtitulo{ font-size: 10px; height:21px;}
	.bordes-preguntas-relleno, .bordes-preguntas {width:96%; }	
}

@media screen and (max-width:700px){
	.cuadroinfo1 {width:95% !important}
	.cuadrofoto1 { margin:auto; width:95% !important; margin-top:25px; margin-left:5%;}
	.cuadroderecha-centrado {padding-bottom:0px; padding-top:0px; float:none; width:95% !important}
	.cuadroizquierda-centrado {padding-top:0px; padding-bottom:0px; float:none; width:95% !important }
	.cuadroderecha {padding-top:0px; padding-bottom:15px; width:95% !important}
	.cuadroizquierda {float:none; margin:auto; width:100% !important; margin-top:15px;}
	.espaciado-solo-pc {	padding-top:2px; }
		.espaciado-solo-movil {padding-top:15px; }
	.espaciado-solo-movil-grande {padding-top:55px; }
	.centrado-solo-movil {text-align: center;}
	.separacion-soloPC {height:0px;}
}	

@media screen and (max-width:600px){
	.box {width:330px; height:268px; background-size:contain}
	.cuerpo-index article {margin:10px 0px 10px 0px}
	.box-comun {	padding-right:4%; padding-left:4%;  }
	.centrar {clear:both}	
	.titulo {width:492px;  font-size: 16px; }
	.cuadrofototitulo img {height:65px !important}
	.cabecera {margin-top:-10px; height:270px;}
	.contenedor {margin-top:00px}
	.subtitulo1{ top:1px; width:100%;   }
	.subtitulo{ font-size: 9px; height:19px;}	
	.cabecerahijo img{display:none;}
	.tlf {top:15px;}
	nav {	top: -10px; }		
	.Estilo-tituloseccion{font-size:19px; }
	.Estilo-preguntas { font-size:16px;}
	.subpie1 table td {width:inherit   display: block;  text-align: center;}
  	.formatabla {border:none; width:100%}
  	.formatabla td {display:block; text-align:center; width:100%}
	.margenes  {  padding-left:4%; padding-right:4% }
	.sangria { padding-left:2px ; }
	 .boton_personalizado{    font-size: 14px;   }
	 .Estilo8 { font-size:16px;}
	 body {	font-size: 15px;}
	 .Estilo-tituloseccion{font-size:21px;}
	 .Estilo-preguntas { font-size:17px; }
	 .Estilo-seccion-subpagina { font-size:16px;}
	 .Estilo9 {font-size:24px;}
	 .Estilo9index{font-size:19px;}
	 .Estilolink { font-size:15px;  }
	 .cuadroinfo1 { margin-left:0px; float:left;}
	.cuadrofoto1 { margin-top:14px; margin-left:1px;}
}

@media screen and (max-width:500px){
	.titulo {width:100%;  font-size: 21px; top:1px;  }
	.cuadrofototitulo img {height:84px !important}
	.cuadrofototitulo{	padding-top:30px;  }
	.tlf { height:30px}
	.cabecera {height:325px;}
	.subtitulo1{ top:-19px; }
}

@media screen and (max-width:400px){
	.titulo {font-size: 17px; }
	.cuadrofototitulo img {height:72px !important}
	.cuadrofototitulo{	padding-top:26px;  }
	.tlf {}	
	.box-comun {	padding-right:10px; padding-left:10px;  }
	.cabecera {height:290px;}
	.box {  width: 300px;  height: 244px; float:}	
	.boxx {	width: 280px; }
}



/*MENU  */

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

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

a#pull {
    display: none;
}
nav {
	margin-top: -85px; 
    height: 40px;
    width: 100%;
     background-color:#393d42;
    position: relative;
	margin-bottom:0px;
	 font-style: normal; 
 /*   border-bottom: solid 1px #FFF;*/
}

nav ul {
    padding: 0;
    margin: 0 auto;
    width: 1150px;
    height: 40px;
}

nav li {
    display: inline;
    float: left;
}

nav a {
    color: #FFF;
    display: inline-block;
    width: 160px;
    text-align: center;
    line-height: 40px;
}

nav li a {
  /*  border-right: 1px solid #e37d3f;*/
}

nav li:last-child a {
    border-right: 0;
}

nav a:hover, nav a:active {
	 background-color:#393d42;
}
@media only screen and (max-width : 2550px) {
    nav {
        border-bottom: 0;
        height: auto;
		z-index: 1
		
    }

    nav ul {
        display: none;
        height: auto;
        width: 100%;
    }

    nav li {
        width: 33%;
        float: left;
        position: relative;
    }

    nav a {
        text-align: center;
        width: 100%;
        text-indent: 25px;
		font-family:Nexa;
    }

    nav a#pull {
        display: block;
		 background-color:#393d42;
        width: 100%;
        position: relative;
    }

    nav a#pull:after {
        content:"";
        background: url('nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
}

@media screen and (max-width : 820px) {
    nav li {
        width: 50%;
        float: left;
        position: relative;
    }
	

@media screen and (max-width : 620px) {
    nav li {
        width: 100%;
        float: left;
        position: relative;
    }


/*MENU  */