body{background:#C8C8C8; padding:15px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#4b4b41;}
strong{font-weight:bold;}
a{color:#666; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}

#outer{width:1000px; /*min-height:703px;*/ margin:0px auto; }

	#header{height:93x; background:#fff; border-bottom:5px solid #3C3C34;}
		#top_header{height:72px;}
			#logo{float:left; margin:0px; height:68px; padding-top:4px; padding-left:5px; width:259px;}
				/*#logo img{margin-left:25px;}*/
				/*#logo div{font-size:9px; color:#02526D; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:5px;}*/
				/*#logo:hover{background:url(../img/menu_hover.png) no-repeat center top;}*/
				#logo a{width:252px; height:64px;}
			#logo_right{float:right; width:730px; height:68px;}
		#menu{font-family:Arial, Helvetica, sans-serif; font-size:10px; height:17px; background:#e4e4e3;}
			#menu ul{height:15px; margin-left:3px;}
			#menu li{display:block; float:left; text-transform:uppercase; margin:0px 2px;}
				#menu li:hover{}
				#menu li a{display:block;  text-decoration:none; font-weight:bold; color:#4B4B41; font-size:11px;}
				#menu li a:hover{color:#D3D3D3;}
				.menu_activo{}
	
	#inner{background:#fff; /*height:620px;*/ min-height: 125px; height:auto !important; height: 125px;}
		#left{}
			#left .separador{background:#6F6F67;}			
		#mid{}
			#mid .separador{background:#4B4B41;}
		#right{}
			#right .separador{background:#3C3C34;}
			
		/*noticias*/
		#noticias #left{width:308px; float:left; background:#e2e6e8; padding-bottom:30px;}
			#noticias #left p{padding:15px; text-align:left;}	
			#noticias #left ul{list-style:inside square; padding:0px 15px; text-align:left;}
			#noticias #left li{margin-bottom:5px;}
			#noticias #left a{color:#000; text-decoration:underline;}
		#noticias #right{background:#a2c022/*869e4d*//*82B015*/; width:330px; float:left; color:#fff;}
			#noticias .noticia{color:#fff; padding:10px; z-index:10;}
				#noticias .noticia h4{font-weight:bold; font-size:12px;}		
				#noticias .noticia p{text-align:left;}
				#noticias .more_info a{color:#4B4B41; font-size:10px; font-weight:bold;}
				#noticias .fecha{font-size:10px;}		
				#noticias .alt{background:#748f35 /*92BC30*/;}	
		#noticias #mid{padding-bottom:40px; width:362px; float:left; background:#d0d7da;}
			#noticias #mid .separador{margin-bottom:10px;}		
			#noticias .proyecto{padding:0px 15px; margin-top:10px;}
				#noticias .proyecto .zq{float:left; width:110px;}
					#noticias .proyecto .zq a{}			
				#noticias .proyecto .dt{float:right; width:215px; text-align:left;}				
				#noticias .imagen{width:102px; height:77px; border:3px solid #fff;}
				#noticias .titulo a{text-decoration:underline;display:block; margin-top:5px; font-weight:bold; color:#4b4b41;}
				/*#noticias .imagen a{margin:0px; padding:0px; border:0px;}
				#noticias .imagen img{margin:0px; padding:0px; border:0px;}*/
		.view_more{text-decoration:underline; color:#666; font-weight:bold; font-size:10px;}
		#noticias a{color:#eee;}
		#noticias a:hover{color:#fff; text-decoration:underline;}
		
		/*archivos*/
		#archivos{}
			#archivos #left{width:670px; float:left; background:/*verd1:*/#adc761/*verd2:#a3bd69*//*gris:#e2e6e8*/;}
			#archivos #right{background:#a2c022/*869e4d*//*82B015*/; width:330px; float:left; color:#fff;}
				#archivos .noticia{color:#fff; padding:10px; z-index:10;}
					#archivos .noticia h4{font-weight:bold; font-size:12px;}		
					#archivos .noticia p{text-align:left;}
					#archivos .more_info a{color:#4B4B41; font-size:10px; font-weight:bold;}
					#archivos .fecha{font-size:10px;}		
					#archivos .alt{background:#748f35 /*92BC30*/;}
					
		#archivos a{color:#eee;}
					
			#archivos .archivo{/*border-bottom:1px solid #000;*/ padding:10px;}
			/*#archivos .archivo:hover{background:#eee;}*/
				#archivos .archivo span{font-style:italic;}
				#archivos .archivo h3{font-weight:bold; text-decoration:underline;}
				#archivos .archivo p{}								
		
		/*grupos*/
		#grupos{position:relative;}
		#grupos #right{background:#5199bf; width:330px; float:left; color:#fff;}
			#grupos #right .proyectos ul{list-style:square inside; margin-left:20px; margin-top:10px;}
				#grupos #right .proyectos ul a{color:#fff; text-decoration:underline; font-size:11px;}							
		#grupos #left{width:308px; float:left; background:#e2e6e8;}
			#grupos #left h4{padding:15px; color:#fff; font-size:14px; font-weight:bold; color:#4B4B41;}
			#grupos #left ul{padding:0px 15px; margin-bottom:15px;}
			#grupos #left ul li{display:block; width:130px; float:left; font-size:10px; margin-bottom:10px;}
			#grupos #left a{color:#4B4B41; font-weight:bold; text-decoration:underline;}
		#grupos #mid{width:362px; float:left; background:#d0d7da;}
			#grupos #mid h2{color:#fff; font-size:18px; font-weight:bold; padding:15px;}
			#grupos #mid .desc{text-align:left; padding:15px; padding-top:0px;}
			#grupos #mid .desc img{float:left; margin:0px 13px 13px 0px;}
			
		/*publicaciones*/
		#publicaciones #left{width:640px; float:left; background:#e2e6e8; }
			#scrollable{overflow:hidden; height:600px;}
			#publicaciones .publicacion{padding:15px 35px; position:relative;}
				#publicaciones .publicacion:hover{background:#cbcfd2; cursor:pointer;}
				#publicaciones .publicacion .autores{font-size:10px; color:#000; margin-bottom:3px;}
				#publicaciones .publicacion h3{font-size:12px; margin-bottom:3px;}
					#publicaciones .publicacion a{font-size:inherit; color:#000; text-decoration:none;}
				#publicaciones .publicacion .meta{font-size:9px; color:#666; margin-bottom:5px;}
				#publicaciones .publicacion .subtitulo{font-weight:bold; text-transform:uppercase; font-size:10px;}
					#publicaciones .seleccionado{background:#a6b0b7; cursor:default;}
					#publicaciones .seleccionado:hover{background:#a6b0b7; cursor:default;}
					#publicaciones .loader{width:55px; height:55px; position:absolute; right:60px; top:30px; display:none;}
		#publicaciones #right{width:360px; float:right; background:#6d8e97/*5199bf*/;}				
				#publicaciones #right .imagen{margin:20px 20px; margin-bottom:10px;}
					#publicaciones #right .imagen img{border:2px solid #fff;}
				#publicaciones #right .detalles ul{list-style:none; margin-left:20px; margin-top:10px;margin-bottom:10px;}
					#publicaciones #right .detalles li{display:block; float:left;  margin-right:10px;}
					#publicaciones #right .detalles li a{color:#fff; text-decoration:underline; font-weight:bold; font-size:12px;}
				#publicaciones #right .proyectos ul{list-style:square inside; margin-left:20px; margin-top:10px;}
					#publicaciones #right .proyectos ul a{color:#fff; text-decoration:underline; font-size:11px;}
				#publicaciones #right p{margin:20px;}
				
		/*colaboradores*/
		/*#colaboradores{}
			#colaboradores #left{width:640px; float:left; background:#bbc4c9;}
			#colaboradores #right{width:360px; float:right; background:#5199bf;}*/
				
		/*proyectos*/
		#proyectos{position:relative; height:620px;}
			#proyectos #left{width:288px; float:left; background:#e2e6e8; height:450px; padding:10px; overflow:hidden;}
				.proy_title{font-size:24px; font-weight:bold; color:#4B4B41; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
				#proyectos #left img{border:3px solid #fff;}
			#proyectos #mid{width:332px; float:left; background:#d0d7da; height:440px; padding:15px; overflow:hidden;}
				#proyectos #mid p{text-align:justify;}
				#proyectos #mid a{color:#4B4B41;}		
			#proyectos #right{background:#6d8e97/*568fae*/; width:330px; float:left; color:#fff; height:470px;  overflow:hidden;}
				#proyectos #right .proyectos ul{list-style:square inside; margin-left:20px; margin-top:10px;}
					#proyectos #right .proyectos ul a{color:#fff; text-decoration:underline; font-size:11px;}			
			#proyectos #right .detalles ul{list-style:none; margin-left:20px; margin-top:10px;margin-bottom:10px;}
				#proyectos #right .detalles li{/*display:block; float:left;  margin-right:10px;*/}
				#proyectos #right .detalles li a{color:#fff; text-decoration:underline; font-weight:bold; font-size:12px;}					
				
			#proyectos #visor{/*background:#FFFFCC;*/ height:150px; width:970px; /*position:absolute; top:470px; width:970px; display:block; overflow:hidden; padding-left:30px;*/}
				#proyectos #visor .thumb{/*border:1px solid #ccc;*/ width:102px; float:left; margin-right:30px; padding-top:20px; height:130px;}
					/*#proyectos #visor .thumb:hover{background:#ccc; cursor:pointer;}*/
					#proyectos #visor .thumb:hover img{border:3px solid #ccc; cursor:pointer;}
					#proyectos #visor .seleccionado:hover img{border:3px solid #99ccff; cursor:default;}
				/*#proyectos #visor .seleccionado{background:#99CCFF;}
					#proyectos #visor .seleccionado:hover{background:#99CCFF; cursor:default;}*/
				#proyectos #visor .seleccionado img{border:3px solid #99ccff;}	
				#proyectos #visor .seleccionado{font-weight:bold;}			
			#proyectos_comentarios{padding:5px;}
				#proyectos_comentarios a{color:#fff;}
				#proyectos_comentarios strong{font-weight:bold;}
				#proyectos_comentarios em{font-style:italic;}
				#proyectos_comentarios p{margin-bottom:5px;}
				#proyectos_comentarios fieldset{border:1px solid #fff; padding:5px; margin:5px;}
				#proyectos_comentarios legend{padding:2px; background:#fff; color:#000;}
			.presentacion{color:#fff;}
		
		
		
			
		/*contacto*/
		#contacto #left{width:300px; float:left; background:#e2e6e8;}
			#contacto #left form{padding:15px;}
			#contacto #left form label{margin-bottom:5px; color:#666;}
			#contacto #left form input[type="text"]{margin-bottom:15px; background:#fff; border:1px solid #bbb; padding:2px;}
			#contacto #left form input[type="submit"]{margin-bottom:50px; background:#778288; border:0px; padding:3px 11px; color:#fff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
			#contacto #left form textarea{margin-bottom:15px;  background:#fff; border:1px solid #bbb; padding:2px; height:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:260px;}
		#contacto #mid{width:292px; float:left; background:#d0d7da;}
			#contacto #mid h4{padding:15px; color:#fff; font-size:14px; font-weight:bold;}
			#contacto #mid ul{padding:0px 15px; margin-bottom:15px;}
			#contacto #mid ul li{display:block; width:130px; float:left; font-size:10px; margin-bottom:5px;}
			#contacto #mid a{color:#4B4B41; font-weight:bold; text-decoration:underline;}	
			#contacto #mid p{padding:0px 15px;}	
		#contacto #right{ width:408px; float:left; /*background:#657279;*/ color:#fff;}

		.separador{height:19px; border-bottom:1px solid #fff; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; /*font-weight:bold;*/ padding:3px 0px 0px 5px;}
		.separador2{height:19px; border-bottom:1px solid #fff; background:#302F2A; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; /*font-weight:bold;*/ padding:3px 0px 0px 5px;}
		.pointer{cursor:pointer;}
		.ui-state-active{color:#fff;}
		.ui-state-default{color:#fff;}
		.error{border:2px solid #FF0000; color:#000; background:#FF5555; font-weight:bold; padding:5px; margin-bottom:10px;}
		.correct{border:2px solid #00FF00; color:#000; background:#CCFFCC; font-weight:bold; padding:5px; margin-bottom:10px;}
		.edit_online{background:#000; color:#ffffff; text-decoration:none;}
	
	#footer{height:20px; background:#2D2E29; clear:both; z-index:1;}
		#footer p{color:#C3C3C3; font-size:10px; text-align:right; padding:4px 5px 0px 15px; z-index:2;}
		#footer a{color:#fff; z-index:2;}
		
	.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.prop{height:620px; float:right; width:0px;}

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