/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .tabs-hide {

        display: none;

    }

}



/* Hide useless elements in print layouts... */

@media print {

    .tabs-nav {

        display: none;

    }

}



/* Skin */

.tabs-nav {

    width: 300px;

    list-style: none;

    margin: 0 1px 0 -8px;

    padding: 0;

}



.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}

.tabs-nav li {

    float: right;

    margin: 0 0 0 1px;

}



.tabs-nav a, .tabs-nav a span {

    display: block;

}



.tabs-nav a {

    font-family: Tahoma, Arial, Helvetica, sans-serif;

    font-size: 9px;

    position: relative;

    top: 1px;

    z-index: 2;

    padding-left: 0;

    color: #27537a;

    text-align: center;

    text-decoration: none;

    white-space: nowrap; /* required in IE 6 */    

}

/*agregado 26-03-2009*/
.tabs-nav a.activeCartelera, .tabs-nav a.activeLeidasValoradas {
	
	background-image:url(/arte/solapaselect.png);
	background-repeat:no-repeat;
        outline-color:-moz-use-text-color;
        outline-style:none;
	
}
/**/

.tabs-nav .tabs-selected a {

    color: #000;

}



.tabs-nav a:hover, .tabs-nav a:focus {

   text-decoration: none;

   outline: 0; /* prevent dotted border in Firefox */
   

}



.tabs-nav .tabs-selected a, .tabs-nav a:active {

    background: url(/arte/solapaselect.png) no-repeat;

    outline: 0; /* prevent dotted border in Firefox */

}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {

    background: url(/arte/solapa.png) no-repeat;

}

.tabs-nav a span {

    padding-top: 5px;

    padding-right: 0;

    height: 12px;

    width: 74px; 

}



.tabs-nav .tabs-selected a span {

    padding-top: 7px;

}

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {



}

.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {



}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    /*cursor: text;*/
    cursor:hand;


}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}

.tabs-nav .tabs-disabled {



}



.tabs-container {

    border: 1px solid #CECAB3;

    background: #fff; 

    padding: 5px 5px 5px 5px;

}

/*agregado 26-03-2009*/
.contentCartelera , .contentLeidasValoradas{

    border: 1px solid #CECAB3;

    background: #fff; 

    padding: 5px 5px 5px 5px;

}
/**/

/*

 * Cartelera 

 */



/* global, junto con el marco de la segunda columna 



#cartelera {

	width: 295px;

	margin-left: 5px;

	margin-bottom: 5px;

}



*/



#cartelera em {

	font-family: Georgia,"Times New Roman",Times,serif;

	color:#FF0000;

	font-size:14px;

	font-weight: normal;

}



#cartelera p {

	height:55px;

	margin:0px;

	color:#6C6C6C;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

}



#cartelera img {

	border:1px solid #E5E2CB;

	float:right;

	padding: 1px;

}



#cartelera .separador  {

	border-top:1px dotted #999999;

	height:1px;

	margin:0.5em 0 0.5em 0;

}



/* global, junto con el marco de la segunda columna 

#leidasValoradas { 

	width:290px; 

	margin-left: 5px;

	margin-bottom: 5px;

}

*/



#leidasValoradas em {

	color:#999999;

	font: bold 12px Arial,Helvetica,sans-serif;

}

#leidasValoradas p {

	color:#999999;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	font-weight:bold;

	margin:0.5em 0 0.5em 0;

}



#leidasValoradas a {

	color:#134D86;

	font-weight:normal;

	text-decoration:none;

}