@charset "utf-8";
/* CSS Document */

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

body {
	background-color: #aeafb1;
		width: 1000px;
	margin:auto;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #999;
		background-repeat:repeat}
	
a{text-decoration:none; color:#F29526}
a:hover{text-decoration:underline;  color:#F29526;}


    p {background-color: #FFF;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:17px;
	color: #666}
	
	 .empresa {background-color: #FFF;
	text-align: justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:20px;
	color: #666;
	}
	
	 .naranjacursiva a{
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
	color: #F60;
	font-style:italic
	}
	
	 .naranjacursiva a:hover{
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
	color: #F60;
	font-style:italic;
	text-decoration: underline
	}
	
	h1 {background-color: #FFF;
	text-align:center;
	font-size:18px;
	line-height:24px;
	color: #F60}
	
	h2 {background-color: #FFF;
	text-align:center;
	font-size:16px;
	line-height:20px;
	color: #F60}
	
	h3 {background-color: #FFF;
	text-align: left;
	font-size:14px;
	line-height:18px;
	color: #F60}
	
	
	h4 {background-color: #FFF;
	text-align:left;
	font-size:11px;
	line-height:18px;
	color: #F60}
	
	summary{background-color: #FFF;
	text-align:left;
	font-size:11px;
	line-height:18px;
	color: #F60;
	font-weight:}
	
	details{
		margin-bottom:15px}
	
	h5 {background-color: #FFF;
	text-align:center;
	font-size:11px;
	line-height:16px;
	color: #F60}
	
/* Este es un contenedor general que centra toda la web en la pagina */	
#centrado {
	width:960px;
	height:auto;
	margin:auto;
	text-align:left;
	background-color:#FFF}
	
/* atributos del div que contiene el header */	
#headerlogo {
background-image:url(photos/logoheader.png);
background-repeat:no-repeat;
width:960px;
height:180px;
margin-bottom:10px;
float:left}

/* Este es un contenedor desde el header para abajo */	
#contenedor {
background-color:#FFF;
width:960px;
float:left;
padding-bottom:5px;
margin-bottom:15px;
}


/* barra de menu */	
#menuprincipal {
background-color: #FFF;
width:750px;
height:35px;
float:left;
margin-bottom:10px;
padding-top:10px;
padding-bottom:5px;
padding-left:12px;
padding-right:12px;
margin-right: 12px;
	}


#menuprincipal li{
list-style-type: none;
text-decoration:none;
min-width:75px;
height:35px;
float:left;
text-align: center;
margin-right:8px;
}

#menuprincipal a:hover{
color: #FFF;
background-color: #F90}

#menuprincipal a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
background-color:#CCC;
width:auto;
display: block;
height:25px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
}

.activo2{
color: #FFF;
background-color: #F90;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
min-width:100px;
height:25px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
display: block;
}

/* botones chicos del menu */	
#boton1 {
background-color:#CCC;
width:103px;
height:24px;
margin-right:6px;
float:left}

/* botones grandes del menu*/	
#boton2 {
background-color:#CCC;
width:210px;
height:24px;
margin-right:6px;
float:left;}

#novedades_bot {
background-color:#09C;
width:150px;
height:20px;
margin-right: 12px;
float:left;
margin-top:10px;
padding:5px;
padding-top:10px;
color:#666;
text-align:center;
margin-bottom:10px;
}


#novedades_bot a{
color:#FFF;
font-size:12px;
text-decoration:none;
}

#novedades_bot a:hover{
}

#novedades_bot:hover{
background-color:#06F;
}


/* div con los datos de contacto de la home */	
#contactohome {
	background-color: #FFF;
	background-image:url(photos/contacto_home.jpg);
	width:148px;
	height:208px;
	margin-right: 12px;
	float:left;
	padding:5px;
	color:#666;
	text-align:center;
	border:#F60 solid 1px;	
}

.contactohome_tel {
	color: #F60;
	font-size:22px;
	font-weight:bold}
	
.contactohome_small {
	font-size:11px;
	}

#garantiahome {
	width:101px;
	height:101px;
	margin-right: 12px;
	float:left;
}

/* banner grande de la home */	
#banprincipal {
	background-color: #FFF;
	background-image:url(photos/animaciones/banner_ppal_img.jpg);
	width:753px;
	height:220px;
	margin-right: 12px;
	margin-left: 12px;
	float:left;
	left: 510px;
	top: 270px;
}

