@charset "utf-8";
/* CSS Document */

/*  ***********	reset css *********************** */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0 auto;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		/*content: none;*/
	}
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/*  ************	Fuentes     *********************************** */
	@font-face {
	font-family: 'TertreMedBold';
	src: url('../fonts/tertre-xbol-webfont.eot');
	src: local('☺'), url('../fontstertre-xbol-webfont.woff') format('woff'), url('../fonts/tertre-xbol-webfont.ttf') format('truetype'), url('../fonts/tertre-xbol-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	@font-face {
	font-family: 'Fabryka4FMediumRegular';
	src: url('../fonts/Fabryka_4F-Medium-webfont.eot');
	src: local('☺'), url('../fonts/Fabryka_4F-Medium-webfont.woff') format('woff'), url('../fonts/Fabryka_4F-Medium-webfont.ttf') format('truetype'), url('../fonts/Fabryka_4F-Medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

	@font-face {
		font-family: 'DroidSerifRegular';
		src: url('../fonts/DroidSerif-Regular-webfont.eot');
		src: local('☺'), url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'), url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Regular-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/*  ************************	Redefine Tags     ********************************** */
	

html { background:#e5dfe0 url(../images/background.jpg); }

body {
		background:url(../images/light_top.png) no-repeat center top;
		color:#505050;
		font:12px/18px Tahoma, Geneva, sans-serif;	
		/*-webkit-animation-name: fade-in;
		-webkit-animation-duration: 1.5s;*/
	}

/*Capa contenedora de todo el cuerpo - excepto el footer- */
#contenedor{ width:820px; 
			margin:0 auto; 
			 }

#degradado_logo{
			background:url(../images/degradado_logo.png) no-repeat center top;
			width:789px;
			height:459px;
			margin-top:-450px;
			position:relative;
			top:450px;
			left:-250px;
			z-index:-100;
			
		}
			
/*  ***********************   	Header        ******************************* */

	#header { width:820px; height:165px; position:relative; }
	
		#logotipo {
			width:508px; height:75px;
			position:absolute;
			top:44px;
			left:0;
		}
		
		#logotipo a {
			background:url(../images/logo.png) no-repeat;
			border:0;
			display:block;
			outline:none;
			text-indent:-9999px;
			width:508px; height:75px;
		}
		
		#logotipo a:hover { background-color:transparent; border:0; }
	
		#quick_links {
			position:absolute;
			top:78px; right:0;
		}
	
		
			#ico_email { background:url(../images/ico_email.png) no-repeat; width:21px; height:14px; position:relative; top:4px; /*IMPORTANTE ESTO PARA QUE ESTEN LOS 2 ICONOS A LA MISMA ALTURA*/}
			#ico_cv { background:url(../images/ico_cv.png) no-repeat; width:13px; height:18px; }
			

				
			#quick_links li a { color:#7b7b7b; text-decoration:none; }
			
			#quick_links_a { 
			color:#414141; 
			text-decoration:none;
			font:12px/12px "DroidSerifRegular", Georgia, "Times New Roman", Times, serif;
			}
			
			.tooltip {
			display:none;
			background:transparent url(../images/tooltip_blanco.png);
			background-repeat:no-repeat;
			text-align:center;
			font-size:12px;
			height:25px;
			width:160px;
			padding-top:15px;
			padding-bottom:25px;
			padding-left:25px;
			padding-right:25px;
			color:#fff;	
			}
			
			/*AQUI TERMINA EL HEADER*/
			
/*  ***********************************     MENU      ******************************* */
	
	#nav {
		background:url(../images/menu_bg.png) no-repeat;
		width:820px; height:54px;
	}
	
	.menu {
		float:right;	
	}
	
		.menu li {
	display:inline;
	float:right;
		}
		
		.menu li a {
			background:url(../images/menu_sep.png) no-repeat left top;
			position:relative; top:2px;
			color:#ebebeb;
			display:block;
			height:30px;
			line-height:inherit;
			line-height:30px;
			padding:0 20px 0 22px;
			text-decoration:none;
			text-shadow:0 -1px 1px #000;
		}
		
	 .menu li a:hover { color:#fff;}

/*  ********************************           banner en 3D                 ********************************* */
	
			
	#banner3d {
		background:url(../images/bg_3d.png) no-repeat;
		color:#464300;
		font:24px/32px "DroidSerifRegular", Georgia, "Times New Roman", Times, serif;
		position:relative;
		margin-top:-22px;margin-left:-20px;
		text-shadow:0 1px 1px #fffdba;
		width:860px; height:273px;
	}
	
	#banner3d_top {
		background:url(../images/bg_3d_top.png) no-repeat;
		position:relative;
		top:42px;left:-20px;
		width:860px; height:28px;
		margin-top:-30px;
	}
