/* CSS Document */

body{
	font-size:11px; 
	background-color:#CCCCCC;
	background-image:url(../imagenes/0021.gif);
	background-repeat:repeat;
	font-family: arial;
	margin: 0 auto;
	padding:0;
	color:#333333;
	text-align:center; /* hack para o IE */	
	}
	
a{
	color:#333333;
	}	
	
/*principal*/

.maestra, .maestra2,  .maestra3{
	width:800px; /*ancho total de lo que se ve del sitio*/
	min-height:800px;	
	height:750px;
	background-color:#FFFFFF;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left; /* hack para o IE */	
	background-image:url(../imagenes/flor-fondo.gif);
	background-repeat:no-repeat;
	background-position:280px 70px;
	margin-top:0px;
	border:1px solid #CCCCCC;
	}
	
		
.maestra2{
	background-image:url(../imagenes/principal.jpg);
	background-repeat:no-repeat;
	background-position:200px 71px;
	}

.maestra3{
background-image:none;}	

/*empieza columna izquierda*/

.izq{
	width:180px;
	height:800px;
	min-height:750px;	
	float:left;
	position:relative;
	border-right:1px dashed #999999;
	margin:0;
	padding:0;
	background-image:url(../imagenes/fondo-izq.jpg);
	background-repeat:repeat-y;
	background-position:right;
	}
	
.logo{
	width:170px;
	height:90px;
	float:left;
	position:relative;
	margin-top:20px;
	margin-left:5px;
	_margin-left:3px;
	margin-right:2px;
	}
	
.submenu{ 	/*empieza submenu */
	width:146px;
	height:160px;
	min-height:220px;
	background-color:#666666;	
	float:left;
	margin-left:15px;
	_margin-left:7px;
	margin-top:5px;
	padding-top:5px;
	}	

.submenu ul{
	padding:0;
	margin:0;
	}

.submenu li {
	list-style: none;
	vertical-align:middle;
	font-size:11px;	
	border-bottom:1px solid #000000;
	border-top:1px solid #999999;
	padding-bottom:3px;
	}

.submenu li a{
	text-decoration:none;
	color:#FFFFFF;
	line-height:30px;
	margin-left:12px;
	}
	
#submenutop{
	border-top:none;
	}

#submenubotom{
	border-bottom:none;
	}

.submenu a:hover, .submenu .actual{
	color:#000000;
	}	
	
/*fin submenu */
	
	
	
.imagen{
	height:300px;
	position:relative;
	float:left;
	margin-left:2px;
	_margin-left:2px;
	margin-top:10px;
	}	

.usuario{
	width:146px;
	height:95px;
	_height:110px;
	background-color:#96aa55;
	border:1px solid #707e43;
	border-top:2px solid #707e43;
	float:left;
	color:#000000;
	margin-left:17px;
	_margin-left:9px;
	margin-top:15px;
	padding-top:8px;
	text-align:center;
	}


.usuario input{
	border:1px solid #aaaaaa;
	width:120px;
	cursor:pointer;
	background-color:#707e43;
	font-size:9px;
	margin-top:5px;
	_margin-left:-6px;
	color:#ffffff;
	}

#check{
	border:none;
	}
	
	
.newsletter{
	background-color:#333333;
	padding-top:12px;
	_padding-top:12px;
	width:146px;
	height:75px;
	_height:87px;
	color:#FFFFFF;
	margin-top:15px;
	text-align:center;
	float:left;
	margin-left:17px;
	_margin-left:9px;
	_margin-bottom:-10px;
	}
	
.newsletter form{
	margin-top:8px;
	}	

.newsletter p{
	width:146px;
	padding-bottom:3px;
	padding-left:2px;
	}
		
.new{
	width:88px;
	border:1px #666666 solid;
	margin-left:13px;
	float:left;
	}	

#escribimail{
	margin-left:15px;
	_margin-left:8px;
	display:block;
	margin-top:1px;
	float:left;
	}

#ir{
	margin-left:3px;
	width:28px;
	height:20px;
	background-color:#999999;
	border:none;
	color:#FFFFFF;
	float:left;
	}	

/*fin columna izquierda*/	

.head{
	height:40px;
	float:left;
	}
	
.estudia{
	font-size:14px;
	margin-left:13px;
	_margin-left:6px;
	padding-top:20px;
	font-weight:bold;
	color:#666666;
	float:left;
	width:250px;
	}
	
.puntasolapa{
	margin-top:10px;
	position:relative;
	float:left;
	margin-left:159px;
	}
	
.solapa{
	height:30px;
	width:150px;
	background-color:#DEDEDE;
	margin-top:10px;
	position:relative;
	float:left;	
	padding-top:10px;
	}

