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

@font-face {
	font-family: 'SourceSansPro-SemiboldItalic';
	src: url('fonts/SourceSansPro-SemiboldItalic.ttf');
	src: url('fonts/SourceSansPro-SemiboldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SourceSansPro-Italic';
	src: url('fonts/SourceSansPro-Italic.ttf');
	src: url('fonts/SourceSansPro-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: url(images/base/bgr_body.jpg) center center fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
	
}

*{
	margin: 0;
	padding: 0;
}

/* Diagramación general*/
.content{
	height: 100%;
	width: 100%;
	float: left;
	position: fixed;
	overflow: hidden;
}

#containerHome{
	left: 0%;
}

#container1{ left: 100%;}

#container2{ 
	height: 100%;
	left: 200%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#container3{ left: 300%;}

.content-wrap{
	width: 900px;
	position: relative;
	top: 0%;
	margin: 106px auto 0;
	-webkit-transform: translate3d(0, 0, 0);
}

.start-stop span{ visibility: hidden !important;}
/* fin Diagramación general*/

h2{
	color:#c2823f;
	position: relative;
	top: 42%;
	font-size: 40px;
	text-align: center !important;
}

/* Contenedor de los contenidos*/
.contentSlide1, .contentSlide2, .contentSlide3{
	position: relative;
    display: block;
    float: left;
    height: 511px;
    padding: 37px 12px 16px;
    width: 892px;
	text-align: left;
	/* Al cambiar el alto y el ancho aquí, toca cambiarlos sumando o restando la misma cantidad de pixeles en el theme-metallic.css línea 260,
	en caso de pasarse de cierto tamaño y se empiece a recortar el contenido, cambiar el ancho al '.content-wrap' en este mismo css */
}
/* fin Contenedor de los contenidos*/

/*Foto y texto estilos generales*/

.clear{clear: both;}

h3 {
	font-family: 'SourceSansPro-SemiboldItalic', sans-serif;
	background-image:url(images/base/fondo_titulo_bln.png);
	background-repeat: repeat;
    border-radius: 0px 0px 6px 6px;
    color: #FFF;
    float: left;
    font-size: 24px;
	font-weight: normal;
    margin: 0px 0 0 58px;
    padding: 7px 20px;
    position: absolute;
}

#slider1 h4{ 
	margin: 10px 0 0;
	font-size: 24px;
	color: #2F9BC5;
}

img{ 
	margin: 10px 0;
	border-radius: 6px;
}

p{ font-size: 19px; color:#504F51;}
/*fin Foto y texto estilos generales*/

/*Foto y texto horizontal*/
.contentSlide1 p{ margin: 0;}
/*fin Foto y texto horizontal*/

/*Foto y texto vertical (foto a la izquierda)*/
.contentSlide2 img{ float: left;}

.contentSlide2 p{
	margin: 0;
	float: right;
	width: 45%;
	position: absolute;
	bottom: 50px;
	right: 20px;
}
/*fin Foto y texto vertical (foto a la izquierda)*/

/*Foto y texto vertical (foto a la derecha)*/
.contentSlide3 img{ float: right;}

.contentSlide3 p{
	margin: 0;
	float: left;
	width: 45%;
	position: absolute;
	top: 65px;;
	left: 30px;
}
/*fin Foto y texto (foto a la derecha)*/

/* Creditos y copyright */
.footer{
	color: #504f51;
	position:absolute;
	font-size: 10px;
	right: 0px;
	bottom: 30px;
	margin-bottom: -11px;
	font-weight: normal;
	width: 460px;
	text-align: right;
	margin-right:-20px;
}

.footer_2{
	color: #504f51;
	position:absolute;
	font-size: 10px;
	right: 152px;
	bottom: 30px;
	margin-bottom: -11px;
	font-weight: normal;
	width: 460px;
	text-align: right;
	margin-right:-20px;
}


.footer em{ font-style: normal;}

#creditos{
	display: block; /*Cambiar a 'display: block;' para mostrar créditos*/
	bottom: -91px;
	margin-bottom: 10px;
    color: #5C9D6C;
    font-size: 13px;
	text-decoration:underline;
    font-weight: normal;
	padding: 2px 16px;
    position: absolute;
    left: 0px;
	cursor: pointer;
}

