@charset "utf-8";
/* CSS Document */
@import url(sinhtml.css);
body {font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
#web {width:950px; margin:5px auto;}

#cabecera{ width:950px; float:left;}
	#cabecera #logo{ width:140px; height:140px; position:absolute; z-index:300; margin-left:25px;}
		#cabecera #logo a{ display:block; width:140px; height:140px; background:url(img/bosqueverde.png) no-repeat left top; overflow:hidden; text-indent:-999px;}
		
#cabecera #accusuarios { width:700px; float:left; margin-left:250px; height:45px; margin-top:20px; background:url(img/frmusuarios.jpg) no-repeat;}
	#cabecera #accusuarios fieldset{ border:none; float:right; margin-top:15px; margin-right:15px;}
	#cabecera #accusuarios fieldset label{ font-size:12px; color:#036331; font-weight:bold; margin-right:5px;}
	#cabecera #accusuarios fieldset .user{width:150px; border:1px solid #ccc; padding:2px 2px 2px 2px; margin-right:10px; font-size:11px; color:#666;}
	#cabecera #accusuarios fieldset .pws{width:70px; border:1px solid #ccc; padding:2px 2px 2px 2px; margin-right:10px; font-size:11px; color:#666;}
	#cabecera #accusuarios fieldset .btn{border:1px solid #ccc; padding:2px 12px 2px 12px; margin-right:10px; font-size:11px; color:#666;}

#cabecera #menu {width:950px; float:left; height:35px; background:url(img/menu.png) no-repeat; margin-top:0px;}
	#cabecera #menu ul{ width:750px; float:left; margin-left:200px;}
		#cabecera #menu ul li{ float:left;}
			#cabecera #menu ul li a{float:left; padding:8px 25px 7px 25px; font-weight:bold; color:#FFF; height:20px; font-size:14px;}
			#cabecera #menu ul li a:hover{ color:#FF3;}
#cabecera #frase { width:950px; float:left; text-align:right; margin-top:15px; color:#999;}

#cuerpo{ width:950px; float:left; margin-top:15px;}
	#cuerpo #col1{ width:620px; float:left; padding-right:14px; border-right:1px dotted #ccc;}
		/* FORMATO DE TEXTOS */
		#cuerpo #col1 .textos{ width:620px; float:left;}
			#cuerpo #col1 .textos h2{width:620px; float:left; font-size:27px; color:#000; margin-bottom:10px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
			#cuerpo #col1 .textos h3{width:620px; float:left; font-size:17px; color:#036331; margin-bottom:5px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
			#cuerpo #col1 .textos p{ width:620px; float:left; font-size:13px; color:#333; margin-bottom:7px; text-align:justify;}
			#cuerpo #col1 .textos p.ok{ width:620px; float:left; font-size:20px; color:#036331; margin-bottom:7px; text-align:justify;}
			#cuerpo #col1 .textos p.error{ width:620px; float:left; font-size:20px; color:#ff0000; margin-bottom:7px; text-align:justify;}
			#cuerpo #col1 .textos ul{ width:620px; list-style:square;}
				#cuerpo #col1 .textos ul li{ margin-left:35px; font-size:13px; color:#333; text-align:justify;}
	
	#cuerpo #col1 #frmcontacto{ width:620px; float:left;}
	#cuerpo #col1 #frmcontacto fieldset{ border:none;}
		#cuerpo #col1 #frmcontacto .fila { width:620px; float:left; margin-bottom:8px;} 
		#cuerpo #col1 #frmcontacto fieldset .fila label{ width:200px; float:left; margin-right:10px; text-align:right; font-weight:bold; font-size:13px; color:#036331; padding:4px 2px 2px 2px;}
		#cuerpo #col1 #frmcontacto fieldset .fila input,select{ width:370px; float:left; border:1px solid #ccc; padding:2px 2px 2px 2px;}
		#cuerpo #col1 #frmcontacto fieldset .fila textarea{ width:370px; float:left; border:1px solid #ccc; padding:2px 2px 2px 2px; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
		#cuerpo #col1 #frmcontacto fieldset .fila .codseg{width:120px; float:left;}
	
	#cuerpo #col2{ width:300px; float:left; margin-left:15px;}
	#cuerpo #col2 .bloque{ width:300px; float:left; margin-bottom:10px;}
	
	
	
	#cuerpo #col3{ width:950px; float:left;}
	#cuerpo #col3 h2{width:950px; float:left; font-size:27px; color:#000; margin-bottom:10px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	#cuerpo #col3 h3{width:950px; float:left; font-size:18px; color:#036331; margin-top:10px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px;}
	#cuerpo #col3 .datos{width:950px; float:left; margin-top:5px;}
	#cuerpo #col3 .datos .cabeceras{ padding:5px 5px 5px 5px; background-color:#eee; font-size:12px; font-weight:bold; color:#333; border-bottom:2px solid #999; border-top:1px solid #999;}
	#cuerpo #col3 .datos .listado{ padding:2px 2px 2px 2px; font-size:12px; color:#333; border-bottom:1px solid #999;}
	
	#cuerpo #col3 .paginador {width:950px; float:left; margin-top:10px;}
	#cuerpo #col3 .paginador a.act{ padding:5px 5px 5px 5px; border:1px solid #999; background-color:#ccc; color:#333; margin-right:5px;}
	#cuerpo #col3 .paginador a.act:hover{ padding:5px 5px 5px 5px; border:1px solid #036331; background-color:#ccc; color:#333; margin-right:5px;}
	#cuerpo #col3 .paginador .sel{ padding:5px 5px 5px 5px; border:1px solid #333; background-color:#333; color:#FFF; margin-right:5px;}
	
	
	
	#cuerpo #col3 .filtro {width:950px; float:left;}
	#cuerpo #col3 .filtro ul{width:950px; float:left;}
	#cuerpo #col3 .filtro ul li{ float:left;}
	#cuerpo #col3 .filtro ul li a{ float:left; font-size:11px; color:#333; border:1px solid #ccc; width:230px; text-align:center; margin-right:5px; margin-bottom:5px; padding:5px 0px 5px 0px;}
	#cuerpo #col3 .filtro ul li a:hover{ border-color:#036331; color:#036331;}
/* FORMATO DEL PIE DE PÁGINA */
#pie { width:950px; float:left; margin-top:25px; border-top: 2px solid #036331; padding-top:10px; margin-bottom:25px;}
#pie #copy{ width:750px; float:left;}
#pie #copy p{ float:left; color:#999; font-size:12px;}
#pie #copy p a{ color:#666}
#pie #copy p a:hover{ color:#333}
#pie #by{ width:200px; float:left;}
#pie #by p{float:left; width:200px; text-align:right;}
#pie #by p a{ color:#999;}
#pie #by p a:hover{ color:#333;}