/* estilos de reseteo para la pagina */
@import 'reset.css';

@font-face {
  font-family: 'Custom';
  font-style: normal;
  src: url(custom.woff) format('woff');
}	
		
@font-face {
    font-family: 'itc_avant_garde_gothic_stdXLt';
    src: url('../fuentes/itcavantgardestd-xlt-webfont.eot');
    src: url('../fuentes/itcavantgardestd-xlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/itcavantgardestd-xlt-webfont.woff') format('woff'),
         url('../fuentes/itcavantgardestd-xlt-webfont.ttf') format('truetype'),
         url('../fuentes/itcavantgardestd-xlt-webfont.svg#itc_avant_garde_gothic_stdXLt') format('svg');
    font-weight: normal;
    font-style: normal;
}

		

html{
			
				height: 100%;
				width: 100%;
					
			
background: #1f1f1f url('../images/Bg_Noise.png');
}


body{
				font-family: 'Custom', Helvetica, Arial !important;
			}
			
			#body{
				padding: 25px 0;
				width: 1000px;
				/*height: 100%;*/
				margin: 0 auto;
				min-height: 900px;
			}
			
			
			
			/*******  MENU PRINCIPAL ******//
			
			.menu-principal{
				
			}
			
			.menu-principal li{
				float: left;
				margin: 0 10px;
			}
			
			.menu-principal li a{
				font-size: 24px;
				color:  #ff9900;
				display: block;
				text-transform: uppercase;
				text-decoration: none;
			}
			
			.menu-principal li a.activo, .menu-principal li.activo a{
				
			}
			
			.menu-principal:after{
				content: "";
				display: block;
				clear: both;
				float: none;
			}
			
			/**********  MENU HORIZONTAL ***********/
			.menu-horizontal{
				background: rgba(255,255,255,0.3);
				border-radius: 3px;
				padding: 0px;
				margin-top:10px;
			}
			
			.menu-horizontal li{
				list-style: none;
				float: left;
				margin: 0 0px;
			}
			
			.menu-horizontal li a{
				color: #ffffff;
				display: block;
				text-transform: uppercase;
				padding: 10px;
			}
			
			.menu-horizontal li a.activo, .menu-horizontal li.activo a{
				background: #000000;
			}
			
			.menu-horizontal:after{
				content: "";
				display: block;
				clear: both;
				float: none;
			}
			
			.proyecto{
				width: 180px;
				height: 260px;
				background: #ffffff;
				
				border-radius: 3px;
				position: relative;
				
				box-shadow: 0px 1px 5px -1px #000000;
				
				list-style: none;
				float: left;
				margin: 5px;
				
				transition: transform 0.2s;
			}
			
			
			.proyecto:hover{
		transform: scale(1.05);
		box-shadow: 0px 25px 15px -10px  rgba(0,0,0,0.3);
		
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */




			}
			
			.proyecto.all{
				display: block !important;
			}
			
			.proyecto.color{
				color: #ffffff;
				/*border: solid 1px #5e1616;*/
			
background: rgb(255,177,109); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,177,109,1) 0%, rgba(255,71,102,1) 50%, rgba(114,32,32,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,177,109,1)), color-stop(50%,rgba(255,71,102,1)), color-stop(99%,rgba(114,32,32,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb16d', endColorstr='#722020',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			}
			
			.thumb{
				background: #333333;
				overflow: hidden;
				position: absolute;
				left: 10px;
				top: 10px;
				right: 10px;
				bottom: 100px;
				z-index: 1;
			}
			
			.thumb img{
				/*width: 100%;*/
				height: 100%;
			}
			
			.descripcion{
				/*background: #333333;*/
				overflow: hidden;
				position: absolute;
				left: 10px;
				top: 170px;
				right: 10px;
				bottom: 10px;
				z-index: 1;
			}
			
			.descripcion h2{
				text-transform: uppercase;
			
			}
			
			.descripcion p{
			
			}
			
			.enlace{
				text-indent: 9999px;
				overflow: hidden;
				position: absolute;
				display: block;
				left: 0px;
				top: 0px;
				right: 0px;
				bottom: 0px;
				z-index: 100;
			}























/*********************************/



/**CURRICULUM**/

#curriculum{

color: #ffffff;
margin: 50px 0;
}

.bloque-personal{
	padding: 12px 12px 24px;
	position: relative;
	/*color: #777;*/
}

.bloque-personal strong{
				color: #aaa;
			}

.bloque{
	padding: 12px 12px 24px;
	float: left;
	width: 50%;
}


/*#ficha-curriculum .bloque:nth-child(2n):after{
	content: "";
	display: block;
	clear: both;
	float: none;
}*/

#lista-conocimientos li:nth-child(2n):after{
	content: "";
	display: block;
	clear: both;
	float: none;
}


