/* CSS Document */
@import url(sinhtml.css);
body{background:url(fondo_cabecera.jpg) repeat-x; font-family:"trebuchet MS"; }
#row1 {width:100%; float:left; height:150px;}
	#row1 #header{width:900px; margin:10px auto;}
		#row1 #header #up{ width:900px; float:left; height:100px;}
			#row1 #header #up #logo{ width:300px; float:left; height:100px;}
			#row1 #header #up #ban{ width:600px; float:left; height:100px;}
		#row1 #header #menu{ width:900px; float:left; height:40px; font-size:18px; margin-top:10px;}
		#row1 #header #menu ul{ list-style:none;}
		#row1 #header #menu li{ float:left;}
		#row1 #header #menu li a{ display:block;float:left; padding:10px 15px 10px 15px; height:20px; color:#FFF;}
		#row1 #header #menu li a:hover{ background-color:#06f;}
		#row1 #header #menu li.activo a{  display:block;float:left; padding:10px 15px 10px 15px; height:20px; color:#FFF;background-color:#06f;}

#row2 {width:100%; float:left; margin-top:35px;}
	#row2 #cuerpo{width:900px; margin:0px auto;}	
	#row2 #cuerpo #col1{width:680px; float:left}
		#row2 #cuerpo #col1 h1{width:680px; float:left; font-size:24px; color:#069;}
		#row2 #cuerpo #col1 p{width:680px; float:left; margin-top:10px; color:#333;}
		
		#row2 #cuerpo #col1 #formulario { width:680px; float:left; margin-top:10px; margin-bottom:50px;}
		#row2 #cuerpo #col1 #formulario fieldset{ border:none;}
		#row2 #cuerpo #col1 #formulario p{width:680px; float:left; margin-top:10px;}
		#row2 #cuerpo #col1 #formulario p label{ width:180px; float:left; font-weight:bold; color:#333; padding-right:20px; text-align:right; font-size:18px; height:18px; }
		#row2 #cuerpo #col1 #formulario p input{ border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:2px solid #ccc; border-right:2px solid #ccc; font-size:14px; font-family:"trebuchet MS"; height:20px; padding-top:4px;}
		#row2 #cuerpo #col1 #formulario p textarea{ border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:2px solid #ccc; border-right:2px solid #ccc; font-size:14px; font-family:"trebuchet MS"; padding-top:4px;}
		#row2 #cuerpo #col1 #formulario fieldset .enviaform{ text-align:center; font-size:15px; height:30px; padding-bottom:15px; width:250px;}
		
		
				
	#row2 #cuerpo #col2{width:200px; float:left; margin-left:20px;}			
		#row2 #cuerpo #col2 .destacado{ width:200px; float:left; margin-bottom:15px;}
			#row2 #cuerpo #col2 .destacado h2{ width:190px; float:left; padding:5px 5px 5px 5px; background-color:#333; color:#FFF;}
			#row2 #cuerpo #col2 .destacado .bloque {width:200px; float:left;}
			#row2 #cuerpo #col2 .destacado .bloque .opt{ width:180px; padding:10px 10px 10px 10px; background-color:#999; color:#FFF; font-size:12px;}
			#row2 #cuerpo #col2 .destacado .bloque .opt a{ font-weight:bold; color:#FFF;}
			#row2 #cuerpo #col2 .destacado .bloque .opt a:hover{ text-decoration:underline;}
		

#row3 {width:100%; float:left; background-color:#999; border-top:4px solid #ccc; margin-top:15px;}
#row3 #bloque{width:900px; margin:0px auto; padding-bottom:10px;}
#row3 #bloque #col1{width:399px; float:left; border-right:1px dotted #CCC;}
#row3 #bloque #col1 p{ width:390px; float:left; margin-top:5px; font-size:11px; color:#fff; padding-bottom:10px;}
#row3 #bloque #col1 p a{ font-size:13px; color:#FFF;}
#row3 #bloque #col1 p a:hover{ text-decoration:underline;}

#row3 #bloque #col2{width:480px; float:left; margin-left:10px; color:#FFF; margin-top:5px;}
#row3 #bloque #col2 a{ color:#FFF;}