/* ********** 
    COLORES

    Azul fondo: 52BEBE
    Azul claro: EDF7F5
    Azul sombras: 449A9A
    Azul divisorias: B5C9C8



    Blanco: FFFFFF
	
	Rojo:#057361

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

@font-face{
	font-family: "CambridgeTitulo";
	src: url("billy.eot");
	src: local("CambridgeTitulo"), url("fonts/billy.eot") format("embedded-opentype"),
		 url("fonts/billy.woff") format("woff"),
         url("fonts/billy.ttf") format("truetype"),
         url("fonts/billy.svg") format("svg");
}@font-face{

	font-family: "Cambridge";
	
	src: url("Muli.eot");

	src: local("Cambridge"), url("fonts/Muli.eot") format("embedded-opentype"),

		 url("fonts/Muli.woff") format("woff"),

         url("fonts/Muli.ttf") format("truetype"),

         url("fonts/Muli.svg") format("svg");

}

*{
	font-family:"Cambridge", Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

body{
	padding:0px;
	margin:0px;
	color:#fff;
	font-family: "Cambridge";
}

ol{
counter-reset:li;
margin-left:0;
padding-left:0
}
ol li{
position:relative; 
margin:0 0 10px 2em !important;
padding:4px 1.3em !important;
list-style:none;
*list-style: decimal;
}
ol li:before{
content:counter(li);
counter-increment:li;
position:absolute;
top:0px;
left:-25px; /*tamaño de la fuente*/
width:25px;
padding:4px !important;
text-align:right;
font-weight:bold;
color:#7ac8c5;
}
li img{
	max-width:35px;
}
a, a:hover {
    text-decoration: none;
	font-weight:normal;
}

.bodyPrincipal {
    background: url(../img/fondoSB.png) repeat-x top center #90c278;
}
#paginaPrincipal{
	width:990px;
	height:auto;
	margin: auto;
}
#bloqueCentral{
    width:990px;
    height: auto;
    margin: auto;
}

#cabeceraLogo {
    position: relative;
    float: left;
    width: 990px;
    height: 110px;
    background: url(../img/logohome.png) top 10px right 70px no-repeat;
        background-size: auto auto;
    color: #FFFFFF;
    background-size: 300px;
    padding-top: 5px;
}

#cabeceraLogo img{
	position:relative;
	float:left;
}


#cabeceraLogo span {
    position: relative;
    float: right;
    line-height: 1.1em;
    margin-top: 20px;
}

.sello {
    position: relative;
    width: 80px;
    display: inline-block;
}
.sello img {
    height: 80px;
}
.logoCE {
    position: relative;
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin: 20px 20px 0 0;
}
.logoCE img {
    height: auto;
    width: 430px;
}



.logo{
	position:absolute;
	
	right:20px;
	z-index:2;
}
.logo img{

	width:300px;
	height:auto;
}






.botonHome{
	margin:0px;
}
.botonHome a{
	text-align:center;
}
#cuerporesources{
	position:relative;
	float:left;
	width:950px;
	height: 100%;
	padding: 20px;
	margin:auto;  
	min-height:500px;	
	background: url(../img/FondoTopos.png) repeat ;
	border: 1px solid #057361;
	border-radius: 15px;
	box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
	margin-top: 5px;
}


#tituloTRB{
	position:relative;
	float:left;
	width:890px;
	height:auto;
	padding:20px 15px 10px;
	color:#fff;
	font-size:2.0em;

}
.tres-columnas {
	position:relative;
	float:left;
	width:300px;
	margin:5px;
}
#contRecursosTRB .boton a, a:hover, p{
	font-family:CambridgeTitulo;
}
#contRecursosTRB .botonint a, a:hover, p{
	font-family:CambridgeTitulo;
}
#contRecursosTRB .botoninta a, a:hover, p{
	font-family:CambridgeTitulo;
}
#contRecursosTRB .boton a p{
	margin-top:12px;
}
#contRecursosTRB .boton a{
	position:relative;
	float:left;
	width:200px;
	margin:10px;
	padding:10px 5px;
	text-align:center;
	color:#057361;
	background-color:#fff;
	font-size: 1.2em;
	line-height: 1.0em;
	height:40px;
	border-radius: 10px;
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.3);
	border:3px solid #057361;
}
#contRecursosTRB .boton a:hover{
	color: #057361;
	background-color:#d2eae3;
}

