/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rosario);

*{ margin:0; padding:0;}
body{font-family: Rosario, Helvetica, sans-serif; background:#FFF}
div{ max-width:960px; position:relative;margin: 0px auto 0px auto;}

/* header */
#logo {margin: -25px 0 0 0;}
header{ width:100%;}
header nav{ float:right; margin:60px 0 0 0;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ color:#98CB32; text-decoration:none; padding:8px; margin:29px;}



/* section */ 
div.opinion  { width: 100%; float: left; position: relative; margin: 30px 0 0 0; border-top:solid #DCDCDC 1px; }
 .yocurse { float: left; font-size:32px; font-family: 'Rosario', sans-serif; text-transform:none; margin: 30px 0 0 360px; color:#98CB32; }
div.iconouno  { width: 100%; height: auto; float: left; position: relative; margin: 30px 0 0 0;  }
div.iconodos  { width: 100%; height: auto; float: left; position: relative; margin: -50px 0 0 0;  }
div.iconotres  { width: 100%; height: auto; float: left; position: relative; margin: -50px 0 0 0;  }
div.iconocuatro  { width: 100%; height: auto; float: left; position: relative; margin: -50px 0 0 0; padding: 0 0 30px 0 ; border-bottom:solid #DCDCDC 1px;}



a.rollover img { border width: 0px; display:block; padding: 3px; margin: 2px; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position: relative; }
a.rollover:hover img { display: none; }
a.rollover:hover img.rollover { display:block; }


section nav ul li{ float: left; list-style-type: none; }


div.iconouno nav{ float: left; margin: 0 0 0 100px;}
div.iconodos nav{ float: left; margin: 0 0 0 4px;}
div.iconotres nav{ float: left; margin: 0 0 0 100px;}
div.iconocuatro nav{ float: left; margin: 0 0 0 195px;}



div.cursada  { width: 600px; height: auto; float: left; position: relative; margin: 30px 0 0 0; } 
 .leyenda { float: left; color:#666; font-size:14px; font-family: 'Rosario', sans-serif; text-transform:none; margin: 25px 0 0 30px; }
 .leyendados { float: right; color:#666; font-size:12px; font-family: 'Rosario', sans-serif; text-transform:none; margin: -85px 10px 0 0; }
 .leyendatres { float: right; color:#666; font-size:12px; font-family: 'Rosario', sans-serif; text-transform:none; margin: -20px 150px 0 0; }

select, input,
.control-group .campo textarea { 
	border: none;
	width: 330px;
	height: 90px;
	float: left; 
	background:#DCDCDC; 
	margin: 10px 0 0 30px; 
	}
 

 	
 div.twitteruno {width: 330px; float: right; margin: 12px 0 0 0;}
 div.twitterdos {width: 330px; float: right; margin: 8px 0 0 0;}
 
 
 div.piecontenedor  { width: 100%; height: 200px; float: left; position: relative; margin: 30px 0 0 0; background: #98CB32} 
 div.pie {width: 320px; height: auto; float: left; }
 .titulo { font-family: 'Rosario', sans-serif; font-size: 18px; margin: 30px 20px 10px 40px}
 .texto { font-family: 'Rosario', sans-serif; font-size:11px; margin: 20px 20px 10px 40px }
 div.pie nav ul li { float: none; position: relative; list-style-type: none; font-size: 11px; margin: 0px 20px 3px 40px }
 div.pie nav ul li a { font-family: 'Rosario', sans-serif; color:#000; text-decoration:none;  }
 
 div.piedepagina { width: 100%; height: 80px; float: left; position: relative; margin-top: 40px; background: #FFF} 
 h4.pieleyenda { font-family: 'Rosario', sans-serif; width: 100%; font-size: 11px; text-align: center; color: #666; }







	/* Solo para celulares */
@media screen and (max-width: 443px) {