*{margin:0;padding:0}

html, body{width: 100%;height: 100%}

#fondo{position:absolute;height:100%;width: 100%;z-index:1;position:fixed}

ul{list-style-image:url(images/bullet.gif)}

a{text-decoration:none;color:#C60}

a:hover{color:#F90}

a img{border:none}

dl{}

dt{font-weight:bold;font-size:16px;margin:15px 0}

dd{padding:5px !important}

.clear{clear:both}



#hizq{ float:left; width:580px;}

#hizq div{padding:10px 0;}

#hder{ width:290px; float:right;}



#todo{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;color:#593017;z-index:1;position:relative;overflow: auto}

#site{width:1000px;background:url(images/tablasv.png) #fff;background-repeat:repeat-y;margin:0 auto}
	@media only screen and (max-width: 780px){
			#site { width: 90%;background: rgba(250,250,250,0.5);margin: 0 auto;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);padding: 3%;-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;}
		}
#banner{width:892px;height:210px;margin:0 53px 0 55px}
	@media only screen and (max-width: 780px){
			#banner { width:100%; height:auto; margin:0;}
		}
#logo { float: left; width:300px;height: 210px;}
	@media only screen and (max-width: 780px){
			#logo { float:none !important; width:35% !important; margin:0 auto; height:auto !important}
				#logo img{ width:100%}
		}
#slider { float:left; width:592px;}
	@media only screen and (max-width: 780px){
			#slider { float:none !important; width:100% !important }
		}
#menu-movil{ display:none}
	@media only screen and (max-width: 780px){
		#menu-movil{ display: block}
	}
#nav{width:892px;height:55px;margin:0 0 0 55px;background:url(images/bgpre.jpg) center top no-repeat}
	@media only screen and (max-width: 780px){
		#nav{ display:none}
	}
#nav ul{list-style:none}

#nav li{float:left}
	
	@media only screen and (max-width: 780px){ 
		#nav li{ display:block; float:none}
	}



#galerias-ab, #galerias-ab2{ position: fixed;

right: 0px;

top: 0px;

z-index: 9999;-webkit-transition: all 1s ease-out;

-o-transition: all 1s ease-out;

-moz-transition: all 1s ease-out;

-ms-transition: all 1s ease-out;

transition: all 1s ease-out;}









/* nav */

#inicio,#somos,#noticias,#ventas,#galeria,#suenos,#contacto{

	height:55px;

	background-image: url(images/nav.jpg);

	display:block;

}

@media only screen and (max-width: 780px){ 
	#inicio,#somos,#noticias,#ventas,#galeria,#suenos,#contacto{ background:none; height:auto}
}

#inicio{width:88px;background-position:0 0}

#somos{width:170px;background-position:-88px 0}

#noticias{width:115px;background-position:-258px 0}

#ventas{width:106px;background-position:-373px 0}

#galeria{width:109px;background-position:-479px 0}

#suenos{width:186px;background-position:-588px 0}

#contacto{width:118px;background-position:-774px 0}

#inicio:hover{background-position:0 -55px}

#somos:hover{background-position:-88px -55px}

#noticias:hover{background-position:-258px -55px}

#ventas:hover{background-position:-373px -55px}

#galeria:hover{background-position:-479px -55px}

#suenos:hover{background-position:-588px -55px}

#contacto:hover{background-position:-774px -55px}



/* fin nav */



#promos{float:right;width:380px;z-index:10;padding:5px 50px 0 0;}

