/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px; vertical-align: baseline; background: transparent; font-family:Calibri, Verdana, Arial;} */

html, body {
    margin: 0;
    padding: 0;
    
    font-family: Helvetica, 'Open Sans', sans-serif;
    font-size: 16px;
}

/* ******************** ESTRUCTURA ******************** */

.oculto {
    display: none;
} 

#cuerpo {
	padding: 0 20px;
    margin: 0 0 20px 0;
    
    color: black;
    background: white;    
}


/* ******************** CABECERA ******************** */

#cabecera {	
    height: 120px;
    
    padding: 0 20px;
    margin: 0;
    
    color: white;
    background: #002B45;
}

#logotipo {
    float: left;
    
    margin: 40px 0 0 0;
    padding: 0;
}

#logotipo img
{
    border: 0;
}

#titulo {
    float: right;
    
    margin: 63px 0 0 0;
    padding: 0;
    
    font-size: 1.5em;
}

/* ******************** NAVEGACIÓN ******************** */

#navegacion {
	float: left;
	
	width: 100%;
	
	margin: 0;
	padding: 30px 0;	
	
	border-bottom: 1px solid #c5c5c5;
}

#ruta {
	float: left;
	
	margin: 0;
	padding: 0 0 0 20px;
}

#ruta ul {
	float: left;
	
	margin: 0;
	padding: 0;
	
	list-style: none;
}

#ruta ul li {
	float: left;
	
	margin: 0 12px 0 0;
	padding: 0 0 0 17px;
	
	background: white url("../imagenes/contenido_multimedia/ico_path.png") no-repeat left;	
}

#ruta ul li a {
	color: #343434;
	
	padding: 0 0 1px 0;
	
	text-decoration: none;
	border-bottom: 1px solid #343434;
}

#ruta ul li a:hover, #ruta ul li a:active {
	color: #002B45;
	
	border: none;
}
	
#ruta ul li strong {
	color: #002B45;
}
	
#volver {
	float: right;
	
	margin: 0;
	padding: 0 20px 0 17px;
	
	background: white url("../imagenes/contenido_multimedia/ico_volver.png") no-repeat left;		
}

#volver a {
	color: #343434;
	
	padding: 0 0 1px 0;
	
	text-decoration: none;
	border-bottom: 1px solid #343434;	
}

#volver a:hover, #volver a:active {
	color: #002B45;
	
	border: none;	
}

/* ******************** HERRAMIENTAS ******************** */

#herramientas {
	float: left;
	
	width: 100%;
	
	margin: 0;
	padding: 30px 0;	
	
	border-bottom: 1px solid #c5c5c5;
}

#filtro p {
	float: left;
	
	margin: 0 20px 0 0;
	padding: 0;
}

#filtro {
	float: left;
	
	margin: 0;
	padding: 0 0 0 20px;
}

#filtro ul {
	float: left;
	
	margin: 0;
	padding: 0;
	
	list-style: none;
}

#filtro ul li {
	float: left;
	
	margin: 0 12px 0 0;
	padding: 0 0 0 17px;
}

#filtro ul li a {
	color: #5c5c5c;
	
	padding: 0 0 1px 17px;
	
	text-decoration: none;
	border: none;
}

#filtro ul li a:hover, #filtro ul li a:active {
	color: #002B45;
	
	text-decoration: underline;
	/*border-bottom: 1px solid #009ada;	*/
}
	
#filtro ul li strong {	
	color: #002B45;
	
	padding: 0;
	
	font-weight: normal;
}

.ordenup {    
	background: white url("../imagenes/contenido_multimedia/ico_orden_up.png") no-repeat left;		
}

.ordendown {
	background: white url("../imagenes/contenido_multimedia/ico_orden_down.png") no-repeat left;		
}

#resumen {
	float: right;
	
	margin: 0;
	padding: 0 20px 0 0;
}

#cancelar_orden {
    float: left;
    
    margin: 2px 0 0 17px;
    padding: 2px 0 0 0;
    
    font-size: 0.7em;
    font-weight: normal;
    
    color: #5c5c5c;    
    background: white url("../imagenes/contenido_multimedia/ico_tar_del.png") no-repeat left;		
}

