body { 
	background: #000; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 16px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	}
	
a:link {text-decoration: none;color:#000;}
a:visited {text-decoration: none;color:#000;}
a:hover {text-decoration: none;color:#000;}
a:active {text-decoration: none;color:#000;}

#wrapper {width:960px; margin:auto; background-color:#fafafa;}
#intro{width:960px; height:600px; background-image:url(../images/intro.jpg); position:relative;}
	#caja_intro{
	background-image: url(../images/t70.png);
	width: 100px;
	height: auto;
	padding: 10px;
	position: absolute;
	right: 415px;
	top: 99px;
}
	#caja_intro .titulo{ color:#FC0; font-size:24px; font-weight:bold;}
	#caja_intro .texto{ color:#FFF; font-size:16px;}
	#caja_intro .continuar{ color:#ffffff; font-size:14px; background-color:#750000; font-weight:bold; width:auto; padding:5px; width:100px; margin-top:230px; text-align:center; float:right;}
	#caja_intro .continuar:hover{ color:#000; font-size:14px; background-color:#fff; font-weight:bold; width:auto; padding:5px; width:100px; margin-top:230px; text-align:center; float:right;}

#header{ height:25px; background-color:#394759; color:#9a9a9a; line-height:25px;}
#header img{ margin:0px 15px 0px 0px; float:left;}
#header .titulo{ float:left; color:#FFF}
#header  .btn_inicio {float:right; margin-right:5px; color:#FFF; font-size:12px; font-weight:bold;}

#footer{ height:25px; background-color:#000; bottom:0px; font-size:10px; color:#CCC; line-height:25px;}
.derechos{ float:left; margin-left:15px;}
.boton_creditos{ float:right; margin-right:15px;}
.boton_creditos a{color:#FFF;}

.velo{height:710px; width:960px;position:absolute; top:0px; background-color:#000; opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */}

.btn_meto{padding:0px 5px;}
#metodologia{ height:620px; width:960px;position:absolute; top:0px; display:none; opacity:0;
transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-webkit-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
}
#metodologia .caja{ width:400px; height:350px; background-color:#FFF; position:absolute; top:90px; left:45%; margin-left:-150px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 10px 50px 1px rgba(0, 0, 0, .8); box-shadow: 1px 10px 50px 1px rgba(0, 0, 0, .8);}
#metodologia .titulo{ margin: 20px 30px; font-weight: bold; font-size:24px; color:#CCC;}
#metodologia .texto{ margin: 20px 30px; font-size:14px; color:#666;}
#metodologia .boton_cerrar{ width:100px; margin:auto; text-align:center; height:30px; background-image:url(../images/btn_cerrar.png);}

#creditos{ height:710px; width:960px;position:absolute; top:0px; display:none; opacity:0;
transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-webkit-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
}
#creditos .caja{ width:300px; height:250px; background-color:#FFF; position:absolute; top:150px; left:50%; margin-left:-150px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 10px 50px 1px rgba(0, 0, 0, .8); box-shadow: 1px 10px 50px 1px rgba(0, 0, 0, .8);}
#creditos .titulo{ margin: 20px 30px; font-weight: bold; font-size:24px; color:#CCC;}
#creditos .colaboraciones{ margin: 20px 30px; font-weight: bold; font-size:16px; color:#666;}
#creditos .boton_cerrar{ width:100px; margin:auto; text-align:center; height:30px; background-image:url(../images/btn_cerrar.png);}
	
#contenido{ height:562px; float:left; width:960px; background-image:url(../images/bg_contenido.jpg); overflow: hidden;}
#preguntas{ width:28800px; 
transition: margin-left .25s ease-in-out;
-moz-transition: margin-left .25s ease-in-out;
-webkit-transition: margin-left .25s ease-in-out;
-o-transition: margin-left .25s ease-in-out;
position:relative;
}

.fichaImagen {width:960px; height:562px; float:left; margin:0 auto; position:relative}
.btnBack {
	width:480px;
	height:495px;
	position: absolute;
	top:0;
	left:0
}
.btnNext {
	width:480px;
	height:495px;
	position: absolute;
	top:0;
	right:0
}
	a:hover .btnBack { 
	width:480px; height:495px; background:url(../images/btn_back.png) no-repeat 0 50%; position: absolute; top:0; left:0
	}
	a:hover .btnNext {
	width:480px; height:495px; background:url(../images/btn_next.png) no-repeat 100% 50%; position: absolute; top:0; right:0
	}

#menu{width:960px; height:100px; float:left; background-color:#900; background:url(../images/bg_menu.png) 0 0 no-repeat; position:relative;}
#menu2{width:960px; height:100px; float:left; background-color:#900; background:url(../images/bg_menu2.png) 0 0 no-repeat; position:relative;}
#menu3{width:960px; height:100px; float:left; background-color:#900; background:url(../images/bg_menu3.png) 0 0 no-repeat; position:relative;}
#menu4{width:960px; height:100px; float:left; background-color:#900; background:url(../images/bg_menu4.png) 0 0 no-repeat; position:relative;}
#menu5{width:960px; height:100px; float:left; background-color:#900; background:url(../images/bg_menu5.png) 0 0 no-repeat; position:relative;}
#menu6{width:960px; height:100px; float:left; background-color:#900; background:url(../images/bg_menu6.png) 0 0 no-repeat; position:relative;}
#menu7{width:960px; height:100px; float:left; background-color:#900; background:url(../images/bg_menu7.png) 0 0 no-repeat; position:relative;}
	.mes{position:absolute; height:25px; top:30px;}

#botones{ background-color: #2b2d30; z-index:5; margin-top:52px;}
.numero{float:left; background:#000; color:#FFF; width:30px; margin:2px; text-align:center; font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #6d6d6d; /* Old browsers */
background: -moz-linear-gradient(top, #6d6d6d 0%, #232323 54%, #010101 54%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(54%,#232323), color-stop(54%,#010101), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

.btn_meto{float:left; background:#000; color:#FC0; margin: 2px; text-align:center; font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #6d6d6d; /* Old browsers */
background: -moz-linear-gradient(top, #6d6d6d 0%, #232323 54%, #010101 54%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(54%,#232323), color-stop(54%,#010101), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom, #6d6d6d 0%,#232323 54%,#010101 54%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

.boton{ height:28px; color:#fafafa; line-height:24px; font-size:11px; margin-top:10px; margin-left:10px; width:auto; float:left;
transition: background-color .5s;
-moz-transition: background-color .5s;
-webkit-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.boton:hover{ background-color:#FC0;}
#boton1{ background-color:#FC0; margin-left:17px;}

#mascara_fotos{height:495px; width:480px; float:left; background-color:#000; overflow:hidden}
#fotos{width:28800px; height:495px; 
transition: margin-left .25s ease-in-out;
-moz-transition: margin-left .25s ease-in-out;
-webkit-transition: margin-left .25s ease-in-out;
-o-transition: margin-left .25s ease-in-out;
}
#fotos div{ position:relative}
#fotos img{ float:left; margin:0px;}

.cf{clear:both;}