/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
  

} 
 
#pagewidth{ 
width:900px; 
margin-left:auto; 
margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:219px; 
 background-image:url(images/header2.jpg);
 width:100%;
} 
#icono_contacto a{
	background-image:url(images/img_transparente.png);
	width:120px;
	float:right;
	height:40px;
	display:block;
}


#wrapper{
	background-image:url(images/background_blanco.jpg);
	overflow:hidden;
	background-color:#FFF;
}

#menu{
	height:63px;
	clear:both;	
	background-image:url(images/background_menu.jpg);
	overflow: hidden;
	
}
 
#menu ul{
	list-style:none;
	margin-left:150px;
	margin-top:5px;
	padding:0px;
}

#menu li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
	padding:3px;
	float:left;
}

#menu li.empresa a{
	background-image:url(images/boton_hover.png);
	color:#FFF;
}

#menu li a{
	display:block;
	font-weight:bold;
	width:92px;
	line-height:17px;
	height:17px;
	padding:10px 0px;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#B3B3B3;
	text-transform:uppercase;
}

#menu li a:hover{
	background-image:url(images/boton_hover.png);
	color:#FFF;
}

#boton_mas{
	float:right;
	display:block;
	margin-right:10px;
	padding:0px;
}

#img_col1{
	margin-left:20px;
	margin-top:20px;
	margin-right:10px;	
}

#col1{
	width:50%;
	float:left;
	background-color:#FFF;
}

#col1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#666;
	margin-left:20px;
	margin-right:10px;
	line-height:18px;
}
#col1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	color:#09F;
	text-decoration:none;
	
}
#col1 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	color:#06C;
	text-decoration:none;
	
}

#col1 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#29ABE2;
	padding:0px;
	margin-left:20px;
}

#col1 ul{
	list-style:none;
	margin-left:10px;
	padding:0px;
}

#col1 li{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	text-indent:10px;
	margin:0px;
	padding:3px;
	
	
}
 
#col1 li a{
	display:block;
	font-weight:bold;
	width:192px;
	height:15px;
	padding:10px 0px;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#FFFFFF;
	background-image:url(images/boton_largo_a_hover.png);
	text-transform:uppercase;
}

#col1 li a:hover{
	background-image:url(images/boton_menu_left.jpg);
}

#col1 li.empresa a{
	background-image:url(images/boton_menu_left.jpg);
	color:#FFF;
}

#img_col2{
	margin-left:-5px;
	margin-top:20px;
	margin-right:20px;
}

#col2{
	float:left;
	width:50%;	
	background-color:#FFF;
	text-indent:20px;
	
}

#col2 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#666;
	margin-left:15px;
	margin-right:20px;
	text-indent:0px;
	line-height:18px;
}

#col2 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#29ABE2;
	padding:0px;
	margin-left:-5px;
}
 
#main{
	background-color: #FFFFFF;
	float: left;
	width:375px;
}

#main p{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
#main a{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:justify;
}


#main h2{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F7931E;
	padding:0px;
 }
 
#main h3{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#29ABE2;
	padding:0px;
 }

#contacto_img{
	background-image:url(images/contacto.png);
	width:188px;
	height:180px;
	margin-left:10px;
	margin-top:15px;
}

#contacto_img h1{
	color:#FFF;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	text-indent:15px;
}

#contacto_img p{
	color:#FFF;
	margin-top:10px;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:10px;
	text-align:inherit;
	
}
#modulos{
	background-color:29ABE2;
	background-image:url(images/modulos_bk.png);
	clear:both;
	height:160px;
	
}

#mod1{
	float:left;
	height:140px;
	width:23%;
	margin:10px;
	border-right-color:#FFF;
	border-right-style:dotted;
	border-right-width:thin;
	text-align:left;
}

#mod1 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	margin-left:10px;
	margin-top:0px;
}

#mod1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	margin-left:0px;
	margin-top:0px;
	text-decoration:none;
}
#mod1 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#F93;
	margin-left:0px;
	margin-top:0px;
	text-decoration:none;
}

#mod1 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:200;
	margin-left:10px;
	margin-top:-10px;
	margin-right:10px;
	text-align: left;
	line-height:18px;
}

#mod2{
	float:left;
	height:140px;
	width:22%;
	margin:10px;
	border-right-color:#FFF;
	border-right-style:dotted;
	border-right-width:thin;
	text-align:left;

}
#mod3{
	float:left;
	height:140px;
	width:22%;
	margin:10px;
	border-right-color:#FFF;
	border-right-style:dotted;
	border-right-width:thin;
	text-align:left;

}
#mod4{
	float:left;
	height:140px;
	width:22%;
	margin:10px;
	text-align:left;
}

.mod h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	
	margin-top:0px;
}


.mod p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:200;
	margin-top:-10px;
	margin-right:10px;
	line-height:18px;
}
.mod a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	
	margin-left:0px;
	margin-top:0px;
	text-decoration:none;
}
.mod a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#F93;	
	margin-left:0px;
	margin-top:0px;
	text-decoration:none;
}


#footer{
 height:219px; 
 background-color:#ccc; 
 clear:both;
 overflow:hidden;
 background-image:url(images/footer_sombra.png);
 } 
 
#footer ul{
Float: left;
width: 92%; /*Este ancho será el total que ocupen muestras columnas */
List-style-type: none; /*Eliminamos las viñetas */
margin-left:25px;

}
#footer li{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	Display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/
	Float: left;
	Width:16%;
	line-height:30px;		
}
#footer li.titulo{
	font-weight:bold;
	color:#999;
}

#footer li.espacio{
	color:#ccc;
}

#footer li a{
	color:#999999;
	text-decoration:none;	
}

#footer li a:hover{
	color:#333;
	text-decoration:none;
}
.contacto_img a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	
	margin-left:0px;
	margin-top:0px;
	text-decoration:none;
}
.mod a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#F93;	
	margin-left:0px;
	margin-top:0px;
	text-decoration:none;
}