﻿/* 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... */

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 31px
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " "
}
.tabs-nav li { position:relative;
    float: left;
    margin: 0 0 0 0px;
    min-width: 14px /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 1px
}


.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0; 
    color: #27537a;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
	color:#1f4053;	
    font-weight: bold;
	margin-top: -6px
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0 /* prevent dotted border in Firefox */
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto
}
.tabs-nav .tabs-selected a span {
    padding-top: 5px;
	height:auto
}
.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
}
.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 {
    opacity: .4;
}
*/
.tabs-container {
	float:left; 
	/*width:62.9em;*/
    /*border: 1px solid #DCDCDC;*/
    padding: 1em;
    background: #fff /* declare background color for container to avoid distorted fonts in IE while fading */
}
#container-2 .tabs-nav
{
	border-bottom: 1px solid #DCDCDC;
}

/*.caja_tabs .tabs-container { 
	float:left; 
	width:62.9em;
	border: 1px solid #DCDCDC;
	padding: 1em 0.65em;
	background: #fff; 
	margin-bottom:15px
}*/

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%
}


/*Listados TABS MODIFICADOS---------------------------*/


/*Tabs por defecto*/
	ul.tabs-nav{
		width:auto
	}
	ul.tabs-nav li {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:1em
	}
	* html ul.tabs-nav li {
		width:10%
	}
	ul.tabs-nav a {	
		background:url(_layouts/images/icea/fd_right_normal.gif) right 0px no-repeat;
		height:1.3em;  
		color: #333; 
		font-size: 1em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap; /* required in IE 6 */  
		padding:0 0 0 0 
	}
	
	
	ul.tabs-nav li.deactived a{ color:#cccccc}
	
	
	.tabs-nav a span {
		min-height: 12px;
		padding:2px .6em 0 .6em !important 
	}
	
	
	/*Estado SELECCIONADO*/
	
	
	li.tabs-selected{ 
		position:relative;
		height:2.05em;
		background:url(_layouts/images/icea/fd_left_on.gif) left 1px no-repeat !important; 
		padding-left:5px  !important;
		margin:-7px 0 0 -2px !important;
		border-bottom:none;
	}
	li.tabs-selected a{
		height:2.05em;
		background:url(_layouts/images/icea/fd_right_on2.gif) right top no-repeat !important; 
		color:#1d3e51 !important;
		font-weight: bold; 
		margin-top:0px !important;
	}
	li.tabs-selected span{ 
		padding-top:5px !important; margin-right:4px !important; cursor:pointer; 
	}
	
	
	/*Tab final*/
	li.tabs-selected#final a{ 
		background:url(_layouts/images/icea/fd_right_on_final.gif) right top no-repeat !important; padding-right:0px;
	}
	li.tabs-selected#final a span{ margin-right:0px !important}
	
	
	/*Tab inicio*/
	
	
	#inicio.tabs-selected{ 
		background:url(_layouts/images/icea/fd_left_on_inicio.gif) left 1px no-repeat !important; 
	}
	
	#inicio.tabs-selected a{
		height:2.05em ;
		background:url(_layouts/images/icea/fd_right_on2.gif) right top no-repeat !important; 
		color:#333;
		font-weight: bold; 
		margin-top:0px !important;
	}
	#inicio span{	
		background:url(_layouts/images/icea/fd_left_inicio.gif) left 0px no-repeat !important; 
		height:1.25em !important; 
	}
	#inicio.tabs-selected span{	
	background:none !important;
	}
	


.marcado { color:#990000;}


	
	

/*fin Listados TABS---------------------------*/

.tabs-nav  li.cerrado#inicio a span{ 
background: url(_layouts/images/icea/bg-cerrado.jpg) 98% 50% no-repeat ! important;
 padding-right:15px ! important;
	
}

.tabs-nav li.cerrado a span{ background-image:inherit; 
background: url(_layouts/images/icea/bg-cerrado.jpg) 98% 50% no-repeat ! important;
 padding-right:15px ! important;
	
}

.tabs-nav  li.abierto#inicio a span{ 
background: url(_layouts/images/icea/bg-abierto.jpg) 98% 50% no-repeat ! important;
 padding-right:15px ! important;
	
}

.tabs-nav li.abierto a span{ background-image:inherit; 
background: url(_layouts/images/icea/bg-abierto.jpg) 98% 50% no-repeat ! important;
 padding-right:15px ! important;
	
}


	/*Tab unica*/



	#unica.tabs-selected{ 
		background:url(_layouts/images/icea/fd_left_on_inicio.gif) left 1px no-repeat !important; 
	}


	li.tabs-selected#unica a{ 
		background:url(_layouts/images/icea/fd_right_unica2.gif) right top no-repeat !important; padding-right:5px;
	}
	li.tabs-selected#unica a span{ margin-right:0px !important}
	



