@charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */



.gridContainer {
	width: 95%;
/*	max-width: 1500px;
	min-width: 950px;*/


/*	max-width: 1200px;
	min-width: 1200px;*/

	max-width: 1200px;
	min-width: 1200px;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pagina01 {
	clear: both;
	float: left;
	margin-left: auto;
	width: 100%;
	display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
}

#pagina01_cualidades {
	clear: both;
	float: left;
	margin-left: auto;
	width: 100%;
	display: block;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: auto;
}
#fondo01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#interior01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -70%;
}
#inicio {
	font-size: 14px;
	width: 240px;
	margin-top: -10px;

}
#contenedor_tex00 {
	clear: both;
	float: left;
	margin-left: 20%;
	width: 830px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	font-size: 14px;
	height: 150px;
}
#cont_tex_que_es {
	clear: both;
	float: left;
	margin-left: 20%;
	width: 830px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	font-size: 14px;
	height: px;
}
#contenedor_tex01 {
	clear: both;
	float: left;
	margin-left: 28%;
	width: 55%;
	display: block;
	color: #FFF;
	margin-top: -3%;
}
#contenedor_tex02 {
	clear: both;
	float: left;
	margin-left: 28%;
	width: 65%;
	display: block;
	color: #FFF;
	margin-top: -3%;
}
#galeria_fot_inferior01 {
	clear: none;
	float: none;
	width: 100%;
	display: block;
	margin-top: 80px;
}
#galeria_fot_inferior02 {
	clear: none;
	float: none;
	width: 1150px;
	display: block;
	margin-right: auto;
	margin-top: 6%;
}

#cabecera01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 36px;
	text-align: center;
	color: #FFF;
	padding-top: 2%;
}
#galeria_der_01 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 8.1632%;
	display: block;
	margin-top: -3%;
}

#pie {
	font-size: 12px;
	text-align: right;

}
#gal_fot_proyectos {
	height: 500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	
}

#cont_tex_proyectos {
	width: 800px;
	margin-left: 320px;
	height: 125px;
}
		
#texto_sice01 {
		color: #FFF;
	font-size: 14px;

}

#texto_16 {
		color: #FFF;
	font-size: 16px;

}

#contenedor_tex02 {
	clear: both;
	float: left;
	margin-left: 40px;
	width: 250px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	height: 700px;
}

#contenedor_tex03 {
	clear: both;
	float: left;
	margin-left: 320px;
	width: 350px;
	display: block;
	color: #FFF;
	margin-top: -700px;
	height: 700px;
}
	
#contenedor_tex04 {
	clear: both;
	float: left;
	margin-left: 100px;
	width: 600px;
	display: block;
	color: #FFF;
	margin-top: 0px;
	height: 700px;
}


  
/*--------------------------------------*/
#cont_tex_n02 {
	width: 800px;
	margin-left: 320px;
	height: 200px;
	margin-top: -50px;
	color: #FFF;
}
#cont_tex_n_descripcion {
	width: 800px;
	margin-left: 320px;
	height: 190px;
	margin-top: -50px;
	color: #FFF;
}
#cont_tex_n02_pro {
	width: 800px;
	margin-left: 320px;
	height: 120px;
	margin-top: -50px;
	color: #FFF;
}
#cont_gal_fot_n02 {
	height: 500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
}	
#gal_fot_que_es_830 {
	clear: none;
	float: none;
	width: auto;
	display: block;
	margin-right: auto;
	margin-top: 6%;
	margin-left: auto;
}	
#cont_tex_n03 {
	clear: both;
	float: left;
	margin-left: 28%;
	width: 55%;
	display: block;
	color: #FFF;
	margin-top: -3%;
}
#con_tex_margen01 {
	margin-left: 40px;
	
}

#cont_tex_n04 {
	clear: both;
	float: left;
	margin-left: 28%;
	width: 55%;
	display: block;
	color: #FFF;
	margin-top: 0%;
}
#cont_tex_n04_con_iz {
	clear: both;
	float: left;
	margin-left: 40px;
	width: 150px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	height: 700px;
}

