body {
	margin:0px;
	padding:0px;
	font:normal 100% "trebuchet MS", tahoma;
	background-color:#fff;
}

.logo{
	margin:10px 0 0 35px;
	padding:0px;
	float:left;
}


/*h1{
	margin:10px 0 0 35px;
	padding:0px;
	float:left;
}

h1 img {
	border:none;
	margin:0px;	
}*/

.slogan {
	font:normal 150% "trebuchet MS", tahoma;
	color:#000;
	letter-spacing:6px;
	float:right;
	margin:103px 0 0 0;
}

/*h2 {
	font:normal 150% "trebuchet MS", tahoma;
	color:#000;
	letter-spacing:6px;
	float:right;
	margin:103px 0 0 0;
}*/

h1 {
	font: normal 170% "trebuchet MS", tahoma;
	color:#333;
	font-variant:small-caps;
	margin:15px 0 10px 15px;
}

h2 {
	font: normal 100% "trebuchet MS", tahoma;
	color:#aaa;
	font-variant:small-caps;
	margin:15px 0 0 15px;
}

h3 {
	font: normal 120% "trebuchet MS", tahoma;
	color:#fabb1a;
	font-variant:small-caps;
	margin:15px 0 10px 0;
}

/*.nube {
	font: normal 100% "trebuchet MS", tahoma;
	color:#aaa;
	font-variant:small-caps;
	margin:15px 0 0 15px;
}*/


*{
	padding:0px;
	margin:0px;
}

a{
	font:normal 100% "trebuchet MS", tahoma;
	color:#fabb1a;
	text-decoration:underline;
}

a:hover{
	font:normal 100% "trebuchet MS", tahoma;
	color:#333;
}

img{
	border:none;
}

strong{
	color:#000;
	font:bold 100% "trebuchet MS", tahoma;
}

#contenedor{
	width:1024px;
	margin:0px auto;
}

.mas, .mas a{
	font:normal 100% "trebuchet MS", tahoma;
	color:#fabb1a;
	text-decoration:underline;
	float:right;
}

.mas a:hover{
	font:normal 100% "trebuchet MS", tahoma;
	color:#333;
}


/*------------------------------------------------------ COMIENZA LA WEB ----------------------------------------------------------*/


/*---------------------- HEAD HEAD HEAD -----------------------*/


#head{
	width:1024px;
	height:240px;
	margin:0px auto;
	background:url(../img/head.jpg) top center no-repeat;
}

#h1h2{
	width:1024px;
	height:199px;
	margin:0px auto;
}

#menu{
	width:866px;
	height:41px;
	margin:0px;
	float:left;
}

#menu ul{
	padding:10px 0 0 35px;
	margin:0px;
}

#menu li{
	margin:0px;
	padding:0 17px 0 0;
	list-style-type:none;
	display:inline;
}

#menu li a{
	font:normal 90% "trebuchet MS", tahoma;
	color:#fff;
	text-decoration:none;
}

#menu li a:hover{
	font:normal 90% "trebuchet MS", tahoma;
	color:#fabb1a;
	text-decoration:none;
}

.aqui{
	font:normal 90% "trebuchet MS", tahoma;
	color:#fabb1a;
	text-decoration:underline;
}

#hablamos{
	width:150px;
	height:23px;
	margin:5px 4px 0 0;
	padding:4px 0 0 0;
	float:right;
	border:2px solid #fabb1a;
	ont:bold 90% "trebuchet MS", tahoma;
	color:#fabb1a;
	text-align:center;
}

#hablamos a{
	ont:bold 90% "trebuchet MS", tahoma;
	color:#fabb1a;
	text-align:center;
}

#hablamos a:hover{
	ont:bold 90% "trebuchet MS", tahoma;
	color:#ccc;
	text-align:center;
}




/*---------------------- CONTENIDO CONTENIDO CONTENIDO -----------------------*/

#contenido-index{
	width:954px;
	min-height:466px;
	margin:20px auto;
	background:url(../img/index.jpg) top right no-repeat;
	border:1px solid #333;
}

#contenido, #contenido-bio, #contenido-como-trabajamos, #contenido-contacto{
	width:954px;
	min-height:466px;
	margin:20px auto;
	border:1px solid #333;
}

#contenido-bio{
	background:url(../img/fondo-bio.jpg) top right no-repeat;
}

#contenido-como-trabajamos{
	background:url(../img/fondo-trabajamos.jpg) top right no-repeat;
}

#contenido-contacto{
	background:url(../img/fondo-contacto.jpg) bottom right no-repeat;
}

#contenido img, #contenido-como-trabajamos img, #contenido-bio img, #contenido-contacto img{
	margin:26px 30px 0 0;
	float:right;
}

#destacados{
	width:320px;
	float:left;
	margin:10px 0 0 0;
}

#destacado1, #destacado2, #destacado3, #destacado4{
	width:320px;
	height:130px;
	margin:0 0 0 10px;
	padding:7px 0 0 10px;
}
#destacado1{
	background:url(../img/dest-reformas.png) top left no-repeat;
}

#destacado2{
	background:url(../img/dest-bio.png) top left no-repeat;
}

#destacado3{
	background:url(../img/dest-minus.png) top left no-repeat;
}

#destacado4{
	background:url(../img/dest-hablamos.png) top left no-repeat;
	
}