#curriculum h1{

	color:  #ff9900;
	margin: 24px 0 12px;
	font-size: 36px;
	
	/*width: 700px;*/
	
	border-top: dashed 2px #ffffff;
	border-bottom: dashed 2px #ffffff;
	background: #ff9900;
	padding: 4px 0;
	box-shadow: 0 0 0 6px #ff9900, 0 6px 6px #000000, 0 -6px 6px #000000;
	color: #ffffff;
	
	/*border-left: solid 6px #ff9900;*/
	/*padding: 0 0 0 9px;*/
}

#curriculum h2{
	color:  #ff9900;
	margin: 24px 0 12px;
	border-left: solid 6px #ff9900;
	padding: 0 0 0 9px;*/
}

#curriculum h3{
	color:  #ff9900;
	margin: 24px 0 12px;
	border-left: solid 6px #ff9900;
	padding: 0 0 0 9px;*/
}

#curriculum p{
	margin: 0 0 12px 0;
}

#foto-curriculum{
	position: absolute;
	right:  50px;
	bottom: 0px;
	width: 500px;
	text-align: center;
	
	/*ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg); 
    transform: rotate(4deg);*/
}

#foto-curriculum img{
	width: 500px;
}

#ficha-curriculum{
	/*text-align: center;*/
color: #333;
margin: 0 0 50px 0;
padding: 12px 12px 24px;

border-radius: 5px;


box-shadow: 0 1px  3px -1px #000;

background: #fff url('../images/Bg_Noise.png');	
/*
background: #ffffff; 
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e5e5e5 100%); 
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#e5e5e5 100%); 
background: linear-gradient(135deg,  #ffffff 0%,#e5e5e5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
*/
}

#ficha-curriculum:after{
	content: "";
	display: block;
	clear: both;
	float: none;
}




.conocimientos{
	width: 300px;
	margin: 12px 0 24px;
	color: #333;
}

.conocimientos li{

	border: solid 1px #cccccc;
	border-radius: 2px;
	width: 100%;
	margin: 5px 0;
	padding: 2px 5px;
	position: relative;
	
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}
.conocimientos li span{
	position: absolute;
	color: #ffffff;
	padding: 2px 0px;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 1px 0 0 1px;
	display: block;
	overflow: hidden;
	width: 0%;
	
	
	-webkit-transition-property: width, padding, background;
    -webkit-transition-duration: 1s, 0s, 1s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 2s;
    /* Standard syntax */
	transition-property: width, padding, background;
    transition-duration: 1s, 0s, 1s;
    transition-timing-function: linear;
    transition-delay: 2s;
	
	box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.3);
	
	
background: rgb(255,177,109); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,177,109,1) 0%, rgba(255,71,102,1) 50%, rgba(114,32,32,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,177,109,1)), color-stop(50%,rgba(255,71,102,1)), color-stop(99%,rgba(114,32,32,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,177,109,1) 0%,rgba(255,71,102,1) 50%,rgba(114,32,32,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb16d', endColorstr='#722020',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


background: #722324; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #722324 2%, #e50453 51%, #f7b604 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(2%,#722324), color-stop(51%,#e50453), color-stop(100%,#f7b604)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #722324 2%,#e50453 51%,#f7b604 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #722324 2%,#e50453 51%,#f7b604 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #722324 2%,#e50453 51%,#f7b604 100%); /* IE10+ */
background: linear-gradient(135deg,  #722324 2%,#e50453 51%,#f7b604 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#722324', endColorstr='#f7b604',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


background: #841d2e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #841d2e 0%, #c9326c 52%, #f4c449 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#841d2e), color-stop(52%,#c9326c), color-stop(100%,#f4c449)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #841d2e 0%,#c9326c 52%,#f4c449 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #841d2e 0%,#c9326c 52%,#f4c449 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #841d2e 0%,#c9326c 52%,#f4c449 100%); /* IE10+ */
background: linear-gradient(135deg,  #841d2e 0%,#c9326c 52%,#f4c449 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841d2e', endColorstr='#f4c449',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


background: url('../images/Bg_Skills_02.png') repeat-y ;
}


.conocimientos li.diez span.start{
	width: 10%;
	padding: 2px 5px;
}

.conocimientos li.veinte span.start{
	width:20%;
	padding: 2px 5px;
}

.conocimientos li.treinta span.start{
	width: 30%;
	padding: 2px 5px;
}

.conocimientos li.cuarenta span.start{
	width: 40%;
	padding: 2px 5px;
}

.conocimientos li.cincuenta span.start{
	width: 50%;
	padding: 2px 5px;
}

.conocimientos li.sesenta span.start{
	width :60%;
	padding: 2px 5px;
}

.conocimientos li.setenta span.start{
	width: 70%;
	padding: 2px 5px;
}

.conocimientos li.ochenta span.start{
	width: 80%;
	padding: 2px 5px;
}

.conocimientos li.noventa span.start{
	width: 90%;
	padding: 2px 5px;
}

.conocimientos li.cien span.start{
	width: 100%;
	padding: 2px 5px;
}


.icon{
	padding-right: 50px;
	/*display: block;*/
}

.vehiculo-propio{
	background-image: url('../images/man1.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
}












/*****   CAJA FUERTE   *******/

.content{
	position: relative;
	top: 100px;
	margin: 0 auto;
	width: 600px;
	height: 400px;
}

.caja{
	position: relative;
	/*top: 100px;*/
	/*margin: 0 auto;*/
	width: 300px;
	height: 300px;
}

.caja-fondo{
	position:absolute;
	top:0;
	left: 0;
	background: url('../images/Bg_Caja_Back_02.png');
	background-size: 300px;
	width: 300px;
	height: 300px;
}

.caja-front{
	position:absolute;
	top:30px;
	left: 30px;
	background: url('../images/Bg_Caja_Front.png');
	background-size: 240px;
	width: 240px;
	height: 240px;
}
.num{
position: absolute;
top: 120px;
width: 298px;
text-align: center;
z-index: 99;
font-size: 56px;
color: #fff;
/*text-shadow: black 0.1em 0.1em 0.2em;*/
  text-shadow:
    0 1px #808d93,
    1px 0 #cdd2d5,
    1px 2px #808d93,
    2px 1px #cdd2d5
}

.controls .left{
display: block;
width: 49px;
height: 127px;
background: url(../images/Bg_Buttons.png) center right;
position: absolute;
left: -45px;
top: 86px;
cursor: pointer;
}

.controls .right{
display: block;
width: 49px;
height: 127px;
background: url(../images/Bg_Buttons.png) center left;
position: absolute;
right: -45px;
top: 86px;
cursor: pointer;
}

#resultados{
	position: absolute;
	top: 0;
	right: 0px;
}

#verificar{
	position: absolute;
	top: 0;
	right: 0px;
	height: 300px;
	background-size: 100px 300px;
	display: none;
}

#confirmar-num{
	position: absolute;
	top: 0;
	right: 120px;
	height: 250px;
	background-size: 100px 300px;
}

#reset{
	position: absolute;
	top: 260px;
	right: 120px;
	height: 40px;
	background-size: 100px 300px;
}