#cont_tex_n04_con_der {
	clear: both;
	float: left;
	margin-left: 190px;
	width: 500px;
	display: block;
	color: #FFF;
	margin-top: -700px;
	height: 700px;
}
#cont_tex_n04_con00_iz {
	clear: both;
	float: left;
	margin-left: 40px;
	width: 150px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	height: 700px;
}

#cont_tex_n04_con00_der {
	clear: both;
	float: left;
	margin-left: 200px;
	width: 500px;
	display: block;
	color: #FFF;
	margin-top: -700px;
	height: 700px;
}
#cont_tex_n04_mat_iz {
	clear: both;
	float: left;
	margin-left: 40px;
	width: 250px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	height: 700px;
}

#cont_tex_n04_mat_der {
	clear: both;
	float: left;
	margin-left: 320px;
	width: 350px;
	display: block;
	color: #FFF;
	margin-top: -700px;
	height: 700px;
}

#cont_tex_n04_cua_iz {
	clear: both;
	float: left;
	margin-left: 0px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	height: 700px;
	width: 150px;
}

#cont_tex_n04_cua_der {
	clear: both;
	float: left;
	margin-left: 150px;
	width: 650px;
	display: block;
	color: #FFF;
	margin-top: -700px;
	height: 700px;
}

#cont_tex_n04_mat_iz {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 140px;
	display: block;
	color: #FFF;
	margin-top: -3%;
	height: 700px;
}

#cont_tex_n04_mat_der {
	clear: both;
	float: left;
	margin-left: 150px;
	width: 650px;
	display: block;
	color: #FFF;
	margin-top: -700px;
	height: 700px;
}
#cont_tex_n04_quien_iz {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 140px;
	display: block;
	color: #FFF;
	margin-top: 0%;
	height: 700px;
}

#cont_tex_n04_quien_cen {
	clear: both;
	float: left;
	margin-left: 150px;
	width: 200px;
	display: block;
	color: #FFF;
	margin-top: 10px;
	height: 200px;
}
#cont_tex_n04_quien_der {
	clear: both;
	float: left;
	margin-left: 150px;
	width: 650px;
	display: block;
	color: #FFF;
	margin-top: -700px;
	height: 700px;
}
#atras_cons2 {
	margin-top: 700px;
	text-align: center;
	border: thin solid #CCC;

}


#pro01 {
	width: 150px;
	margin-top: 0px;
	height: 80px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;

}
#pro01_a {
	width: 150px;
	margin-top: 60px;
	height: 200px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;

}

#foto_n {
	height: 100px;
	width: 150px;
	

}

#contacto {
	height: 180px;
	width: 500px;
	margin-top: -235px;
	margin-left: 240px;
	

}
#info_legal {
	text-align: center;
	font-size: 16px;
	margin-top: 200px;

	

}


#cont_tex_que_es {
	width: 900px;
	margin-left: 250px;
	height: 400px;
	margin-top: -50px;
	color: #FFF;
}

#cont_gal_como_es {
	height: 500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
}


#contenedor_fot_vert {
	height: 490px;
	width: 240px;
	margin-left: 45px;
	margin-top: 170px;
	
}

#contenedor_fot_vert_02 {
	height: 490px;
	width: 200px;
	margin-left: 45px;
	margin-top: 170px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 100px;
	
}



#cont_gal_m_01 {
	width: 775px;
	margin-left: 310px;
	margin-top: -40px;
	
}

#cont_gal_prototipo {
	width: 775px;
	margin-left: 310px;
	margin-top: -496px;
	
}


#cont_gal_m_02 {
	height: 310px;
	width: 775px;
	margin-left: 310px;
	margin-top: -100px;
	
}


#cont_gal_fot_que_es {
	height: 500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 160px;
	
}




#texto_lateral01 {
	padding-left: 120px;
	margin-top: -600px;
	float: left;

}