/*Ferminmoreno CSS 
Autor:Alberto Martínez
Autor url: http://www.malberto.es
*/
*{
padding:0px;
margin:0px;}
body{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background-color:#8FBE00;}
.construccion{
color:#FF0000;
	}
#idiomas{
	position:relative;
	width:827px;
	margin:0px auto 0px;
	padding-right:0px;
	overflow:hidden;
	text-align:right;
	height:15px;
	padding-top:20px;
	clear:both;
	}
		#idiomas a{
		font-size:11px;
		text-decoration:none;
		color:#000000;
		font-style:italic;
		}
		#idiomas a:hover{
		font-size:11px;
		text-decoration:underline;
		color:#0078ad;
		}
	#wrapper{
	position:relative;
	width:814px;
	height:558px;
	margin:0px auto 0px;
	padding-left:13px;
	overflow:hidden;
	background: #FFFFFF url(img/wrapper_bg.jpg) no-repeat left top;
	}#wrapper.index{
	background: #FFFFFF url(img/wrapper_bg_index.jpg) no-repeat left top;
	}
	.punto{
	position:absolute;
	top:0px;
	right:0px;}
		
		
	
/*--------------------------Contenidos---------------------------------------*/			
		#derecha{
		position:relative;
		float:right;
		width:585px;
		padding:0px;
		margin-right:12px;		/*-------hacer el margin diferente para el explorer 6----------*/
		margin-top:12px;
		height:422px;
		}
	/*--noticias----*/
			#derecha #noticias{
			position:relative;
			float:right;
			width:565px;
			padding:0px;
			height:402px;
			border:1px dashed #cccccc;
			font-size:12px;
			text-align:left;
			padding:10px;
			overflow:auto;
			}
				#derecha #noticias p{
				padding:10px 0px;
				}
				#derecha #noticias p a{
				color:#0078ad;
				text-decoration:none;
			
				}
					#derecha #noticias p a:hover{
					color:#0078ad;
					text-decoration:underline;
				
					}
	/*--curriculum----*/				
					
		#derecha #cv{
			position:relative;
			float:right;
			width:565px;
			padding:0px;
			height:402px;
			border:1px dashed #cccccc;
			font-size:12px;
			text-align:justify;
			padding:10px;
			overflow:auto;
			}
				#derecha #cv p{
				padding:10px 0px;
				width:465px;
				float:left;
				margin-left:40px;
				}
				#derecha #cv p a{
				color:#0078ad;
				text-decoration:none;
			
				}
					#derecha #cv p a:hover{
					color:#0078ad;
					text-decoration:underline;
				
					}
					
	/*--pintura----*/			
		#derecha #pintura{
			position:relative;
			float:right;
			width:565px;
			padding:0px;
			height:402px;
			border:1px dashed #cccccc;
			font-size:12px;
			text-align:justify;
			padding:10px;
			overflow:auto;
			overflow-x:hidden;
			}
			#derecha #pintura h2{
			font-size:16px;
			float:left;
			clear:both;
			display:compact;
			width:100%;
			padding-left:0px;
			margin-top:0px;
			}
				#derecha #pintura h2 a{
				color:#0078ad;
				}
			#derecha #pintura p{
			float:left;
			display:compact;
			width:220px;
			padding-left:10px;
			height:70px;
			}
			#derecha #pintura img{
			float:left;
			margin-top:20px;
			}
			