.solapa a {
	color:#333333;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	}

.menu{ /*Menu principal*/
	height:30px;
	width:590px;
	float:left;
	position:relative;
	background-color:#666666;	
	margin-left:10px;
	}

.menu ul{
	padding:0;
	margin:0;
	height:30px;
	}

.menu li {
	list-style: none;
	vertical-align:middle;
	display:inline;
	font-size:12px;
	}

.menu li a{
	height:30px;
	text-decoration:none;
	color:#FFFFFF;
	line-height:30px;
	border-right: #999999 1px solid;
	padding-right: 8px;
	_padding-right:7px;
	padding-left:7px;
	}
	
#sinlinea{border-right:none;}	

.menu li a:hover{
	}/*fin Menu principal*/
	
	
/*empieza el contenido*/	

.texto, .texto2, .texto3{
	width:240px;
	float:left;
	margin-left:11px;
	color:#666666;
	font-size:12px;
	}	
	
.texto2{
	width:500px;
	font-size:11px;
	}
	
.texto3{
	width:500px;
	margin-left:11px;
	}	

.txtgrande{
	font-size:18;
	}		

.negrita{
	font-weight:bold;
	}
	
.titulo{
	width:180px;
	_width:230px;
	min-width:280px;
	height:25px;
	background-color:#E0E0E0;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	font-size:17px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:8px;
	padding-top:7px;
	_padding-top:5px;
	color:#666666;
	font-weight:bold;
	}

.imagentxt{
	margin-top:25px;
	margin-left:5px;
	float:left;
	}

.beneficos{
	display:block;
	font-size:14px;
	font-weight:600;
	}	

.contenidomodulos{
	float:left;
	width:580px;
	_width:600px;
	margin-left:11px;
	color:#666666;
	font-size:12px;
	
	}	
	
.modulo{
	float:left;
	height:150px;
	width:120px;
	min-height:185px;
	margin:10px 10px 10px 10px;
	_margin:7px 7px 7px 7px;
	}
	
.tapamodulo, .tapamodulo1, .tapamodulo2, .tapamodulo3, .tapamodulo4, .tapamodulo5, .tapamodulo6, 
.tapamodulo7, .tapamodulo8, .tapamodulo9, .tapamodulo10, .tapamodulo11, .tapamodulo12, .tapamodulo13{
	float:left;
	background-color:#CCCCCC;
	height:20px;
	_height:120px;
	width:100px;
	margin-left:10px;
	_margin-left:5px;
	text-align:center;
	padding-top:123px;
	border:1px solid #cccccc;
	}		

.tapamodulo2{
background-image:url(../imagenes/mimg1.jpg);
background-repeat:no-repeat;}	

.tapamodulo3{
background-image:url(../imagenes/mimg2.jpg);
background-repeat:no-repeat;}

.tapamodulo1{
background-image:url(../imagenes/m-guard.jpg);
background-repeat:no-repeat;}

.tapamodulo4{
background-image:url(../imagenes/mmoda.jpg);
background-repeat:no-repeat;}
	
.tapamodulo5{
background-image:url(../imagenes/macc.jpg);
background-repeat:no-repeat;}

.tapamodulo6{
background-image:url(../imagenes/mest.jpg);
background-repeat:no-repeat;}

.tapamodulo7{
background-image:url(../imagenes/mhom.jpg);
background-repeat:no-repeat;}

.tapamodulo8{
background-image:url(../imagenes/mcol.jpg);
background-repeat:no-repeat;}

.tapamodulo9{
background-image:url(../imagenes/mps.jpg);
background-repeat:no-repeat;}

.tapamodulo10{
background-image:url(../imagenes/mcyp.jpg);
background-repeat:no-repeat;}

.tapamodulo11{
background-image:url(../imagenes/mmp.jpg);
background-repeat:no-repeat;}

.tapamodulo12{
background-image:url(../imagenes/mpnl.jpg);
background-repeat:no-repeat;}

.tapamodulo13{
background-image:url(../imagenes/mmyp.jpg);
background-repeat:no-repeat;}
	
.titulodetallemodulo{
	float:left;
	background-color:#666666;
	height:17px;
	width:100px;
	margin-left:10px;
	_margin-left:5px;
	color:#FFFFFF;
	text-align:center;
	font-size:9px;
	vertical-align:middle;
	margin-top:4px;
	padding-top:3px;
	}	
		
.comprarmodulo{
	float:left;
	width:100px;
	margin-left:28px;
	_margin-left:15px;
	margin-top:3px;
	}		
	
	
	
	
.copy span{
	position: absolute;
	padding:8px;
	right:-300px;
	border: 1px solid #FFFFFF;
	visibility: hidden;
	text-decoration:none;
	width:400px;
	color:#FFFFFF;
	font-size:9px;
	}	

.copy:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top:-45px;
	*top:-20px;
	left: 220px; /*position where enlarged image should offset horizontally */
	*left:-475px; 
	}	
	
.nombre, .mail, .tel, .consulta{
border:1px solid #999999;
margin-top:15px;
margin-left:10px;
}

.btn{
border:1px #999999 solid;
background-color:#333333;
color:#FFFFFF;
margin-top:15px;
float:right;
margin-right:40px;
font-size:14px;
}

.form{
}	

.mail{
margin-left:22px;
}

.consulta{
height:80px;
}





.copy:hover{
	background-color:transparent;
	z-index:1;
	}

.copy span{
	position: absolute;
	padding:8px;
	right:30px;
	border: 1px solid #000000;
	visibility: hidden;
	text-decoration:none;
	width:400px;
	color:#000000;
	font-size:9px;
	background-color:#FF0000;
	}	

.copy:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top:5px;
	right:30px;
	}