#creditos span{
	background-image:url(images/base/triangulo_verde.png);
	height:8px;
	margin-left:-15px;
	margin-top:5px;
	position:absolute;
	width:11px;

}

#contenedor-creditos{
	background: #CECCCC;
    border-radius: 2px;
	bottom: -30px;
	margin-bottom: -49px;
    color: #504F51;
    font-size: 11px;
    font-weight: normal;
	padding: 9px;
    position: absolute;
    left: 0px;
	cursor: pointer;
	display: none;
	width: 508px;
	z-index: 70000;
}

#contenedor-creditos ul li{
	list-style: square;
	margin-left: 12px;
}

#contenedor-creditos .copyright{
	margin: 5px 0 0 0;
	padding-top: 5px;
	list-style: none;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	border-top: 1px dotted #56a898;
}
/* Fin Creditos y copyright */

/* btn nav*/

.cabezote-recurso{
	font-family: 'SourceSansPro-SemiboldItalic', sans-serif;
	color: #c2823f;
	font-size: 95px;
	text-align: center;
	position: relative;
	margin-top: ;
	top: 40%;
	margin-left: 5%;
	width: 90%;
}

.container-btn{
	z-index:9999;
	font-family: 'SourceSansPro-Italic', sans-serif;
	font-size:18px;
	color:#FFF;
	display: block;
	cursor: pointer;
	position: absolute;
	width: 100%;
	top:45%;
	text-align: center;
	opacity: 0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.container-btn:hover{
	opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
	
.navBtns{
	z-index:9999;
	font-family: 'SourceSansPro-Italic', sans-serif;
	font-size:18px;
	color:#FFF;
	cursor: pointer;
	position: absolute;
	width: 100%;
	top: 45%;
	text-align: center;
	opacity: 0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.navBtns:hover{
	opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

#btnRecurso1 {
	padding-right:9px;
	padding-left:45px;
	padding-top:15px;
    display: block;
	right:0px;
	margin-left:2px;
    width: 100px;
    height: 61px;
	background-image:url(images/base/fondo_flecha_r.png);
    background-color:#c2823f;
    background-repeat:no-repeat;
    background-position:center center;
	position:absolute;
	opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	text-align:center;
}

#btnAnterior1{
	padding-top:23px;
	padding-left:40px;
	display:none;
    margin-left:2px;
    width: 114px;
    height: 53px;
	background-image:url(images/base/fondo_flecha_l.png);
	background-color:#c2823f;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
	text-align:left;
}

#btnAnterior2 {
	padding-right:45px;
	padding-left: 20px;
	padding-top:15px;
	display:none;
    margin-left:2px;
    width: 89px;
    height: 61px;
	background-image:url(images/base/fondo_flecha_l.png);
	background-color:#c2823f;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
	text-align: center;
	margin-top:43px;

}


#btnSiguiente1 {
	padding-left:48px;
	padding-right:5px;
	padding-top:23px;
    display: none;
	right:0px;
	margin-left:2px;
    width: 101px;
    height: 53px;
	background-image:url(images/base/fondo_flecha_r.png);
    background-color:#c2823f;
    background-repeat:no-repeat;
    background-position:center center;
	position:absolute;
	text-align:center;
}

#btnSiguiente2 {
	padding-left:48px;
	padding-right:5px;
	padding-top:23px;
    display: none;
	right:0px;
	margin-left:2px;
    width: 101px;
    height: 53px;
	background-image:url(images/base/fondo_flecha_r.png);
    background-color:#c2823f;
    background-repeat:no-repeat;
    background-position:center center;
	position:absolute;
	text-align:center;
	margin-top:43px;
}

#btnAnterior3 {
	padding-left:5px;
	padding-right:48px;
	padding-top:23px;
	display:none;
    display: none;
    margin-left:2px;
    width: 101px;
    height: 53px;
	background-image:url(images/base/fondo_flecha_l.png);
	background-color:#c2823f;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
	text-align:center;
	

}




/*.btnRecurso{
	font-family: 'Conv_Viga-Regular', sans-serif;
	font-style: italic;
	color: #fff;
	font-size: 24px;
	width: auto;
	cursor: pointer;
	padding: 3px 20px;
	border-radius: 10px;
	border: 2px solid #D8462C;
}

.btnRecurso:hover{
	
}*/