#cancelar_orden a {
    padding: 0 0 0 20px;
    
    color: #5c5c5c;
    text-decoration: none;    
}

#cancelar_orden a:hover, #cancelar_orden a:active {
    text-decoration: underline;
    
    color: #002B45;
}

/* ******************** ARCHIVOS ******************** */

#archivos {
	float: left;
	
	width: 100%;
	
	margin: 0;
	padding: 10px 0 30px 0;	
	
	border-bottom: 1px solid #c5c5c5;
}

.archivo {
	float: left;
	
	width: 200px;
	
	margin: 20px 0 0 20px;
	padding: 0;
	
	overflow: hidden;
}

.mascara {
	float: left;
	position: absolute;	
		
    margin: 0;
    padding: 0;		
		
	width: 200px;
	height: 200px;	
	
	background: transparent url("../imagenes/contenido_multimedia/mascara.png") no-repeat;		
}

.mascara a {
    float: left;
    
    display: block;
    
    margin: 0;
    padding: 0;		
    
    width: 200px;
    height: 200px;        
}

.mascara img {
	float: left;	
	position: absolute;
	
    margin: 0;
    padding: 0;			
}

.mascara:hover     
{    
    /* tora */
    /*background: transparent url("../imagenes/contenido_multimedia/mascara_alfa.png") no-repeat;*/	    
}

.miniatura {
    float: left;
     
    width: 200px;
    height: 200px;
    
    margin: 0;
    padding: 0;
    
    overflow: hidden;    
}

.imagen_miniatura {
    width: 200px;
    height: 200px;
    
    margin: 0;
    padding: 0;
    
    overflow: hidden;

    border-radius: 4px; 
    -ms-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;    
    
    /*tora*/
    /*background-color: #FFCF41;*/
    background-color: #C6C6C6;
}

/* tora */
.imagen_miniatura:hover{
    background-color: #FFCF41;
}

.datos {
	float: left;
	
	margin: 0;
	padding: 0;
	
	height: 45px;
}

.nombre {
	float: left;	
	
	width: 200px;
	
	margin: 5px 0 0 0;
	padding: 0;
	
	font-size: 0.9em;
	color: #343434;
}

.nombre a {
    color: #343434;
    text-decoration: none;
}

.nombre a:hover, .nombre a:active {
    color: #002B45;
    
    text-decoration: underline;
}

.contenido {
	float: left;
	
	width: 200px;
	
	margin: 0;
	padding: 5px 0 0 0;
	
	color: #5c5c5c;	
	
	font-size: 0.8em;	
}

.contenido strong {
	color: #002B45;
}

.tipo {
	float: left;
	
	margin: 0;
	padding: 3px 5px;
	
	color: white;
	background: #343434;
	
	font-size: 0.7em;
}

.descargar a {
    display: block;
	float: left;
	
	margin: 0 0 0 5px;
	padding: 3px 5px;
	
	color: white;
	background: #002B45;
	
	font-size: 0.7em;
    text-decoration: none;
}

.descargar a:hover, .descargar a:active {
    
    /*tora*/
    /*color: white;*/
    /*background: black;*/
    background: #FFCF41;
    color: black;
}

.bytes {
	float: left;
	
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	
	color: #5c5c5c;
	
	font-size: 0.7em;
	font-style: italic;
}

#contenedor_video {
    float: left;
    
    width: 100%;
    
    margin: 0;
    padding: 30px 20px;
    
    background: black;
    
    text-align: center;
    	
    border-bottom: 1px solid #c5c5c5;
}

#video 
{    
    width: 600px;   
    height: 400px;
         
    margin: 0 auto;
    
    text-align: center;
    background: blue;
}

/* ******************** PIE ******************** */

#pie {
	float: left;
	
	width: 100%;
	
	margin: 30px auto;
	padding: 0;
	
	font-size: 0.8em;
	text-align: center;
	
    color: #5c5c5c;
}

#pie a {
    color: #5c5c5c;
}

#pie a:hover, #pie a:active {
    color: #002B45;
    
    text-decoration: none;
}