#contRecursosTRB .botonint a{
	position:relative;
	float:left;
	width:240px;
	padding:15px 5px;
	text-align:center;
	margin:5px;
	text-align:center;
	color:#057361;
	background-color:#fff;
	font-size: 1.2em;
	line-height: 1.0em;
	border-radius: 10px;
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.3);
}
#contRecursosTRB .botonint a:hover{
	background-color:#d2eae3;
	
}
#contRecursosTRB .botoninta a{
	position:relative;
	float:left;
	width:240px;
	padding:15px 5px;
	text-align:center;
	margin:5px;
	color: #057361;
	background-color:#d2eae3;
	font-size: 1.2em;
	line-height: 1.0em;
	border-radius:10px;
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.3);
	
}

#contRecursosTRB .mp{
	width:100%;
	height:50px;
	text-align:right;
	margin-top:-20px;
}
#contenedorPDF{
	position:relative;
	float:right;
	width: 550px;
	height:390px;
	padding:10px;
	overflow:scroll;
	overflow-x: hidden;
	font-size:1.0em;
	background-color:#d2eae3;
	border-radius:10px;
	box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.3);
}

#contenedorPDF li{
	position:relative;
	float:left;
	width:100%;
	height:25px;
	margin:8px 0px;
	color:#000;
	list-style:none;
}
#contenedorPDF li a{
	font-family:Cambridge;
	position:relative;
	float:left;
	padding-top:4px;
	color:#000;
}

#contenedorPDF li img{
	position:relative;
	float:left;
	margin-right:10px;
}	

li.pdfTRB{
	background:url(../img/icoPDF.png) left bottom no-repeat;
	padding-left:30px;
}
li.auTRB{
	background:url(../img/icoAudio.png) left bottom no-repeat;
	padding-left:30px;
}
li.viTRB{
	background:url(../img/icoVideo.png) left bottom no-repeat;
	padding-left:30px;
}
li.ppTRB{
	background:url(../img/icoPPT.png) left bottom no-repeat;
	padding-left:30px;
}
li.xlsTRB{
	background:url(../img/icoXLS.png) left bottom no-repeat;
	padding-left:30px;
}
li.zipTRB{
	background:url(../img/icoZIP.png) left bottom no-repeat;
	padding-left:30px;
}
.botonT{
	position: relative;
	float: left;
	width: 100%;
	top: -11px;
	left: 0;
	z-index: 5;

	
}
.botonT img{
	position: relative;
	float: left;
}
#letrero2{
	position:absolute;
	width: auto;
	height:auto;
	padding:5px 15px;
	background-color:#ffffff;
    color:#057361;
	display:none;
	text-align:center;
	margin-top:30px;
}

.diccionario{
	position: absolute;
	display:table;
	width: 630px;
	height: auto;
	z-index:4;
	color:#36054f;
	background-color:#fdddcf;
	box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, 0.40);
   -webkit-box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, 0.40);
   -moz-box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, 0.40);
   z-index:10;
}
.textoDiccionario{
	position: relative;
	float:left;
	width: 570px;
	height:auto;
	padding:10px 20px;
	-moz-border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	border-radius: 0px 0px 12px 12px;
}
#divCerrar{
	position:absolute;
	top:0px;
	right:-10px;
}
.barra{
	position:relative;
	float:left;
	width:100%;
	background:url(../img/fondokey2.png) repeat-x;
	height:21px;
	color:#004b4c;
	text-align:center;
	padding:7px 0px;
}
.barra span{
		width:auto;
		padding:2px 6px;
		background-color:#fdddcf;
		max-width:90%;
}
#playAudio{
	position:relative;
	float:left;
	background: url(../img/audioplay.png) no-repeat scroll 0% 0% / contain;
	border:none;
	width:auto;
	width:45px;
	height:45px;
	cursor: pointer;
	margin-right:8px;
}
#pauseAudio{
	position:relative;
	float:left;
	background: url(../img/audiopause.png) no-repeat scroll 0% 0% / contain;
	border:none;
	width:45px;
	height:45px;
	cursor: pointer;
	margin-right:8px;
}
#stopAudio{
	position:relative;
	float:left;
	background: url(../img/audiostop.png) no-repeat scroll 0% 0% / contain;
	border:none;
	width:30px;
	height:30px;
	cursor: pointer;
	margin-top:6px;
	margin-right:3px;
}
#pieGral{
	position:relative;
	float:left;
	width:100%;
	height:50px;
	padding-top:10px;
    background-color:#fff;
	box-shadow:0px -4px 4px 0px #5e844b;
 	bottom:0px;
}