/* en la home es el contenedor de los botones de servicios */	
#contenido1 {
	width:753px;
	height:420px;
	margin-top: 15px;
	margin-right: 12px;
	margin-left: 12px;
	float:left;
	margin-bottom:10px;
}

#servicioshome {
	width:140px;
	height:170px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	float:left;
}

#servicioshomefoto{width:140px;height:140px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);opacity:0.6;filter:alpha(opacity=40);}

#servicioshomefoto:hover{width:140px;height:140px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter:alpha(opacity=40);opacity:0.4;
filter:alpha(opacity=100);
opacity:1.0;
filter:alpha(opacity=100);}


	
#servicioshometit {
	width:132px;
	height:22px;
	text-align:center;
	padding:4px;
	}
	
.tit a{ 
color:#F60;
font-size:11px;
text-decoration:none
	}
	
.tit a:hover{ 
color:#F60;
font-size:11px;
text-decoration:none;
font-weight:bold
	}


#otrosbotoneshome {
	width:365px;
	height:35px;
	background-color: #033;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	float:left;
}



/* contenedor de banners small de la home */	
#contenido2 {
	background-color: #FFF;
	width:160px;
	margin-top: 15px;
	margin-right: 12px;
	float:left
}

#contenido3 {
	background-color: #FFF;
	width:180px;
	margin-top: 15px;
	margin-right: 12px;
	float:left
}

/* banner home1 */	
#bannerhome1 {
background-color: #FFF;
width:160px;
height:106px;
margin-bottom:5px;
float:left;
}



/* atributos del texto de los botones cuadrados*/	
.botonesbig {
	color: #F60;
	text-align: center;}
	
/* atributos del div de planes de pago*/	
#planes {
	width:536px;
	height:45px;
	margin-top:10px;
	margin-left:12px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-top-width:1px;
	border-top-style:dotted;
	text-align:center;
	padding-top:8px;
	padding-left:200px;
	padding-right:200px;
	float:left;
	left: 59px;
	top: 858px;
	background-color:#FFF
}

#planescol1{
	width:265px;
	height:40px;
	float:left
	}
	
	
#planes2 {
	width:736px;
	height:45px;
	margin-top:10px;
	margin-left:12px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-top-width:1px;
	border-top-style:dotted;
	text-align:center;
	padding-top:8px;
	float:left;
	left: 59px;
	top: 858px;
	background-color:#FFF
}

#linkseo {
	width:945px;
	height:85px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	padding-left:5px;
		}

#caja1 {
width:auto;
height:85px;
text-align: center;
float:left;
padding:3px;
margin:2px;
font-size:9px;
border-right: 1px #CCC solid;

}

#caja2 {
max-width:85px;
height:85px;
text-align: center;
float:left;
margin:2px;
padding:3px;
font-size:9px;
}



#linkseo a{text-decoration:none; color:#666; font-size:9px;}
#linkseo a:hover{text-decoration:none;  color:#F60}

#linea {
	width:936px;
	height:1px;
	margin-top:10px;
	margin-left:12px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	float:left;
}
#lineaclimatizacion {
	width:936px;
	height:1px;
	margin-top:10px;
	margin-left:12px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	position:absolute;
	top: 716px;
	left: 1px;
}
#footer {
	width:936px;
	height:79px;
	margin-left:12px;
	float:left;
	margin-top:10px;
	
}

#footerlogo {
width:209px;
height:79px;
float:left;
margin-right:30px;
background-image:url(photos/logo_gris.png);
background-repeat:no-repeat}

#footertexto {
width:400px;
height:79px;
float:left;
text-align:left
}

#footerface {
width:285px;
height:79px;
float:left;
text-align:left;
margin-left:10px;
}

#marcas {
	width:936px;
	height:60px;
	margin-top:5px;
	margin-left:12px;
	float:left;
}

#pie{
	background-color:#FFF;
	width:960px;
	height:176px;
	margin-top:-5px;
	float:left
}



#textoempresa {
	width:446px;
	text-align:left;
	float:left;
	margin-left:80px;
	margin-right:60px;
	margin-bottom:20px;
	margin-top:20px
}

}

#colizq {
width:278px;
height:290px;
margin-right:14px;
position:absolute;
top: 60px;
left: 184px;
}

#colder {
width:278px;
height:290px;
position:absolute;
top: 60px;
left: 476px;
}

#servicios {
width:180px;
text-align:left;
margin-left:12px;
clear:both;
float: left;
}

#servicios ul{
width:160px;
height:290px;}

#servicios li{
border-bottom:1px solid #fff;
list-style-type: none;
width:160px;
height:35px;
float:left;
text-align: left;
}