.promo{padding:0 0 20px 0;border-bottom:#930 solid 1px}

#contenido{width:872px;margin:0 0 0 55px;padding:10px; margin-top:-20px}
	@media only screen and (max-width: 780px){
			#contenido{width:95%;margin:0;padding:2.5%;}

		}
h1{font-size:30px;font-weight:normal;display:block;color:#f2a11c;margin:15px 0}

h2{color:#f2a11c;font-size:22px;margin:0 0 10px 0}

h3{font-size:18px;font-weight:normal}

h1 span{color:#593017;font-size:40px}

#arriba{width:872px;margin:0 0 25px 0}
	@media only screen and (max-width: 780px){
	#arriba{width:100%;}

	}

#arriba img,#arriba ul,#bannerad,.noticia img,.noticia p,.noticia h3,.maps iframe,.maps p,.indent-box img, indent-box p{float:left}

#arriba img{margin:0 30px 0 0}

#arriba ul {width:250px}

#bannerad{width:285px;height:278px;background-image: url(images/bannerad_bg.jpg);background-position:center center;background-repeat:no-repeat}

.cajas{width:260px;float:left;padding:0 15px}
	@media only screen and (max-width: 780px){
	.cajas{ background:#fff;width:95%;float:none;padding:0 2.5%}
	.cajas img{ width:100%}
		.cajas .footImage2{text-align: center;margin: 15px auto;width: auto;display: block;}
	.cajas.separa{ background:#fff}
	}
.cajas ul{margin:0 0 0 15px}

.separa{background-image:url(images/separador.jpg);background-position:left center;background-repeat:repeat-y;}

#footer{width:1000px;height:86px;background:url(images/footer.jpg) no-repeat;margin:0 auto; font-size:11px;}
@media only screen and (max-width: 780px){
	#footer{width:100%;height: auto;background:none;margin:0 auto; font-size:11px;}
	#footer p{ float:none !important; margin:0 !important}
}
#footer img{float:right; margin:40px 66px 0 0}

#footer p{ float:left; margin: 35px 0 0 200px;}

.noticia{ margin:0 0 30px 0; background:url(images/notibg.jpg) no-repeat center bottom; padding:0 0 25px 0;}

.noticia img{margin:0 15px 0 0}

.noticia h3,.noticia p{margin:0 0 15px 0;width:560px}

.ventas{background: url(images/vendedores.jpg);height:250px;width:200px;float:left;font-size:10px;margin:10px 42px}

.ventas img{padding:25px 0 0 25px;display:block}

.ventas p{display:block;padding:5px 0 0 25px;float:left}

#form, #forminfo{width:340px;height:320px;margin:0 0 0 70px;float:left}

.beneficios{ width:100%;}

.beneficios li{ font-size:20px; padding:10px 0;}

.benedatos{width:340px;margin:0 0 0 70px;float:left}

.benedatos img{ padding:0 0 15px 0;}

#gallery{background: url(images/gallery_bg.jpg) repeat-y left}

.maps{margin:0 0 20px 0;}

.maps iframe{margin:0 10px 0 0}

.indent-box{margin:0 0 25px 0}

.indent-box h3{margin:0 0 10px 0}

.indent-box img{margin:0 50px 0 0}



#alerta{ background:url(images/alertanueva.png) no-repeat center center; padding:20px 30px 30px 20px;height: 511px;}
@media only screen and (max-width: 780px){
	#alerta{ height:100%; padding:0px; background:none}
	
	}
#alerta2{ background:url(images/alerta2.png) no-repeat center center; height: 260px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); position:relative;}

#alerta2 div { position: absolute;
text-align: justify;
width: 461px;
top: 28%;
left: 41.5%;}
	#alerta h2{color:#fff; font-size:18px;}

	#alerta #titulo {width: 160px;padding: 180PX 15PX 15PX 15PX;float: left;color: transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;
	

					text-shadow: 0px 3px 3px rgba(255, 255, 255, 0.5),0px -1px 1px rgba(0, 0, 0, .3);-moz-background-clip: text;background-clip: text;color: transparent;text-shadow: 0px 0px 3px #65371B,0px -1px 1px rgba(0, 0, 0, 1);

					font-size: 30px;font-weight: bolder;text-align: center;}
@media only screen and (max-width: 780px){
	#alerta #titulo { width:auto; padding:0px; float:none}
		
	}
	.columnas{ width: 280px; padding: 25px 15px 15px 18px; float:left;}
	@media only screen and (max-width: 780px){
	.columnas{ width: 100%; padding: 0; float:none;}
		
	}
	#alerta li{ width: 275px; font-size:13px; color:#512800; text-align: justify;}

	
#title-pall-pc{}
@media only screen and (max-width: 780px){
			
			#title-pall-pc{ display:none}
		}
#title-pall-mb{ display:none}
@media only screen and (max-width: 780px){
			
			#title-pall-mb{ display:block; text-transform:uppercase; }
				#title-pall-mb h2{ display:block; text-transform:uppercase; color:#000; text-align:center; margin:25px 0px }
		}

#ahorras{  height:60px;}
@media only screen and (max-width: 780px){
	#ahorras{  height: 100%;}

	}
#ahorras p{ padding:15px 50px; color:#593017; font-size:22px; text-align:center}

@media only screen and (max-width: 780px){
			#ahorras p{ padding:10px 5px}
			#slider-ale{ display:none}
		}

#imagen-promocion { background: url(http://prefabricasa.com.co/images/alertanueva2.png) no-repeat center center;width: 850px;padding: 10px 15px 10px 15px;margin: 20px 0px;}

@media only screen and (max-width: 780px){
	
#imagen-promocion { width:100%; padding:0px; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;;}
}



#imagen-promocion img { float:left; padding-left: 36px; -webkit-transform: scale(.9);

-moz-transform: scale(.9) rotate(0deg);

-ms-transform: scale(.9) rotate(0deg);

-o-transform: scale(.9)) rotate(0deg);

transform: scale(.9) rotate(0deg);

-webkit-transition: all 400ms ease-out;

-o-transition: all 400ms ease-out;

-moz-transition: all 400ms ease-out;

-ms-transition: all 400ms ease-out;

transition: all 400ms ease-out;}

@media only screen and (max-width: 780px){
	#imagen-promocion img { float:none; padding-left:0 !important; width:100%;
	-webkit-transform: scale(1);

-moz-transform: scale(1) rotate(0deg);

-ms-transform: scale(1) rotate(0deg);

-o-transform: scale(.9)) rotate(0deg);

transform: scale(1) rotate(0deg);}
}

