@charset "utf-8";
/* CSS Document */

.sttabsep
{
color:#646666;
}


/*
.sttabsbarracont
{
padding:0px;
position:relative;
width:5000px;
margin:0px auto;
}
*/

.vista_toolbar {
font:normal 11px tahoma,verdana,arial,sans-serif;
font-weight:bold;
padding:0;
position:relative;
margin:0px 0px;

}

.vista_toolbar ul {
background-image:url(../../comunidad/contenido/backmini.png);
background-repeat:repeat;
float:left;
line-height:30px;
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
width:100%;
}

.vista_toolbar li {
display:inline;
padding:0;
}

.vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 0px 0 12px; /* left 3 px because of left.png image */
text-decoration:none;
}

.vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 0px;
}

.vista_toolbar a span img {
border:none;
margin:8px 8px 0 0;
}

/*show picture when mouse over link */
.vista_toolbar a:hover{
background:url(../../comunidad/contenido/izqmini.png) no-repeat left center;
}

.vista_toolbar a:hover span {
background:url(../../comunidad/contenido/dermini.png) no-repeat right center;
}

.vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}







.sttabact  a{
background:url(../../comunidad/contenido/izqmini.png) no-repeat left center;
}

.sttabact a span {
background:url(../../comunidad/contenido/dermini.png) no-repeat right center;
}

.sttabact a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}





/*

#vista_toolbar {
font:normal 11px tahoma,verdana,arial,sans-serif;
font-weight:bold;
padding:0;
position:relative;
margin:0px 0px;

}

#vista_toolbar ul {
background-image:url(../../imagenes/back2.png);
background-repeat:repeat;
float:left;
line-height:30px;
list-style:none;
margin:0;
padding:0px 0px 0px 0px;
width:100%;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
/*
float:left;
padding:0 0px 0 12px; /* left 3 px because of left.png image */
/*
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 0px;
}

#vista_toolbar a span img {
border:none;
margin:8px 8px 0 0;
}

/*show picture when mouse over link */
/*
#vista_toolbar a:hover{
background: url(../../imagenes/left2.png) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(../../imagenes/right2.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
/*
}
*/










.stsubtab
{
	
font:normal 11px tahoma,verdana,arial,sans-serif;
font-weight:bold;
padding:0px;
position:relative;
margin:0px 0px 0px 2px;

}

.stsubtab ul
{
width:100%;
position:relative;
padding:0px;
margin:0px;

}

.stsubtab li 
{
background-color:#C4CFE0;
float:left;
margin:0px 3px 0px 0px;
padding:0px;
list-style:none;
position:relative;

}


.stsubtab a
{
color:#006;
font-weight:bold;
display:block;

border:1px #969BA1 solid;
border-bottom:none;
text-decoration:none;
padding:4px;
position:relative;

}

/*
.stsubtab a:hover
{
background-color:#eee;
color:#006;
border-bottom:none;
z-index:3;
}
*/


.stsubtab li .sttabactiva
{
text-decoration:none;
/*padding:4px;*/
font-weight:bold;
/*display:block;*/
background-color:#eee;
color:#006;
border:1px #969BA1 solid;
border-bottom:none;
position:relative; 
z-index:3;
}



.stsubpaginador
{
color:#000066;
font-weight:bold;
line-height:20px;
margin:5px auto;
width:96%;
border:1px solid #969BA1;
background-color:#D6DDE7;
}


.stsubpaginador a
{
color:#000066;
text-decoration:none;	
}

.stsubpaginador span
{
margin:2px 2px 2px 4px;
}

.stsubpag
{
margin-right:20px;
float:right;
position:relative;
}

.stshowbox
{
width:565px;
margin:0 auto;	
}


.stshowbox img
{
background-position:top center;
background-repeat:no-repeat;
border:none;
margin:0px;
padding:0px;
}


.stdesbox
{
width:96%;	
margin:5px auto;
border:1px solid #969BA1;
background-color:#D6DDE7;
padding:5px;
}



.barrasec
{

width:100%;
/*height:90px;*/
height:165px;
position:relative;
overflow:hidden;
background-image:url(../../comunidad/contenido/barrasecfondo.jpg);
background-color:#cccccc;
background-repeat:repeat-x;
text-align:left;
font-family:verdana;
font-size:10px;


}

.barrasecico
{
width:3000px;
height:165px;
/*height:90px;*/
position:relative;
padding-left:20px;

}


.barrasecico div
{

width:80px;
float:left;
margin:2px 2px 0px 20px;
margin-top:5px;
text-align:center;

}

.barrasec img
{

border:none;

}

.barrasec a
{

text-decoration:none;

}


.barrasecizq
{
width:25px;
/*height:90px;*/
height:165px;
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
background-color:#cccccc;
}

.barrasecder
{

width:25px;
/*height:90px;*/
height:165px;
position:absolute;
top:0px;
right:0px;
margin:0px;
padding:0px;
background-color:#cccccc;

}