/*.btnAnterior, .btnSiguiente{
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	border-radius: 5px;
	border: 2px solid #D8462C;
	width: auto;
	padding: 3px 8px;
	display: none;
	font-weight: bold;
}
*/
.btnSiguiente{
}

.btnAnterior:hover{ }
.btnSiguiente:hover{ }

.titleLinea1{
	clear: both;
	display: block;
	line-height: 100px;
	font-weight: normal;
}


/* fin nav*/

/* temas */

#seleccionarTema{
	width::250px !important;
	height:80px;
	float: right;
	background-image:url(images/base/paleta_fondo.png);
	background-repeat:no-repeat;
    color: #444242;
    font-size: 16px;
    font-style: normal;
	position:fixed;
	z-index:9999;
	right: 42px;
	padding:10px 15px;
	top:-2px;
}

#seleccionarTema h5{
	float: left;
	font-size: 13px;
	color: #444242;
	width:94px;
	margin-top:3px;
	margin-right:6px;
	
}

.temaweb{
	float: right;
	margin-left: 1px;
	height: 43px;
	width: 44px;
	cursor: pointer;
}

#temaweb1{
	background-image:url(images/base/btn_blanco.png);
	background-repeat:no-repeat;
	float: right;
}

#temaweb1.active{
	background-image:url(images/base/btn_blanco_2.png);
	background-repeat:no-repeat;
}

#temaweb2{
	float: right;
	background-image:url(images/base/btn_negro.png);
	background-repeat:no-repeat
}

#temaweb2.active{
	float: right;
	background-image:url(images/base/btn_negro_2.png);
	background-repeat:no-repeat;
	height: 43px;
	width: 45px;
}

#temaweb3{
	float: right;
	background-image:url(images/base/btn_naranja.png);
	background-repeat:no-repeat;
}

#temaweb3.active{
	float: right;
	background-image:url(images/base/btn_naranja_2.png);
	background-repeat:no-repeat;
	height: 43px;
	width: 45px;
}

/* end temas */

/* tema negro */

body.negro{ background: url(images/base/bgr_body_negro.jpg) center center fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
	}

.negro .cabezote-recurso{ color: #FFF;}

.negro #seleccionarTema h5{
	color:#fff;
}

.negro .enunciado{ background: #3F9D64;}

/**/

.negro .h1Titulos{ color: #F36F3D;}

.negro h4{ color: #fff;}

.negro .enunciado-info { color:#C2823F;}

.negro .footer{color: #9B9A9F;}

.negro #contenedor-creditos{
	background: #353433;
	color:#FFF;
}

/**/

/* end tema negro */

/* tema blanco */

body.blanco{ 
	background: url(images/base/bgr_body_naranja.jpg) center center fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
	
}

.blanco #btnRecurso1 {
	background-image:url(images/base/fondo_flecha_r_green.png);	
	color:#5c9d6c;
}

.blanco #btnSiguiente1{
	background-image:url(images/base/fondo_flecha_r_green.png);
	color:#5c9d6c;
}

.blanco #btnSiguiente2 {
	background-image:url(images/base/fondo_flecha_r_green.png);
	color:#5c9d6c;
}

.blanco #btnAnterior1{
	background-image:url(images/base/fondo_flecha_l_green.png);
	color:#5c9d6c;
}

.blanco #btnAnterior2{
	background-image:url(images/base/fondo_flecha_l_green.png);
	color:#5c9d6c;
}

.blanco #btnAnterior3{
	background-image:url(images/base/fondo_flecha_l_green.png);
	color:#5c9d6c;
}

.blanco #seleccionarTema{
	background-image:url(images/base/paleta_fondo_2.png);
}