#imagen-promocion img:hover { -moz-transform: scale(1.1) rotate(-5deg);

-webkit-transform: scale(1.1) rotate(-5deg);

-o-transform: scale(1.1) rotate(-5deg);

-ms-transform: scale(1.1) rotate(-5deg);

transform: scale(1.1) rotate(-5deg); }

@media only screen and (max-width: 780px){
	#imagen-promocion img:hover { float:none;  padding-left:0 !important;
	-webkit-transform: scale(1);

-moz-transform: scale(1) rotate(0deg);

-ms-transform: scale(1) rotate(0deg);

-o-transform: scale(.9)) rotate(0deg);

transform: scale(1) rotate(0deg);}
}


#imagen-promocion p { text-shadow: 1px 1px 3px black;filter: dropshadow(color=#000000, offx=1, offy=1);color: white; font-size: 18px;float: right; width: 330px; padding: 10px;}

@media only screen and (max-width: 780px){
	#imagen-promocion p{ width:96%; padding:2%; margin:0 auto; }
	}


#imagen-promocion h3 { padding: 10px; float: right;font-size: 32px;font-weight: bolder;text-transform: uppercase; width: 330px;color: white;text-shadow: 1px 1px 3px black; 	filter: dropshadow(color=#000000, offx=1, offy=1);}

	@media only screen and (max-width: 780px){
	#imagen-promocion h3{ width:96%; padding:2%; margin:0 auto;font-size:25px; float:none}
	}


#promocion50{ width:870px; height: 215px /*background: url(images/gran-promocion-50-mts.jpg) center center no-repeat*/;position:relative;}
	@media only screen and (max-width: 780px){
	#promocion50{  height: 215px ;width:100%;}

	}
#dirof{ position:absolute; height:177px; bottom:36px; left:34px; width:815px;}

.ofidir{ height:177px; width:250px; float:left; margin:0 26px 0 0;}

.ofidirul{margin:0 !important;}

