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

html body{
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}


.clearer{ display:block; clear:both;}
	
#wrapper{
	background: #fff;
	margin: 0 auto;
	width: 1100px;
	min-height:400px;
	display:table;
	position:relative;
	background-color:#f1f2f2;
}

/*INICIO*/
#logotipo{
	width:200px;
	height:200px;
	padding:20px 0;
	text-align:center;
	background-color:#FFF;
	border-bottom:solid 4px #C00;
	position:absolute;
	left:20px;
	top:0px;
	z-index:1000;
}
#logotipo_txt{
	width:90%;
	padding:10px 5%;
	text-align:center;
	color:#FFF;
	position:absolute;
	bottom:-50px;
	background-color:#C00;
	font-size:15px;
}

#cabecera_principal{
	width:100%;
	height:160px;
	background-color:#FFF;
}
#cabecera_principal_izq{
	width:20%;
	padding:5px 5%;
	float:left;
	text-align:center;
}
#cabecera_principal_der{
	width:60%;
	padding:70px 5% 40px 5%;
	float:left;
	font-size:30px;
	color:#C00;
}
#datos_flotantes{
	position:absolute;
	right:10px;
	top:10px;
	font-size:12px;
	text-align:right;
	color:#333
}

#menu{
	width:100%;
	background-color:#333;
	display:table;
}
#menu ul{
	width:100%;
	padding:0;
	margin:0;
}
#menu ul li{
	
	float:left;
	text-align:center;
	font-size:15px;
	list-style:none;
	background-color:#333;
	border-left:thin dotted #666666;
}
#menu ul li a{
	padding:20px 40px;
	color:#FFF;
	text-decoration:none;
	background-color:#333;
	display:table;
}
#menu ul li a:hover{
	color:#FFF;
	background-color:#c00;
	display:table;
}
.seleccionado{
	color:#FFF;
	background-color:#c00;
	display:table;
}

#cuerpo_inicio{
	width:100%;
	min-height:150px;
	height:auto;
	padding:10px 0;
	font-size:13px;
	margin-bottom:10px;
	display:table;
}
#cuerpo_inicio_i{
	width:75%;
	float:left;
}
#cuerpo_inicio_d{
	width:25%;
	float:left;
}

#titulo_contacto{
	width:90%;
	padding:10px 5%;
	text-align:left;
	background-color:#333;
	color:#FFF;
	font-size:14px;
}
.txt{
	width:89.5%;
	padding:10px 5%;
	border:solid 1px #999999;
}
.enviar{
	width:100%;
	padding:10px 5%;
	background-color:#C00;
	color:#FFF;
	border:none;
	font-size:16px;
}

#video_home{
	width:100%;
	height:150px;
	overflow:hidden;
}

#bloque_1{
	width:31%;
	padding:0 1% 0 0;
	float:left;
	position:relative;
}
#b1_titulo{
	width:90%;
	padding:10px 5%;
	background-color:#C00;
	color:#FFF;
	text-align:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#b1_imagen{
	width:100%;
	height:150px;
	overflow:hidden;
}
#b1_desc{
	width:94%;
	padding:10px 3%;
	min-height:150px;
	color:#666;
	font-size:14px;
	line-height:18px;
	background-color:#FFF;
	display:block;
}
#btn_mas{
	width:91%;
	padding:0 1%;
	text-align:center;
	position:absolute;
	bottom:-30px;
}
/*FIN DEL BLOQUE*/

/*EMPRESA*/
#cabecera{
	width:100%;
	height:320px;
	overflow:hidden;
	border-bottom:solid 3px #C00;
}

#empresa{
	width:100%;
}
#txt_central{
	width:80%;
	padding:30px 10%;
	text-align:center;
	font-size:20px;
	color:#777;
	font-style:italic;
}
#bloque_empresa{
	width:29%;
	margin:20px 1%;
	margin:0 2%;
	float:left;
	font-size:16px;
	text-align:left;
	color:#666;
	background-color:#FFF;
}
#titulo_empresa{
	width:96%;
	padding:0px 2%;
	background-color:#C00;
	color:rgba(255,255,255,0.3);
	font-size:33px;
}
#desc_empresa{
	widows:94%;
	min-height:160px;
	padding:20px 3%;
	text-align:left;
	line-height:18px;
	display:block;
}
/*FIN DEL BLOQUE*/

/*CONTACTO*/
#contacto_izq{
	width:36%;
	padding:20px 2%;
	float:left;
	font-size:15px;
	color:#666;
}
#contacto_icono{
	width:10%;
	float:left;
}
#contacto_info{
	width:80%;
	padding:10px 5%;
	float:left;
	text-align:left;
}
#contacto_der{
	width:56%;
	padding:20px 2%;
	float:left;
}
/*FIN DEL BLOQUE*/

/*SERVICIOS*/
#servicios{
	width:46%;
	margin:10px 2% 10px 2%;
	height:150px;
	background-color:#FFF;
	overflow:hidden;
	float:left;
	display:table;
}
#servicios_f{
	width:50%;
	height:150px;
	float:left;
}
#servicios_info{
	width:40%;
	height:130px;
	padding:10px 5%;
	text-align:left;
	font-size:15px;
	float:left;
	background-color:#FFF;
	color:#666;
}
/*FIN DEL BLOQUE*/

/*CLIENTES*/
#clientes{
	width:100%;
	padding:20px 0;
	display:table;
}
#clientes ul{
	width:96%;
	padding:0 2%;
	margin:0;
	list-style:none;
}
#clientes ul li{
	width:250px;
	height:150px;
	margin:5px 7px;
	float:left;
}
/*FIN DEL BLOQUE*/


#separador{
	width:100%;
	border-bottom:thin dotted #CCCCCC;
	padding:10px 0px;
}

#footer{
	width:100%;
	padding:20px 0;
	text-align:center;
	color:#FFF;
	font-size:13px;
	background-color:#333;
}
.link_azul{
	text-decoration:none;
	color:#069;
	font-weight:700;
}
.texto{
	width:96%; 
	padding:10px 2%;
	text-align:left;
	font-size:16px;
	color:#333;
}
.texto2{
	width:96.5%;
	height:100px;
	padding:10px 2%;
	text-align:left;
	font-size:15px;
	color:#333;
	border:none;
	background-color:#EEE;
	border:solid 1px #ccc;
}
.enviar{
	width:100%; 
	padding:10px 0;
	text-align:center;
	font-size:17px;
	color:#FFF;
	background-color:#C00;
	border:none;
}