/*  *******************************      Formacion           ********************************* */
	
	#formacion {
		background:url(../images/formacion.png) no-repeat;
	/*	color:#414141;*/
		/*padding:20px 20px;*/
		/*position:relative;
		top:-63px;*/
		width:820px; height:260px;
	}
	#formacion_cont{
		padding: 20px 40px;
	}
	
	#formacion_h2{
		font-family: 'Fabryka4FMediumRegular',Arial,sans-serif;
		font-size:28pt;
	}
	
	#formacion_ul{
		padding-top:20px;
	}
	
	.formacion_li{
	padding-left:50px;
	background-image:url(../images/tick_32.png);
	background-repeat:no-repeat;
	background-position:16px 4px;
	line-height:50px;
	font-family:DroidSerifRegular;
	font-size:23px;
	color:#333;
	text-shadow:0 1px 1px #ffffff;
		
	}
/*  *************************************        Contenido        ***************************************** */
	
	#contenido {
		background:url(../images/bg_contenido.png) repeat-y;
		width:820px;
	}
	
	#intro_contenido{
		width:770px;
		padding:15px 0px 15px 0px;
		margin:0px 25px 0px 25px;
		border-bottom:1px solid #E6E6E6;
	}
	h1.intro{
		font-family:DroidSerifRegular;
		font-weight:normal;
		font-size:18px;
		line-height:25px;
		color:#666;
		text-shadow:0 1px 5px #CCC;
		}
	h2.ver_detalle{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		line-height:25px;
		color:#999;
		text-shadow:0 1px 1px #CCC;
		}
	
	#interior_contenido{
		padding:15px 10px 10px 15px;
		margin:0px 0px 0px 7px;
	}
	
	.ul_trab{
		margin:0px;
		padding:0px;
		line-height:50px;
		}
	.trab{
		padding:5px 5px 0px 0px;
		margin: 10px 10px 0px 0px;
		display:inline;
	}
	
	

/*  ********************************   FOOTER    ************************************ */		
#footer {
		background:#343434 url(../images/bg_footer.png) repeat-x;
		overflow:hidden;

		
}

#contenedor_footer {
	background:url(../images/text_footer.jpg) no-repeat;
	color:#CCC;
	margin:0 auto;
	padding-left:0px;
	padding-top:20px;
	overflow:hidden;
	text-shadow:0 -1px 1px #000;
	font-size:16px;
	font-weight:bold;
	width:989px;
	height:190px;
		}
#centrar_footer{
	padding-left:150px;
	width:950px;
	margin:0 auto;
	}
	
.cabecera_lista{
	padding-bottom:20px;
	text-decoration:underline;
	color:#CCC;
	font-family:DroidSerifRegular;
	font-size:20px;
	font-weight:normal;
	}
	

#contenedor_footer ul {padding-left:1px;	}
			
			#contenedor_footer li {
				display:block;
				margin-bottom:2px; padding-left:13px;
			}
			
				#contenedor_footer .nobullet li { background:none; padding-left:0; }
		
			#contenedor_footer a {
				border:0;
				color:#CCC;
				text-decoration:none;
			}
			
				#contenedor_footer a:hover { background:none; border-bottom:1px dotted #009EE0; color:#009EE0; }
			
			#contenedor_footer .col {
				float:left;
				width:270px;
			}
			
			
			/*iconos redes sociales*/
				
			#contenedor_footer #mail_pie,
			#contenedor_footer #cv_pie,
			#contenedor_footer #flickr,
			#contenedor_footer #twitter,
			#contenedor_footer #linkedin,
			#contenedor_footer #deviant_art,
			#contenedor_footer #delicious{
				padding-left:25px;
			}
			
			#contenedor_footer #mail_pie { background:url(../images/email_pie.png) no-repeat left 4px; }
			#contenedor_footer #cv_pie { background:url(../images/cv_pie.png) no-repeat left 1px; }
			#contenedor_footer #flickr { background:url(../images/flickr.png) no-repeat left 2px; }
			#contenedor_footer #twitter { background:url(../images/twitter.png) no-repeat left 2px; }
			#contenedor_footer #linkedin{ background:url(../images/linkedin.png) no-repeat left 2px; }
			#contenedor_footer #delicious{ background:url(../images/delicious.png) no-repeat left 2px; }
			#contenedor_footer #deviant_art{ background:url(../images/deviant_art.png) no-repeat left 2px; }

#subir{
	text-decoration:none;
	position:relative;
	top:-160px;
	left:133px;
	width:261px;
	height:62px;
	}

#subir a {
	text-decoration:none;
	border:0px;
	}	

#subir a:hover {
	text-decoration:none;
	border:0px;
	}
			
		#copyright {
			background:#1C1C1C url(../images/copyright_bg.png) repeat-x;
			line-height:74px;
			overflow:hidden;
		}
		
			#contenedor_copyright {
				color:#7a7a7a;
				margin:0 auto;
				text-shadow:0 -1px 1px #000;
				width:820px;
			}
			
				#contenedor_copyright a { border:0; color:#009EE0; text-decoration:none; }
				
					#contenedor_copyright a:hover { background:none; border-bottom:1px dotted #5FD0FF; color:#5FD0FF; }
	  #licencia{
		  position:relative;
		  top:4px;		  
		}

/*  *********************************    Miscellaneous     ************************************ */
	
	.anchor { background:none; border:0;}
	
	.fleft { float:left; }
	.fright { float:right; }
	
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */