/* Estilos generales original */ 
body {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font: 11px arial;
/*    color: #363636; */
	color: #154E87;
	background-image:url('/images/concursdetuba/fondo_web.jpg');
	background-repeat:repeat-x;
}
img { border: 0px }
form { margin: 0px; padding: 0px }
input { font: 11px arial; border: 1px solid #000080 }
select { font: 11px arial; border: 1px solid #000080 }
textarea { font: 11px arial; white-space: nowrap; border: 1px solid #000080 }
iframe { border: 0px; margin: 0px; padding: 0px; overflow: auto }
.ancho { width: 200px }
a { text-decoration: none; color: #006699 }
strong { color: black }
a:hover { text-decoration: none; color: #0099CC }
span.bbox { border: 1px solid black}
span.gbox { padding: 2px; display: block; float: left; border: 2px solid green; background: #DDFFDD; color: green; width: 98%; margin: 0px; margin-bottom: 20px; text-align: center }
span.rbox { padding: 2px; display: block; float: left; border: 2px solid red; background: #FFDDDD; color: red; width: 98%; margin: 0px; margin-bottom: 20px; text-align: center }
.margen { padding: 2px 0px; margin-bottom: 2px  }
.all { width: 100% }

/* Estilos especificos de cada capa */
#page { width: 967px; margin: auto; background-color: #fff }
#header { width: 100%; height: 70px; padding: 0px; background-color: #000080; background-image: url('/images/cabecera.gif'); background-repeat: no-repeat; border: 1px solid #fff }
#fecha { height: 23px; float: right; color: white; margin-right: 4px; margin-top: 4px}
#idiomas { float: right; color: #80E6FF; margin-right: 4px }
#idiomas A { color: white }
#logo a { float: left; text-decoration: none }
#logo a i { visibility: hidden }
a#inicio { position: absolute; float: left; height: 70px; width: 650px; margin-left: 1px; margin-top: -94px }
#body { width: 947px; background-color: #fff; padding: 0px 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; 
clear: both; background-image: url('/images/concursdetuba/fondo_gnrl.jpg'); background-repeat:  repeat-x;}
#menuleft { width: 150px; float: left; padding: 10px 0px }
#content { width: 477px; float: left; padding: 10px 10px }
#contentwide { width: 777px; float: left; padding: 10px 10px }
#contentwidethin { width: 577px; float: left; padding: 10px 10px }
#menuright { width: 300px; float: right; padding: 10px 0px }
#menurightthin { width: 200px; float: right; padding: 10px 0px }
#footer { width: 967px; height: 70px; padding-top: 15px; text-align: center; color: #fff; background-color: #000080; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-image:url('/images/concursdetuba/fondo_footer.jpg'); }
#footer a { color: white }
#menusup .module { margin-bottom: 0px }

/* Recomendados */
#pestanas {
    float: left;
	width: 100%;
	text-align: left;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	border-bottom: 1px solid #006699;
}
#pestanas span.pestana {
    float: left;
	text-align: left;
	padding: 4px;
	margin: 0px;
	border: 1px solid #6BA6C4;
	color: #006699; /*cambio*/
    border-top-width: 5px;
	border-bottom-width: 0px;
}
#pestanas span.pestana:hover {
    cursor: pointer;
}
#pestanas span.sel {
    border-color: #006699;
	color: white;
	background-color: #0099CC;
}
#pestanas span.sel:hover {
    cursor: text;
}
div.pestanacontent {
	width: 100%;
	margin: 0px;
	font-weight: normal;
	display: block;
}

.org { width: 477px }

.rec_img img { width: 477px }
.rec_act { width: 100%; margin: 5px 0px; padding: 3px 0px; clear: both }
.rec_act_img { float: left; width: 20% }
.rec_act_img img  { float: left; width: 100% }
.rec_act_content { float: left; width: 78%; vertical-align: top; text-align: left; margin-left: 3px }
.rec_act_title { float: left; width: 99%; font-weight: bold; text-align: left; clear: both }
.rec_act_descrip { float: left; width: 99%; text-align: justify; color: #555; clear: both }
.rec_act_descrip a { color: #006699 }
.rec_act_sep {  float: left; width: 100%; border-bottom: 1px solid #000080; margin: 2px 0px }

.rec title { float: left; clear: both }
.rec_title A { color: white }

/* Estilos especificos de los distintos componentes de la web*/
.center { text-align: center }
.right { float: right }
.left { float: left }
.sep { float: left; width: 100%; margin: 5px 0px; border-bottom: 1px solid silver }

.paginacion { float: left; width: 100%; margin: 5px 0px; font-size: 12px }
.paginacion .paginacion_left { float: left; width: 20%; text-align: left; border: 1px solid white }
.paginacion .paginacion_middle { float: left; width: 55%; text-align: center }
.paginacion .paginacion_right { float: left; width: 20%; text-align: right }

.nowrap { white-space: nowrap }

.box { 
	float: left;
	width: 100%;
	clear: both;	
}
.box_title { 
	float: left; 
	width: 100%; 
	clear: both; 
	color: white; 
	font-weight: bold; 
	background-color: #006699; 
	padding: 4px; 
	margin-bottom: 14px }
.box_title A { color: white }
.box_content { float: left; width: 100%; clear: both; margin-bottom: 14px }

#menuleft .box_title { width: 96% }
#content .box_title { width: 98.5% }
#menuright .box_title { width: 98% }

.recomendados .box_content {
    height: 380px;
    overflow: auto;
	scrollbar-arrow-color: #586878;
	scrollbar-base-color: #A8C1DA;
	scrollbar-darkshadow-color: #A8C1DA;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #E3EBF3;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	background-image: url('/images/concursdetuba/fondo_derecha.jpg');
	background-repeat:  repeat-x;	
	background-attachment:fixed;
	background-position:bottom;
}

.ult .box_content {
    height: 200px;
    overflow: auto;
}

.hoy_altea .box_content {
    height: 300px;
    overflow: auto;
	scrollbar-arrow-color: #586878;
	scrollbar-base-color: #A8C1DA;
	scrollbar-darkshadow-color: #A8C1DA;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #E3EBF3;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;	
}

.strong { font-weight: bold; color: #006699 }
.label { float: left; width: 27%; margin-bottom: 4px }
.labelall { float: left; width: 100%; margin-bottom: 4px }
.field { float: left; width: 73%; margin-bottom: 4px }

.noresults { width: 100%; text-align: center }
.limpia { clear: both }

TABLE.rec { float: left; width: 100%; clear: both }
TABLE.rec .rec_title { background-color: #000080; color: white; padding: 2px; font-weight: bold }
TABLE.rec TH { background-color: #000080; color: white; padding: 2px; font-weight: bold }
TABLE.rec TD { padding: 2px }
.impar { background-color: #DDDDEE }
.par { background-color: #BBBBCC }

.salto { height: 15px; width: 100% }
.saltop { height: 5px; width: 100% }

/* Calendario */
.tacts {
	display: none;
    padding-left: 10px;
    margin-top: 10px;
    clear: both;
}
.calendarios {
    float: left;
}
.cal_div { float: left; width: 100%; text-align: center; vertical-align: middle; cursor: pointer }
.img { float: left }
.text { float: left; padding-left: 2px; padding-top: 1px }
#cal_multiple {
    float: right;
    display: none;
    width: 250px;
    overflow: auto;
    margin-top: 10px;
    margin-left: 10px;
    text-align: left;
    height: 120px;
    padding-top: 3px;
}

.mes {
    border-style: solid groove;
    border-color: #FAFAFA;
    font-size: 10px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    text-align: right;
    background: #FCFCFC;
    width: 150px;
}

.cal_loading {
	width: 150px;
	text-align: center;
}

.mes a {
	vertical-align: middle;
    font-family: Tahoma, sans-serif, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.mes a:link {color: black}
.mes a:visited {color: #19324B}
.mes a:hover {color: #19324B}
.mes TD, .mes TH {
    margin: 0px;
    padding: 1px;
    width: 13px;
    height: 13px;
    /*line-height: 13px;*/
    vertical-align: middle;
    text-align: right;
    font-weight: normal;
    font-size: 10px;
}

.ops {
    background: #B8C2DA;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bolder;
    width: 13px;
    height: 13px;
    /*line-height: 15px;*/
    margin: 0px;
    padding: 1px;
    /*text-align: center;*/
    border-width: 1px;
    border-color: gray;
    border-style: solid;
}

.diaH  {
    color: white;
    background: #647D96;
}

.diaU { background: #FCFCFC }
.diaU a:link { color: #AAAAAA }
.diaU a:visited { color: #AAAAAA }
.diaU a:hover { color: #AAAAAA }

.diaB { background: #AAAABB }
.diaB a:link { color: white }
.diaB a:visited { color: white }
.diaB a:hover { color: white }

.diaBU { background: #AAAABB }
.diaBU a:link { font-style: italic; color: silver }
.diaBU a:visited { font-style: italic; color: silver }
.diaBU a:hover { font-style: italic; color: silver }

.diaS { background: #647D96 }
.diaS a:link { color: white }
.diaS a:visited { color: white }
.diaS a:hover { color: white }

/* Acordeon menu */
.accordion_toggle {
	display: block;
	border-bottom: 1px solid white;
	cursor: pointer;
	margin: 0px;
	width: 96%;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-color: #000080;
	padding: 4px;
	clear: both;
	background-image: url('/images/concursdetuba/menu.jpg');
}

.accordion_toggle_active {
	background-color: #7272B5;
	color: white;
	border-bottom: 1px solid white;
}

.accordion_content {
	overflow: hidden;
}

.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: black;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

.nested_accordion_toggle {
	display: block;
	border-bottom: 1px solid white;
	cursor: pointer;
	margin: 0px;
	margin-left: 10px;
	width: 90%;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-color: #000080;
	padding: 4px;
	clear: both;
}

.nested_accordion_toggle_active {
	background-color: #7272B5;
	color: white;
	border-bottom: 1px solid white;
}

.nested_accordion_content {
	overflow: hidden;
	margin: 0px;
	margin-left: 10px;
}

.vermas { padding: 0px 2px }
.vermas A { color: #000080; font-weight: bold }

.celda { width: 100%; height: 100% }
.middle { vertical-align: middle }
.bottom { vertical-align: bottom }
.borde { border: 1px solid #000080 }
.width33 { width: 33% }
.height80 { width: 80% }
.height80 { width: 20% }