#servicios a:hover{color: #FFF;
background-color: #f29526}

#servicios a{text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
width:160px;
height:20px;
display: block;
background-color:#CCC;
padding-top:10px;
padding-bottom:5px;
padding-right:5px;
padding-left:10px;
}

.activo{
color: #FFF;
background-color: #f29526;	
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:160px;
height:20px;
display: block;
padding-top:10px;
padding-bottom:5px;
padding-right:5px;
padding-left:10px;
}

#flashempresa {
	width:960px;
	margin-top:15px;
	margin-bottom:10px;
	text-align:center;
	float:left;
}

#contenedorgaleria {
width:558px;
height:260px;
margin-right:12px;
margin-left:12px;
float:left;
}

/* contacto*/	
#datos {
	width:320px;
	height:auto;
	margin-left:20px;
	padding-top:5px;
	text-align:left;
	float:left;
	margin-bottom:20px;
	margin-top:30px;
		}
		
	#datos1 {
	width:300px;
	height:auto;
	float:left;
	margin-bottom:20px;
	margin:10px;
		}
	
#datos a{
text-align:center;
font-size:14px;
color: #F60;
line-height:18px;}
	
	

.direccion{
text-align:center;
font-size:14px;
color: #F60;
line-height:18px;
}



#mapa {
	margin-top:30px;
	width:395px;
	height:280px;
	float:left;
	margin-bottom:30px;
	

}

#gracias{
	position:absolute;
	width: 213px;
	height:118px;
	top: 268px;
	left: 37px;
	text-align: center;
	font-size: 12px;
	line-height:18px;
	color: #eb008b;
}

#formulario{
	width:630px;
	height:auto;
	margin-left:240px;
	text-align:left;
	float:left;
	margin-bottom:20px;
	margin-top:10px;
	}

#form{
float:left;
width:250px;
height:290px;
border:none;

}


#form input {
background-color:#FFF;
border:solid 1px #999;
height:25px;
width:280px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#F90;
margin-bottom:5px;
}


#form textarea {
background-color:#FFF;
border:solid 1px #999;
height:130px;
width:610px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#F90;}

#boton input.btn{
	padding:3px;
	background-color:#F63;
	color:#FFF;
	width: 100px;
	height:25px;
	border: 0px;
	margin-top:20px;
	float:right}
	


#error{
	color:#666;
	font-size:12px;
	}
	

#textoconstruccion {
	background-color: #FFF;
	width:300px;
	height:320px;
	margin-left:20px;
position:absolute;
	left: 176px;
	top: 58px;
}

#fotoconstruccion {
background-color: #999;
width:395px;
height:290px;
margin-left:30px;
position:absolute;
	left: 496px;
	top: 57px;
}


#textoclimatizacion {
	background-color: #FFF;
	width:300px;
	height:335px;
	margin-left:20px;
	position:absolute;
	left: 176px;
	top: 58px;
}
#textoclimatizacion2 {
	background-color: #FFF;
	width:300px;
	height:272px;
	margin-left:20px;
	position:absolute;
	left: 176px;
	top: 597px;
}

#fotoclimatizacion {
background-color:;
	text-align:left;
	width:395px;
	height:309px;
	margin-left:30px;
	position:absolute;
	left: 498px;
	top: 67px;
}

#fotoclimatizacion2 {
background-color:;
	text-align:left;
	width:158px;
	height:302px;
	position:absolute;
	left: 769px;
	top: 77px;
}

#fotoclimatizacion3 {
	text-align:left;
	width:726px;
	height:196px;
	position:absolute;
	left: 196px;
	top: 391px;
}



#galeria_ppal{
	width:836px;
	height:300px;
	margin-top:10px;
	margin-left:12px;
	text-align:center;
	padding-top:8px;
	padding-left:50px;
	padding-right:50px;
	float:left;
	background-color:#FFF
}


#galeria{
	width:836px;
	height: auto;
	margin-top:10px;
	margin-left:12px;
	text-align:center;
	padding-top:8px;
	padding-left:50px;
	padding-right:50px;
	float:left;
	background-color:#FFF
}


#galeria_boton1{
	width:350px;
	height:250px;
	margin-top:20px;
	margin-left:40px;
	text-align:center;
	float:left;
	
}

#galeria_fotos{
	width:835px;
	height:700px;
	margin-top:20px;
	margin-left:00px;
	margin-bottom:30px;
	text-align:center;
	background-color:#0C6
	
}