/*--------------------------fin de contenidos------------------------------------------------------------------------------------------*/		
			
			

		#left{
			float:left;
			width:190px;
			padding:12px 0px 0px 0px ;
			text-align:left;}
			
				h1 {
				color:#CCCCCC;
				float:left;
				font-size:11px;
				color:#ffffff;
				background: #000000 url(img/h1_bg.gif) no-repeat left bottom;
				width:100%;
				text-align:left;
				padding:0px 0px 5px 7px;
				font-weight:bold;
				letter-spacing:0.23em;
				text-decoration:none;}
				
				h1 a{
				color:#CCCCCC;
				float:left;
				font-size:11px;
				color:#ffffff;
				background:none;
				width:100%;
				text-align:left;
				padding:0px 0px 5px 7px;
				font-weight:bold;
				letter-spacing:0.23em;
				text-decoration:none;}
				
				h3{
				color:#000000;
				font-size:8px;
				width:100%;
				text-align:left;
				padding:0px 0px 5px 0px;
				font-weight:bold;}
			
				#left ul {
				padding-bottom:10px;}
				
				#left ul li {
				list-style-type:none;
				line-height:90%;
				padding-left:5px;
				padding-top:0px;}
				
				.selected{
						color:#0078ad;
						text-decoration:none;
						font-weight:bold;}
						
							#left ul li.selected a{
								color:#0078ad;}
				
				#left ul li a{
				font-size:12px;
				color:#333333;
				text-decoration:none;
				letter-spacing:0.2em;}
				
					#left ul li a:hover{
						font-size:12px;
						color:#0078ad;
						text-decoration:underline;
						letter-spacing:0.2em;}
				
				#left #indice {
				position:relative;
				margin-top:30px;
				width:100%;
				padding-bottom:0px;
				background: url(img/indice_bg.gif) no-repeat left 0px;
				border-top:1px dashed #cccccc;
				border-right:1px dashed #cccccc;
				height:262px;
				vertical-align:bottom;
				overflow:hidden;
				}
				
				
				#left #indice #menu {
				padding-left:10px;
				background: none;
				position:absolute;
				bottom:5px;
				left:5px;}
					#left #indice #menu dt{
					font-size:11px;}
					
					#left #indice #menu dd ul{
					text-align:left;
					border:1px solid #ffffff;}
					
					#wrapper #left #indice #menu dd ul li a{
					width:190px;
					letter-spacing:normal;
					
					}
				
				#left #indice  ul li {
				list-style-type:none;
				padding-left:15px;}
				
				#left #indice  ul li.selected{
						color:#0078ad;
						text-decoration:none;
						letter-spacing:0.2em;
						font-weight:bold;
						vertical-align:bottom;}
						
							#left #indice  ul li.selected a{
								color:#0078ad;
								font-size:9px;}
				
				#left #indice a, #left #indice dt{
				font-size:9px;
				color:#333333;
				text-decoration:none;
				letter-spacing:0.2em;}
				
				#wrapper #left #indice dt a{
				font-size:11px;
				font-weight:bold;}
				
				#wrapper #left #indice #menu #indice dt, #wrapper #left #indice #menu dt a{
				font-weight:bold;}
				
					#left #indice a:hover, #left #indice dt:hover{
						color:#0078ad;
						text-decoration:underline;
						letter-spacing:0.2em;
						cursor:pointer;
						}
/*----------------------galeria de imágenes----------------------------------------------------------------------------------------*/
#botonera {
clear:both;
padding-top:0px;
padding-right:12px;
padding-bottom:10px;
height:10px;}

	#botonera a{
	z-index:2;
	float:right;
	height:14px;
	width:14px;
	font-size:10px;
	color:#333333;
	text-decoration:none;
	border:1px solid #cccccc;
	margin:0 1px;}
	#botonera a.volver{
	z-index:2;
	float:right;
	width:auto;
	height:auto;
	font-size:10px;
	
	color:#0078ad;
	text-decoration:none;
	border:1px solid #0078ad;
	padding:0px 4px;
	margin:0 3px;}
	
	
	.escondido{
	z-index:1;
	visibility:hidden;
	position:absolute;
	height:420px;
	text-align:center;
	top:0px;
	left:0px;
	}
	
	.escondido .vertical{
	margin-left:120px;
					overflow:scroll;
	}
					.rebasado{
					height:410px;
					width:99.9%;
					overflow:scroll;
					overflow-y:hidden;}
	
					.foto-portada{
					z-index:1;
					position:absolute;
					top:0px;
					left:0px; 
					}
		.titulo{
		z-index:2;
		position:absolute;
		top:440px;
		left:0px;
		height:20px;
		font-size:11px ;
		padding-left:10px;
		background: url(img/ul_bg.gif) no-repeat left bottom;
		width:585px;
		text-align:left;
		}
/*----------------------fin de galeria de imágenes----------------------------------------------------------------------------------------*/
						#process{
						float:right;
						width:665px;
						height:105px;
						padding-top:20px;
						clear:both;
						text-align:left;
						background: #ffffff url(img/carita.gif) no-repeat 65px bottom;}
						
						#process img{
						border:none;}
						
						#news{
						font-size:12px;
						text-align:left;
						border:1px dashed #cccccc;
						padding:0px 0px 0px 5px ;
						margin-top:35px;
						width:580px;
						float:right;
						height:55px;
						margin-right:12px;
						clear:both;}
						#news_raya{
						margin-top:0px;
						width:588px;
						float:right;
						height:10px;
						margin-right:12px;
						clear:both;
						background: #ffffff url(img/raya.gif) no-repeat left bottom;}
						
						#grafos{
						margin-top:0px;
						width:625px;
						float:right;
						height:100px;
						margin-right:12px;
						margin-top:-3px;
						clear:both;
						background: #ffffff url(img/grafos_bg.gif) no-repeat left top;
						
						}
						
						#grafos.abajo{
						margin-top:17px;
						
						}
						
						#inferior{
						position:relative;
						width:824px;
						height:25px;
						margin:0px auto 0px;
						overflow:hidden;}
						#cambiante{
						color:#FF0000;}
						#contacto label{
						width:120px;
						float:left;}
						#contacto .bot_form{
						float:left;
						text-align:right;
						width:502px;}