#resultados span{
	display: block;
	margin: 6px 0;
	padding-top: 26px;
	text-align: center;
	font-size: 36px;
	color: #333;
	width: 89px;
	height: 89px;
	background: url(../images/Bg_Number.png) center center no-repeat;
	
	text-shadow:
    0 1px #808d93,
    1px 0 #cdd2d5,
    1px 2px #808d93,
    2px 1px #cdd2d5
}


/**************/

.boton{
	border: solid 1px #333;
	text-decoration: none;
	display: block;
	color: #fff;
	width: 125px;
	padding: 11px 24px;
	text-align: center;
	font-size: 18px;
	text-shadow: 1px 1px #111;
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)); 
	background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
	background-color: #555;
	background-repeat: repeat-x;
	background-size: 100px 50px;
	cursor: pointer;

transition: background 0.4s, box-shadow 0.4s;
-moz-transition: background 0.4s, box-shadow 0.4s;
-ms-transition: background 0.4s, box-shadow 0.4s;
-webkit-transition: background 0.4s, box-shadow 0.4s;
-o-transition: background 0.4s, box-shadow 0.4s;
}

.boton:hover{
	background-color: #007eff;
	text-shadow:  -1px -1px #1f0000, 1px 1px #007eff, 0 0 8px #fff;
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)); 
	background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
	background-repeat: repeat-x;
	background-size: 100px 50px;
	box-shadow: 0 0 10px #007eff;
	border: solid 1px #007eff;
	padding: 11px 24px;
}

#reset:hover{
	background-color: red;
	text-shadow:  -1px -1px #1f0000, 1px 1px #c05454, 0 0 8px #fff;
	box-shadow: 0 0 10px rgba(200,0,0,1);
	border: solid 1px #c05454;
}

.error-codigo{
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)); 
	background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
	background-repeat: repeat-x;
	background-size: 100px 50px;
	background-color: red;
	text-shadow:  -1px -1px #1f0000, 1px 1px #c05454, 0 0 8px #fff;
	box-shadow: 0 0 10px rgba(200,0,0,1);
	border: solid 1px #c05454;
	padding: 11px 24px;
	color: fff;
}

.codigo-ok{
	background-color: #007eff;
	text-shadow:  -1px -1px #1f0000, 1px 1px #007eff, 0 0 8px #fff;
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)); 
	background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.6));
	background-repeat: repeat-x;
	background-size: 100px 50px;
	box-shadow: 0 0 10px #007eff;
	border: solid 1px #007eff;
	padding: 11px 24px;
	color: fff;
}

.nota{
	margin-top: 50px;
	text-align: center;
	color: #fff;
	font-size: 36px;
}
.nota span{
	display: block;
	font-size: 128px;
}
/***************/
.main{
width: 1000px !important;
}

.view{
	margin: 0 10px 10px 0 !important;
	width: 242px !important;
}

.view:nth-child(4n){
	margin: 0 0 10px 0 !important;
}

.p-thumb{
width: 222px !important;
}

#a-pdf{
	color: #fff;
}
/******************/