.blanco .seleccionarTema h5{ color: #444242;}

.blanco h3{
	background-image:url(images/base/fondo_titulo_nrj.png);
	background-repeat:repeat-x;
	color:#504F51;
}

.blanco .cabezote-recurso{ color: #FFF;}

.blanco .cabezote-recurso-2{ color: #F36F3D;}

.blanco .h1Titulos{ color: #F36F3D;}

.blanco h4{ color: #fff;}

.blanco .enunciado-info { color:#FFF; background:#5C9D6C;}

.blanco .resaltado {
	color:#F36F3D;
	}

.blanco .footer{color: #fff;}

.blanco .footer span{color: #839698;}

.blanco #contenedor-creditos{
	background: #fff;
}

.blanco #creditos{
	color:#FFF;
}

.blanco #creditos span{
	background-image:url(images/base/triangulo_blanco.png);

}

.blanco  .anythingSlider-metallic .anythingControls a.cur{
	background-color:#504F51;
}

.blanco  .anythingSlider-metallic .anythingControls a:hover{
	background-color:#504F51;
}


/* end tema blanco */

/* contenedor 1*/

#contiene-info, #contiene-info2{
	overflow:hidden;
	position: relative;
	top: 45%;
	text-align:center;
	padding-right:247px;
}

.texto-info {
	background-image:url(images/base/fondo_info.png);
    color: #504F51;
    font-size: 23px;
    font-weight: normal;
    padding:53px 25px;
    text-align: left;
    border-radius: 6px;
    height: 140px;
    left: 50%;
	margin: 40px 0 0 -340px;
    position: relative;
    width: 878px;
	line-height:29px;
}

.enunciado-info{
	font-family: 'SourceSansPro-Italic', sans-serif;
    background: #c2823f;
    border-radius: 2px;
    color: #FFFFFF;
    float: left;
    font-size: 23px;
    font-weight: normal !important;
    left: 50%;
	margin: 18px 0 0px -375px;
    padding: 11px 15px;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 1000;
}

iframe{
	border: none;
	overflow: hidden;
}

.footer span{color: #6Ac6b5;}

.enunciado{
	overflow: auto;
	padding: 11px 17px;
	float: left;
	width: 630px;
	color: #fff;
	font-size: 22px;
	background: #3f9d64;
	border-radius: 2px;
	line-height: 21px;
	position: absolute;
	z-index: 1000;
	margin-top: -30px;
	margin-left:-48px;
}

.enunciadob p {
    color: #209999;
    font-size: 14px;
    line-height: 130%;
    margin: 0px 0 5px 10px;
}

.enunciado h5{ font-weight: normal;}

#footer_contenedor {
	position: absolute;
	visibility: visible;
	z-index: 9999;
	height: auto;
	width: auto;
	top: 688px;
	right: 0px;
}

#footer_contenedor_2 {
	position: absolute;
	visibility: visible;
	z-index: 9999;
	height: auto;
	width: auto;
	bottom: 20px;
	right: 0px;
}

ul {
    margin-left: 19px;
}

.centro {
    font-size: 24px;
    margin-left: 100px !important;
    margin-top: 200px !important;
    text-align: left;
    width: 78%;
	color:#504F51
}

strong {
    color: #659BAB;
}

.piedefoto{
			text-align:center;
			font-size:14px;}

@media screen and (max-width: 1024px){

img{
	width:100%;}
	
.centro {
font-size: 20px;
margin-left: 77px !important;
margin-top: 131px !important;
text-align: left;
color:#504F51
}
	
	.cabezote-recurso{
	font-size: 80px;
}

.texto-info {
	background-image:url(images/base/fondo_info_resized.png);
    font-size: 20px;
    padding:30px 25px;
    text-align: left;
    border-radius: 2px;
    height: 129px;
	margin: 40px 0 0 -245px;
    width: 681px;
	line-height:27px;
}

.enunciado-info{
    font-size: 21px;
	margin: 16px 0 11px -275px;
    padding: 8px 13px;
}

.enunciado{
	overflow: auto;
	padding: 9px 17px;
	float: left;
	width: 622px;
	color: #fff;
	font-size: 20px;
	background: #3f9d64;
	border-radius: 2px;
	line-height: 21px;
	position: absolute;
	z-index: 1000;
	margin-top: -30px;
	margin-left:44px;
}

h3 {
    font-size: 20px;
}

.footer{
	font-size: 10px;
	right:104px;
	bottom:157px;
}

.contentSlide1, .contentSlide2, .contentSlide3{
    float: left;
    height: 400px;
    padding: 23px 10px 15px;
    width: 700px;
	text-align: left;
	/* Al cambiar el alto y el ancho aquí, toca cambiarlos sumando o restando la misma cantidad de pixeles en el theme-metallic.css línea 260,
	en caso de pasarse de cierto tamaño y se empiece a recortar el contenido, cambiar el ancho al '.content-wrap' en este mismo css */
}

#contenedor-creditos{
    font-size: 11px;
	width: 480px;
}

p{ font-size: 18px; color:#504F51;}
	
	}