h4{color:#f2a11c; margin-top: 120px; text-align: center; border-bottom: solid thin #f2a11c ;margin-bottom: 30px; font-size:30px;font-weight:normal}

#galerias-ab img, #galerias-ab2 img, #galerias-ab3 img{ margin:0px; width:100%;}

#galerias-ab, #galerias-ab2, #galerias-ab3 { width:18%}

@media only screen and (max-width: 1225px) {


#galerias-ab img, #galerias-ab2 img, #galerias-ab3 img{ margin:0px; width:100%;}

#galerias-ab, #galerias-ab2, #galerias-ab3 {-webkit-transform: rotate(-90deg);
  -moz-transform:    rotate(-90deg);
  -ms-transform:     rotate(-90deg);
  -o-transform:      rotate(-90deg);
  transform:        rotate(-90deg);}
  
  
  #galerias-ab3 {-webkit-transform: rotate(90deg);
  -moz-transform:    rotate(-90deg);
  -ms-transform:     rotate(-90deg);
  -o-transform:      rotate(-90deg);
  transform:        rotate(-90deg);}
  
  #galerias-ab { top:49% !important; right: -6%;}
  
  
  #galerias-ab2 { top:484px !important; right: -6% !important;}
  
  
  #galerias-ab3 { top: 21% !important;
right: -6.5% !important;
z-index: 9999 !important;}
}


@media only screen and (max-width: 1024px) {


#galerias-ab img, #galerias-ab2 img, #galerias-ab3 img{ margin:0px; width:100%;}

#galerias-ab, #galerias-ab2, #galerias-ab3 {-webkit-transform: rotate(-90deg);
  -moz-transform:    rotate(-90deg);
  -ms-transform:     rotate(-90deg);
  -o-transform:      rotate(-90deg);
  transform:        rotate(-90deg);}
  

  
  #galerias-ab { top:49% !important; right: -6%;}
  
  
  #galerias-ab2 { top:484px !important; right: -6% !important;}
  
  
  #galerias-ab3 { top: 21% !important;
right: -6.5% !important;
z-index: 9999 !important;}
}



@media only screen and (max-width: 900px) {


#galerias-ab img, #galerias-ab2 img, #galerias-ab3 img{ margin:0px; width:100%;}

#galerias-ab, #galerias-ab2, #galerias-ab3 {-webkit-transform: rotate(-90deg);
  -moz-transform:    rotate(-90deg);
  -ms-transform:     rotate(-90deg);
  -o-transform:      rotate(-90deg);
  transform:        rotate(-90deg);}
  
  
  #galerias-ab3 {-webkit-transform: rotate(-90deg);
  -moz-transform:    rotate(-90deg);
  -ms-transform:     rotate(-90deg);
  -o-transform:      rotate(-90deg);
  transform:        rotate(-90deg);}
  
  #galerias-ab { top:48% !important; right: -6%;}
  
  
  #galerias-ab2 { top:35% !important; right: -6% !important;}
  
  
  #galerias-ab3 { top: 21% !important;
right: -6.5% !important;
z-index: 9999 !important;}
  
  }

@media only screen and (max-width:830px) {
	
}

@media only screen and (max-width:750px) {
	
}
	
@media only screen and (max-width:670px) {
	


}
@media only screen and (max-width:456px) {
	
}

@media only screen and (max-width:360px) {
	

}




#galerias-ab2 {
    position: fixed;
    right: 0px;
    top: 124px;}
	
	
	#galerias-ab3 {
    position: fixed;
    right: 0px;
    top: 248px;}
	
#boton{background: url(http://prefabricasa.com.co/images/fondogaleria.png) no-repeat center center; color:#fff; padding:5px 15px; width: auto; display:block; margin:10px auto}

.off{ height:0px;-webkit-transform: translateY(-300px);
-ms-transform: translateY(-300px);
transform: translateY(-300px);-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;}

.on{ background:rgba(0,0,0,0.8); text-align:center; height:100%;-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;}

.on li a{ display:block; color:#fff; padding:5px 0px; font-size:25px; text-transform:uppercase; margin-bottom:5px}