.destacado, .destacado a{
	font:normal 110% "trebuchet MS", tahoma;
	color:#fff;
	font-variant:small-caps;
	text-decoration:none;
}

#destacado4 .destacado a{
	font:normal 110% "trebuchet MS", tahoma;
	color:#333;
	font-variant:small-caps;
	text-decoration:none;
}

.destacado a:hover{
	color:#fabb1a;
	text-decoration:none;
}

#destacado4 .destacado a:hover{
	color:#FFF;
	text-decoration:none;
}

#destacado1 ul, #destacado2 ul, #destacado3 ul, #destacado4 ul{
	padding:0 0 0 20px;
	margin:0px;
}

#destacado1 li, #destacado2 li, #destacado3 li{
	margin:0px;
	/*padding:0 0 2px 0;*/
	line-height:14px;
	list-style-type:none;
	font:normal 80% "trebuchet MS", tahoma;
	color:#fff;
}

#destacado4 li{
	margin:0px;
	padding:0 0 2px 0;
	list-style-type:none;
	font:normal 80% "trebuchet MS", tahoma;
	color:#333;
}

#slogan-index{
	font: oblique 150% "trebuchet MS", tahoma;
	color:#333;
	width:550px;
	float:right;
	text-align:right;
	margin:390px 20px 0 0;
}

#consejos{
	width:283px;
	height:74px;
	margin:0 0 0 23px;
	font: bold 90% "trebuchet MS", tahoma;
	color:#333;
	text-align:center;
	float:left;
	background:url(../img/consejos.png) top left no-repeat;
}

#consejos p{
	font: bold 90% "trebuchet MS", tahoma;
	color:#333;
	text-align:center;
	margin:10px 5px 5px 5px;
}

#consejos a{
	font: bold 100% "trebuchet MS", tahoma;
	color:#333;
	text-decoration:none;
}

#consejos a:hover{
	font: bold 90% "trebuchet MS", tahoma;
	color:#fff;
	text-decoration:none;
}


#cuadro-txt{
	width:500px;
	margin:15px 0 0 15px;
	padding:5px 15px 15px 15px;
	float:left;
}

#cuadro-txt-aviso{
	width:924px;
	margin:15px 0 0 0;
	padding:5px 15px 15px 15px;
	float:left;
}

#cuadro-txt-hablamos{
	width:930px;
	margin:15px 0 0 0;
	padding:5px 15px 15px 15px;
	float:left;
}


#cuadro-txt p, #cuadro-txt-aviso p, #cuadro-txt-hablamos p{
	font: normal 85% "trebuchet MS", tahoma;
	color:#333;
	line-height:190%;
	text-align:justify;
	margin:0 0 10px 0;
}

.texto-articulo{
	font: normal 85% "trebuchet MS", tahoma;
	color:#333;
	line-height:190%;
	text-align:justify;
	margin:0 0 10px 0;
}

#cuadro-txt ul, #cuadro-txt-aviso ul{
	padding:10px 0 0 20px;
	margin:0px;
}

#cuadro-txt li, #cuadro-txt-aviso li{
	margin:0px;
	padding:0 0 10px 0;
	list-style-type:none;
	font:normal 85% "trebuchet MS", tahoma;
	color:#333;
	list-style-image:url(../img/icono-lista.jpg);
	line-height:140%;
}

#cuadro-txt img{
	margin:0px;
	float:left;
}

.correo-img{
	margin:0px;
}

.linea{
	border-bottom:1px solid #333;
	margin:0 0 30px 0;
	padding:0 0 5px 0;
}

.renovables{
	font: bold 100% "trebuchet MS", tahoma;
	color:#278511;
	line-height:180%;
	text-align:justify;
	margin:0 0 5px 0;
}

#cuadro-direccion{
	width:350px;
	margin:15px 0 0 0;
	padding:5px 15px 15px 15px;
	float:right;
}

#cuadro-direccion p{
	font: normal 85% "trebuchet MS", tahoma;
	color:#333;
	line-height:190%;
	text-align:justify;
	margin:0 0 10px 0;
}

#gal{
	width:350px;
	margin:15px 10px 10px 0;
	padding:0px;
	float:right;
}

#gal img{
	margin:3px;
	padding:0px;
}




/*--------------- PIE PIE PIE ----------------*/



#pie{
	margin:0px  auto 20px;
	width:1024px;
	height:41px;
	/*clear:both;*/
	background-color:#333;
}

#pie ul{
	padding:10px 35px 0 0;
	margin:0px;
	text-align:left;
	float:right;
}

#pie li{
	text-align:right;
	padding:0px;
	margin:0px;
	display:inline;
	color:#fff;
}

#pie li a{
	font:normal 80% "trebuchet MS", tahoma;
	text-align:right;
	padding:0px;
	margin:0px;
	display:inline;
	color:#fff;
}

#pie li a:hover{
	color:#ccc;
	text-decoration:none;
}

address{
	font:normal 80% "trebuchet MS", tahoma;
	color:#fff;
	padding:15px 0 0 35px;
	float:left;
}



.clear {
	clear:both;
}

.col-fotos{
	margin:15px;
	margin-bottom:20px;
}
.col-fotos img{
	float:left;
	padding:5px;
	border:1px solid #CCC;
	
}

#gal img.minus{
	width:150px;
}