/**************/
/* Lanzala v1 */
/**************/

/*generic*/
body{background:#32687A url(../img/header_bg.gif) repeat-x top; color:#000; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; /*Lucida Grande,Lucida Sans,Georgia,Helvetica,Arial*/; font-size:12px;}
a{color:#000; text-decoration:none;}
a:hover{}
img{border:0px;}


/*estructura*/
.ancho{width:900px; margin:0px auto;}

#header{width:100%; height:110px; border-top:10px solid #000;}
	#logo{float:left; width:450px; margin-top:10px;}
	#menu{float:right; width:450px; padding-top:30px;}
		#menu ul{list-style:none;}
		#menu li{ float:right; margin-left:5px;}
		#menu li a{display:block; padding:5px; border:5px solid #000; background:#fff; font-weight:bold;}
		#menu li a:hover{background:#32687A;}		
	
#web{}
	#inner{border:5px solid #000; background:#fff; margin:0px auto; padding:10px; width:870px; padding-top:0px; position:relative;}
		#inner h2{font-size:17px; margin:0px; display:block; background:#000; color:#fff; padding:5px; padding-top:0px;font-weight:900; width:150px; text-align:center;}
		#inner legend{margin:0px; display:block; background:#000; color:#fff; padding:5px; padding-top:0px;font-weight:900; width:150px; text-align:center;}
		#inner fieldset{border:2px solid #000;}
		
		#portfolio{}
			#volver{position:absolute; left:0; top:0;}		
				#volver a{display:block; color:#fff; padding:4px; background:#000; padding-top:0px; padding-left:0px;}
			#portfolio_izq{float:left; width:250px; }
				#portfolio_izq h3{font-size:14px; margin:0px; padding:0px; margin-top:10px;}
				#portfolio_izq ul{list-style-image:url(../img/tag.gif);}
				#portfolio_izq li{height:20px;}
				#portfolio_izq dl{margin:0px; padding:0px; margin-top:30px;}
				#portfolio_izq dt{margin-top:10px; font-size:13px; font-weight:bold;}
				#portfolio_izq dd{}
				#portfolio_izq dd a:hover{border-bottom:1px solid #00CCFF;}
				#portfolio_izq hr{height:1px; border:1px solid #000; width:90%; margin-top:10px;}
			#portfolio_dch{float:right; width:610px;}
				#portfolio_dch h2{background:#fff; color:#32687A; width:100%; text-align:left; font-size:20px; margin-top:10px; margin-bottom:10px; font-weight:bold; padding-left:0px;}
				.proyecto_preview{width:260px; float:left; margin-right:30px; margin-bottom:20px; height:155px;}
				.proyecto_preview img{width:250px; border:5px solid #000; height:130px;}
				.proyecto_preview p{display:block; width:250px; height:15px; margin:0px; padding:0px; font-size:12px; border-left:5px solid #000; padding-left:5px; font-weight:bold; cursor:pointer;}				
				.proyecto_preview a{display:block;}
				
				.proyecto_preview:hover img{border:5px solid #32687A;}
				.proyecto_preview:hover p{border-left:5px solid #32687A;}				
				
				#proyecto_details{width:560px; height:420px; border-bottom:4px solid #000;}
					#proyecto_details .proyecto_detail{}
					#proyecto_details .proyecto_detail img{width:560px; height:420px;}
					#paginar_recursos ul{margin:0px; padding:0px; list-style:none; margin-top:4px;}
					#paginar_recursos li{float:left; margin-right:5px;}
					#paginar_recursos li a{display:block; padding:5px; border:3px solid #000; border-top:0px;}
					#paginar_recursos li a:hover{background:#32687A;}					
					#paginar_recursos .li_selected a{background:#000; color:#fff;}
					
		#perfil{}
			#perfil ul{list-style:none;}
			#perfil li{display:block; height:30px; margin-bottom:5px; width:300px;}
			#perfil li a{display:block; height:20px; width:100%; border:2px solid #fff; padding:5px;}
			#perfil li a:hover{background:#ccc; border:2px solid #000;}

#footer{width:910px; margin:0 auto; text-align:right; padding:0px;}					
#footer p{padding:0px;}
#footer a{color:#32687A;}
			
#loading{padding:5px; position:absolute; display:none; width:32px; right:0; top:0;}				

/*estils*/
.error{padding:5px; border:1px solid red; background:#FF9999; margin-top:5px; margin-bottom:5px;}
.correcto{padding:5px; border:1px solid green; background:#99FF99; margin-top:5px; margin-bottom:5px;}
/*.opaco{filter:alpha(opacity=50); opacity:.5; -moz-opacity:0.5;}*/
.opaco{}
.espera{cursor:wait;}

/*forms*/
	/* Forms */		
	form{margin: 0; padding: 0; width: 100%;}
	form fieldset{border:1px solid #000; padding: 10px; margin:0;}
	form fieldset legend{font-size:1.1em;}
	form label{display: block;	float: left; width: 50px; padding: 0; margin: 5px 0 0;	text-align: right; font-weight:bold;}
	form input, form textarea, form select{width:auto; margin:5px 0 0 10px; border: 1px solid #000;}
	textarea{overflow: auto;}
	form br{clear:left;}
	form img{margin:5px 0 0 10px;}