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

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

    Marron: 540005

    Blanco: FFFFFF

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

@font-face{
	font-family: "CambridgeTitulo";
	src: url("CooperHewitt-Semibold.eot");
	src: local("CooperHewitt-Semibold"), url("fonts/CooperHewitt-Semibold.eot") format("embedded-opentype"),
		 url("fonts/CooperHewitt-Semibold.woff") format("woff"),
         url("fonts/CooperHewitt-Semibold.ttf") format("truetype"),
         url("fonts/CooperHewitt-Semibold.svg") format("svg");
}
@font-face{
	font-family: "Cambridge";
	src: url("CooperHewitt-Medium.eot");
	src: local("CooperHewitt-Medium"), url("fonts/CooperHewitt-Medium.eot") format("embedded-opentype"),
		 url("fonts/CooperHewitt-Medium.woff") format("woff"),
         url("fonts/CooperHewitt-Medium.ttf") format("truetype"),
         url("fonts/CooperHewitt-Medium.svg") format("svg");
}
*{
	font-family:"Cambridge", Arial, Helvetica, sans-serif;
	font-size:1.0em;
}

body{
	padding:0px;
	margin:0px;
	color:rgb(54,5,64);
}

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;
}

.bodyPrincipal {
    background-color: #00acdc;
    background-image: url(../img/fondoSB.png);
    background-repeat: repeat;
}
#paginaPrincipal{
	width:990px;
	height:auto;
	margin: auto;
}
#bloqueCentral{
    width:990px;
    height: auto;
    margin: auto;
}

#cabeceraLogo{
    position: relative;
    float: none;
    width: 990px;
    height: 110px;
    color: #FFFFFF;
    margin: 0px auto;
}
#cabeceraLogo img{
	position:relative;
	float:left;
}
#cabeceraLogo span{
	position:relative;
	float:left;
	padding:20px 10px;
}

.logo{
	position:absolute;
	width:166px;
	height:97px;
	right:80px;
}
.logo img{

	width:auto;
}


.botonHome{
	margin:0px;
}
.botonHome a{
	text-align:center;
}
#cuerporesources{
	position:relative;
	float:left;
	width:950px;
	height: 100%;
	padding: 20px;
	margin:auto;
	box-shadow: 2px 2px 2px 0 #666666;
   -webkit-box-shadow: 2px 2px 2px 0 #666666;
   -moz-box-shadow: 2px 2px 2px 0 #666666;  
    background-color: #00acdc;
    box-shadow: 0px 0px 5px rgba(54,5,64,0.2);
	min-height:500px;
  
}

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

}
.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:#00acdc;
	background-color:rgba(213,239,249,1);
	font-size: 1.2em;
	line-height: 1.0em;
	height:40px;
}
#contRecursosTRB .boton a:hover{
	color:#4a2b00;
	background-color:rgba(213,239,249,0.5);	
}

#contRecursosTRB .botonint a{
	position:relative;
	float:left;
	width:190px;
	
	padding:15px 10px;
	text-align:center;
	margin:1px;
	text-align:center;
	font-size: 1.2em;
	line-height: 1.0em;	
	color:#00acdc;
	background-color: rgba(213,239,249,1);
}
#contRecursosTRB .botonint a:hover{
	color: #4a2b00;
	background-color: rgba(213,239,249,0.5);
	
}
#contRecursosTRB .botoninta a{
	position:relative;
	float:left;
	width:190px;
	
	padding:15px 10px;
	text-align:center;
	margin:1px;
	text-align:center;
	color:#302413;
	background-color: rgba(213,239,249,0.5);
	font-size: 1.2em;
	line-height: 1.0em;
	
}

#contRecursosTRB .mp{
	width:100%;
	height:50px;
	text-align:right;
	margin-top:-20px;
}
#contenedorPDF{
	position:relative;
	float:right;
	width: 550px;
	height:260px;
	padding:10px;
	overflow:scroll;
	overflow-x: hidden;
	font-size:1.0em;
	background-color:#a6d5e2;
}

#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;
	margin-top:-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.docTRB{
	background:url(../img/icoWORD.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: -20px;
	left: -20px;
}
.botonT img{
	position: relative;
	float: left;
}
#letrero2{
	position:absolute;
	width: auto;
	height:auto;
	padding:5px 10px;
	color:#fff;
	background-color:#4a2b00;
	display:none;
	text-align:center;
}

.diccionario{
	position: absolute;
	display:table;
	width: 630px;
	height: auto;
	z-index:4;
	color:#4a2b00;
	background-color:rgba(213,239,249,1);
	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);
}
.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:#350e4f;
	text-align:center;
	padding:7px 0px;
}
.barra span{
		width:auto;
		padding:2px 6px;
		background-color:rgba(213,239,249,1);
		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:fixed;
	width:100%;
	height:50px;
	padding-top:10px;
    background-color:#4a2b00;
 	bottom:0px;
}