/*
Estilos Mediateca CBA
*/
td { color: #ccc; font-size: 11px; }
#mt_container a { color: #fff; font-weight: 700; text-decoration: none; }
#mt_container a:hover { text-decoration: underline; }
#mt_container ul { margin: 0; padding: 0; list-style-type: none; }
#mt_container ol { color: #fe1111; margin: 0; padding: 0 0 0 15px; }
#mt_container li { margin: 0 0 1em; }
#mt_container li span { color: #ccc; }
#mt_container {
	 
}
#mt_wrapper { background-color: #7c7c7c; padding: 13px 13px 13px 0; }
#mt_content { background-color: #454346; }
.mt_content-inner { padding: 13px 0 13px 13px; }
#mt_leftCol { width: 199px; float: left; margin: 0 13px 0 0; }
#mt_leftCol_theme2 { width: 480px; float: left; margin: 0 13px 0 0; }
#mt_rightCol { width: 480px; float: left; }
#mt_rightCol_theme2 { width: 199px; float: left; }
#mt_leftCol h2 { color: #333; font-size: 16px; font-weight: 700; background-color: #7e7e7e; margin: 0; padding: 0.2em 0.5em; }
/*#mt_rightCol_theme2 h2 { color: #fc0; font-size: 14px; font-weight: 700; background-image: url(../img/mt/h2_right.gif); background-repeat: no-repeat; background-position: right top; margin: 0; }*/
#mt_rightCol_theme2 h2 { color: #fc0; font-size: 14px; font-weight: 700; margin: 0; }
#mt_leftCol h3 { color: #ccc; font-size: 12px; font-weight: 700; margin: 0 0 1em; padding: 0; }
#mt_rightCol_theme2 h3 { color: #ccc; font-size: 12px; font-weight: 700; margin: 0 0 1em; padding: 0; }
#mt_leftCol .content, #mt_rightCol_theme2 .content { padding: 8px; }

#mt_rightCol h1, #mt_leftCol_theme2 h1 { color: #fff; font-size: 14px; font-weight: 700; margin: 0 0 1em; padding: 0; }
#mt_rightCol .mv_wrapper, #mt_leftCol_theme2 .mv_wrapper { background-color: #111112; text-align: center; width: 480px; float: left; margin: 0 0 1em; }
#mt_rightCol .qt_320, #mt_leftCol_theme2 .qt_320 { background-color: #2b2b2b; position: relative; width: 320px; float: left; margin: 13px 0 13px 80px; }

/* VISOR
------------------------------------------------------------------------------*/
.mt_moretable { margin: 1em 0 2em; }
.mt_moretable h1 span { background-image: url(../img/mt/h2_right.gif); background-repeat: no-repeat; background-position: right 2px; padding: 0 50px 0 0; }
.mt_row { margin: 0 0 1em; }
.mt_row div { width: 150px; float: left; margin-top: 0; margin-right: 10px; margin-left: 0; }
.yellowlink { color: #fc0 !important; font-size: 12px; font-weight: 700; }
.rsslink { color: #f60 !important; font-size: 12px; font-weight: 700; background-image: url(../img/mt/icon_rss.gif); background-repeat: no-repeat; background-position: right 2px; padding: 0 40px 0 0; }

/* INDICE
------------------------------------------------------------------------------*/
.mt_link_back { color: #fe1111 !important; font-weight: 700; background-image: url(../img/mt/arrow_left_red.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0 0 15px; }
.mt_indice_col { color: #fe1111; font-weight: 700; width: 150px; float: left; margin-right: 15px; }

/* BUSCADOR
------------------------------------------------------------------------------*/
.mt_search_box { background-color: #ccc; padding: 20px; }
.mt_search_box td { color: #454346; font-size: 13px; font-weight: 700; }
.mt_results_list { margin: 2em 0 0; }
.mt_results_list td { font-size: 12px; padding: 0.5em 0.5em 0.5em 0; border-bottom: 1px solid #7c7c7c; }
.mt_results_list td p { margin: 0.5em 0 0; padding: 0; }
.mt_thumbnail_box { background-color: #767277; text-align: center; width: 110px; float: left; margin: 0 15px 0 0; }

/* ENVIAR A UN AMIGO
------------------------------------------------------------------------------*/
.form_enviar { margin: 2em 0 0; }
.input_field { background-color: #fff; width: 300px; padding: 0.2em; border: solid 1px #8394a0; }
.txt_destacado { font-size: 13px; }
/* STEPCAROUSEL
------------------------------------------------------------------------------*/
.mt_scroller { margin-top: 1em; }
.stepcarousel{ position: relative; /*leave this value alone*/
left: 30px; overflow: scroll; /*leave this value alone*/
width: 417px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 8px;
top: 0;
}

.stepcarousel .panel{ float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 28px 10px 10px; /*margin around each panel*/
width: 110px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}
.stepcarousel .panel div { background-color: #000000; height: 82px; overflow: hidden; }
.stepcarousel_col { position: relative; /*leave this value alone*/
left: 0px;
overflow: scroll; /*leave this value alone*/
width: 199px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel_col .belt_col{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel_col .panel_col{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0.5em 10px 10px 0; /*margin around each panel*/
width: 190px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}


.mt_submit { color: #666; font-size: 16px; font-weight: 700; background-color: #ccc; padding: 5px 8px; border: solid 1px; }
/* SOLAPAS
------------------------------------------------------------------------------*/

.mt_solapas div { float: left; }



.sol_mediateca a {
	background-image: url(../img/mt/sol_mediateca.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 100px;
	height: 22px; }

.sol_mediateca a:hover { 
	background-position: 0 -22px;
}

.sol_mediateca a:active, .sol_mediateca a.active {
	background-position: 0 -44px;
}


.sol_buscador a {
	background-image: url(../img/mt/sol_buscador.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 95px;
	height: 22px; }

.sol_buscador a:hover { 
	background-position: 0 -22px;
}

.sol_buscador a:active, .sol_buscador a.active {
	background-position: 0 -44px;
}


.sol_indice a {
	background-image: url(../img/mt/sol_indice.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 139px;
	height: 22px; }

.sol_indice a:hover { 
	background-position: 0 -22px;
}

.sol_indice a:active, .sol_indice a.active {
	background-position: 0 -44px;
}

/* STEPCAROUSEL
------------------------------------------------------------------------------*/
.txt_small { font-size: 90%; }

/* AUX
------------------------------------------------------------------------------*/



.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
img {
	border-width: 0; 
}