@media screen{
/* ---------------------- Cosas para esta web en especial --------------------------------- */
.rojo{background-color:#FF0000;width:16px;}
.verde{background-color:#00FF00;width:16px;}
.amarillo{background-color:#FFFF00;width:16px;}

.boton {color:#000000;display:block;text-align:center;padding:2px;margin:1px;vertical-align: middle;min-height:20px;color: #000000;text-decoration: none;border: 1px solid #CCCCCC; background-color:#FFCC66;}
.boton:hover {color:#000000; background-color:#ADCE5A;cursor:pointer;}
.boton img{ vertical-align: middle;border:none;}
.botonIcono { display:inline;max-width:20px;max-height:20px;margin:0px;vertical-align: middle;text-decoration: none;border: none; background-color: transparent;}
.botonIcono:hover {background:transparent;border:none solid transparent;cursor:pointer;}
.botonIcono img{vertical-align: middle;padding:0px;border:none;max-width:20px;max-height:20px;}
.botonIcono td{border:0px;}

.valignTop{vertical-align:top;}
.padding5px{padding:5px;}
.margin5px{margin:5px;}
.margintop16px{margin-top:16px;}
.marginleft16px{margin-left:16px;}

.margintopAux{margin-top:140px;}

.border0{border:0px solid;}
.block{display:block;}

table{border-collapse: collapse;}
/* --------------------- Plantilla pagina principal y elementos comunes ----------------------*/
html, body {font-size: 1.0em;font-weight: normal;color: #000000;font-family: Verdana, Helvetica, sans-serif;padding:0px;margin:0px;background-color:#FFFFFF;}

a, a:link, a:active, a:visited {text-decoration: underlined; color:#E27001;}
a:hover{color:#E27001;text-decoration:underlined;cursor:pointer;}
a img{border:0px solid #FFFFFF;text-decoration:none;}

img{border: 0px solid #FFFFFF;margin:2px;vertical-align:middle;}
img.xs{width:50px;}
img.s{width:100px;}
img.m{width:150px;}
img.l{width:200px;}
img.xl{width:350px;}
img.xxl{width:500px;}
img.border0{border:0px;}
.imgajax img{max-width:380px;}

p {margin:5px;font-size:1.0em;padding:4px; text-align:justify;}
.xxs {font-size:0.6em;}
.xs {font-size:0.7em;}
.s {font-size:0.8em;}
.m {font-size:0.9em;}
.l {font-size:1em;}
.xl {font-size:1.2em;}
.xxl {font-size:1.5em;}

h1 {font-size:1.4em;color:#515151;font-family:Arial,Helvetica,sans;font-weight:bold;}
h2 {font-size:1.2em;color:#515151;font-weight:bold;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}

li {list-style: none;background-image: url("style3/li.gif");background-position:top left;background-repeat: no-repeat;padding-left: 28px;}

form {font-size:1em;}
input, select{border: 1px solid #CCCCCC;min-height:20px;vertical-align:top;background-color:#FFFFFF;margin:2px;}
textarea{padding:2px;background-color:#FFFFFF; border: 1px solid #CCCCCC;vertical-align: middle;}
input.hidden{margin:0px;padding:0px;visibility:hidden;border:0px;background: transparent;}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover,textarea:focus, textarea:hover {background-color:#FFFFFF;}
button{background-color:#FFD7AE;margin:0px;border:0px;padding:0px;vertical-align:top;}

.floatleft{float:left;margin:0px 5px 0px 5px;}
.floatright{float:right; margin:0px 5px 0px 5px;}
.floatcenter{margin:0px auto 0px auto;}
.center{text-align:center;}
.right{text-align:right;vertical-align: middle;}

/* ----------contenedor de la pagina y columnas-------- */
#container {font-size:0.7em;width: 984px;padding:0px;margin-top:0px;margin-left: auto;margin-right: auto;border-left:0px;border-right:0px;background-color:#FFFFFF;background-image:url("style3/bg1.gif");background-position: top center; background-repeat:repeat-y;}
#container2 {width: 100%;margin-left: auto;margin-right: auto;border:0px solid #000000;} 

#leftcol {float: left;width: 275px; padding:2px 2px 2px 10px; }/*Columna izquierda*/
#centercol {margin: 0px 0px 0px 280px; padding-left: 2px; padding-right:2px;}/*Columna central*/
#rightcol {display:none;float: right; width: 0px; border: 0px;padding:0px 0px 0px 0px;}/*Columna derecha*/

/* ----------divisor para poner 2 columnas en la zona central-------- */
.divisor{display:table;margin:0px;height:100%;}/*division en dos columnas*/
.divisorright{width:100%;vertical-align:top;margin: 0px 0px 0px 265px;border: 0px;}/*subdivisiones columna central*/
.divisorleft{float:left;margin:0px;width: 265px;border: 0px;}/*subdivisiones columna central*/

/* ---------- tablas para comentarios, contenidos tabulados... ---------- */
.tableData2c {width:100%;border: 1px solid #CCCCCC; padding:0px;margin: 10px 0px 4px 0px; border-collapse: collapse;}
.tableData2c td {border: 1px solid #CCCCCC; vertical-align: middle;text-decoration: none;padding:2px 4px 2px 4px;text-align:left;}
.tableData2cTD {font-weight:bold;vertical-align: middle;color: #000000;text-decoration: none;text-align:left;padding: 0px 2px 0px 2px;border: 1px solid #CCCCCC;background-color:#FFCC66;}
.hoverTR tr:hover{background-color:#EEEEEE;}

.tableCentral {width:98%;border: 0px;padding:0px; border-collapse: collapse;}
.titleLarge td{font-size: 1.5em;font-weight: bold;color:#515151;padding:4px;}

/* ----------cabecera de la pagina (logo)-------------- */
#cabecera {vertical-align:bottom;height:238px;padding: 0px;margin: 0px;background-image:url("style3/bgheader.jpg"); background-position: left top; background-repeat:no-repeat;}
#cabecera img {vertical-align:center;padding:0px;margin:0px;border:0px;} 
#logocabecera{padding:0px;border:0px;margin:0px;}/*imagen con logo pagina*/
#boxcabecera{position:absolute;top:186px;padding:0px 9px 0px 9px;float:left;height:50px;margin:0px;}/*para buscador, menu horizontal,etc*/
#boxcabecera form{display:inline;}
#boxcabecera td{vertical-align:top;}

/*  ----------------pie---------------------- */ 
#footer {font-size: 0.8em;background-color:#FFFFFF;color:#000000;border-top:0px;height:80px;clear:both;padding:3px;margin:3px;text-align:center;background-image:url("style3/footer.gif"); background-position: center top; background-repeat:no-repeat;}
#footer a{color:#000000;text-decoration:none;}

/* ---- Menus horizontales y verticales ------- */
.menuV2 {display:block;color:#000000;margin:0px; padding:1px;background-color:#FFFFFF;border:0px solid #CCCCCC;}
.menuV2:hover {color:#CCCCCC; padding:1px;background-color:#FFFFFF;}
.menuV2 a{color:#E27001;border:0px;}
.menuV2Selected {display:block;color:#000000;margin:0px; padding:1px;background-color:#FFFFFF;border:0px solid #CCCCCC;}
.menuV2Selected a{color:#E27001;border:0px;}

.menuHtable{width:968px; border-collapse: collapse;text-align:center;font-size:1.3em;font-family:Arial,Helvetica,sans;}
.menuH{height:60px;border:0px;color:#FFFFFF;margin:0px 16px 0px 16px; padding:12px 5px 0px 5px;background-image:url("style3/menuh.gif");background-position:top left;background-repeat:repeat-x;}
.menuH a{color:#FFFFFF;text-decoration:none;font-weight:bold;}
.menuH:hover{color:#FFFFFF;background-image:url("style3/menuhhover.gif");background-position:top left;background-repeat:repeat-x;}
.menuHSelected {height:60px;border:0px;color:#FFFFFF;margin:0px 16px 0px 16px; padding:12px 5px 0px 5px;background-image:url("style3/menuhselected.gif");background-position:top left;background-repeat:repeat-x;}
.menuHSelected a{color:#FFFFFF;text-decoration:none;font-weight:bold;}


/*  -------contenedores de diferentes tipos (boxes)------- */ 
.box {margin:0px; font-size:1em;}
.boxtitle {padding:0px;margin:0px;font-size:1.4em;}
.boxtitle img {vertical-align:middle;border:0px;}

.boxcontent1 {padding:15px;margin:4px;border:0px;background-image: url("images/tr.jpg");background-position:right top;background-repeat:no-repeat;background-color:#FFFFFF;}
.boxcontent2 {padding:15px 15px 15px 25px;margin:4px;border:0px;background-image: url("images/br.jpg");background-position:right top;background-repeat:no-repeat;background-color:#FFFFFF;}
.boxcontent3 {padding:15px 15px 15px 25px;margin:4px;border:0px;background-image: url("images/tl.jpg");background-position:left top;background-repeat:no-repeat;background-color:#FFFFFF;}
.boxcontent4 {padding:15px;margin:4px;border:0px;background-image: url("images/bl.jpg");background-position:left bottom;background-repeat:no-repeat;background-color:#FFFFFF;}

.boxcontent5 {padding:15px;margin:4px;border:0px;background-image: url("images/center1.jpg");background-position:left top;background-repeat:no-repeat;background-color:#FFFFFF;}
.boxcontent6 {padding:15px;margin:4px;border:0px;background-image: url("images/center2.jpg");background-position:right top;background-repeat:no-repeat;background-color:#FFFFFF;}
.boxcontent7 {padding:15px;margin:4px;border:0px;background-image: url("images/center3.jpg");background-position:right top;background-repeat:no-repeat;background-color:#FFFFFF;}
.boxcontent8 {padding:15px;margin:4px;border:0px;background-image: url("images/center4.jpg");background-position:right top;background-repeat:no-repeat;background-color:#FFFFFF;}

/* ---- Contenedores con esquinas redondeadas ----- */
.rbroundbox {margin:2px;padding:3px;background-color:#FFFFFF;width:98%;}
.rbtop div { }
.rbtop { }
.rbbot div {}
.rbbot {}
.rbht{width: 100%;}
.rbhb{width: 100%;}
.rbvl{width: 100%;}
.rbvr{width: 100%;}
.rbtop div, .rbtop, .rbbot div, .rbbot {height: 0px;}
.rbcontent {padding:0px; margin: 0px; }

.rbroundbox2 {background: url("style3/ent2.gif"); background-repeat:repeat-x; margin:3px;width:99%;}
.rbtop2 div { background: url("style3/etl2.gif") no-repeat top left;}
.rbtop2 { background: url("style3/etr2.gif") no-repeat top right;}
.rbbot2 div { background: url("style3/ebl2.gif") no-repeat bottom left; }
.rbbot2 { background: url("style3/ebr2.gif") no-repeat bottom right; }
.rbht2{background: url("style3/ehv2.gif") repeat-x top;}
.rbhb2{background: url("style3/ehv2.gif") repeat-x bottom;}
.rbvl2{background: url("style3/ehv2.gif") repeat-y left;}
.rbvr2{background: url("style3/ehv2.gif") repeat-y right;}
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {height: 15px;}
.rbcontent2 {padding:5px; margin: 5px; }

.rbroundbox3 {background: url("style3/ent3.gif"); background-repeat:repeat-x; margin:3px;width:99%;}
.rbtop3 div { background: url("style3/etl3.gif") no-repeat top left;}
.rbtop3 { background: url("style3/etr3.gif") no-repeat top right;}
.rbbot3 div { background: url("style3/ebl3.gif") no-repeat bottom left; }
.rbbot3 { background: url("style3/ebr3.gif") no-repeat bottom right; }
.rbht3{background: url("style3/ehv3.gif") repeat-x top;width: 100%;}
.rbhb3{background: url("style3/ehv3.gif") repeat-x bottom;width: 100%;}
.rbvl3{background: url("style3/ehv3.gif") repeat-y left;width: 100%;}
.rbvr3{background: url("style3/ehv3.gif") repeat-y right;width: 100%;}
.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {width: 100%;height: 15px;}
.rbcontent3 {padding:5px; margin: 5px; }

.rbroundbox4 {margin:1px;width:96%;}
.rbtop4 div { background: url("style3/etl4.gif") no-repeat top left;}
.rbtop4 { background: url("style3/etr4.gif") no-repeat top right;}
.rbbot4 div { background: url("style3/ebl4.gif") no-repeat bottom left; }
.rbbot4 { background: url("style3/ebr4.gif") no-repeat bottom right; }
.rbht4{background: url("style3/eht4.gif") repeat-x top;width: 100%;}
.rbhb4{background: url("style3/ehb4.gif") repeat-x bottom;width: 100%;}
.rbvl4{background: url("style3/evl4.gif") repeat-y left;width: 100%;}
.rbvr4{background: url("style3/evr4.gif") repeat-y right;width: 100%;}
.rbtop4 div, .rbtop4, .rbbot4 div, .rbbot4 {width: 100%;height: 10px;}
.rbcontent4 {padding:2px; margin: 8px; }

.rbroundbox5 {background: url("style3/ent5.gif"); background-repeat:repeat-x; margin:3px;width:99%;}
.rbtop5 div { background: url("style3/etl5.gif") no-repeat top left;}
.rbtop5 { background: url("style3/etr5.gif") no-repeat top right;}
.rbbot5 div { background: url("style3/ebl5.gif") no-repeat bottom left; }
.rbbot5 { background: url("style3/ebr5.gif") no-repeat bottom right; }
.rbht5{background: url("style3/ehv5.gif") repeat-x top;width: 100%;}
.rbhb5{background: url("style3/ehv5.gif") repeat-x bottom;width: 100%;}
.rbvl5{background: url("style3/ehv5.gif") repeat-y left;width: 100%;}
.rbvr5{background: url("style3/ehv5.gif") repeat-y right;width: 100%;}
.rbtop5 div, .rbtop5, .rbbot5 div, .rbbot5 {width: 100%;height: 15px;}
.rbcontent5 {padding:5px; margin: 5px; }

/* --------------------- Otros conceptos (Cambiar según convenga) ----------------------------------- */

/* Calendario (cambiar por el propio) */
.calTable {width:150px;vertical-align:bottom;border: 1px solid #006633; background-color:#FFFFFF;margin-top:2px;margin-bottom:3px;padding:0px; font-size:0.75em;border-collapse: collapse;}
.calTable a{color: #000000;}
.calCabeceraTD { background-color:#FFFFFF;font-weight: bold;vertical-align: middle;text-align: center;}
.calCabeceraTD img{padding:0px;margin:0px;max-width:16px;}
.calDiaTD {width: 16px;border:1px solid #006633;background-color: #99CC66;color: #000000;vertical-align: middle;text-align: center;font-weight: bold;}
.calHoyTD { width: 16px;border:1px solid #006633;background-color: #99CC66;font-weight: normal;color: #000000;vertical-align: middle;text-align: center;}
.calHoySelectedTD{width: 16px;border:1px solid ##006633;background-color: #99CC66;font-weight: bold;color: #000000;vertical-align: middle;text-align: center;}
.calDateTD {border:0px solid #CC9900;background-color: #FFFFFF;width: 16px;color: #000000; vertical-align: middle;text-align: center;}
.calDateSelectedTD {border:1px solid #006633;background-color: #99CC66;width: 16px;color: #000000; font-weight: bold;vertical-align: middle;text-align: center;}
.calPieTD{border:1px solid #006633;background-color: #FFFFFF;width: 16px;color: #000000;vertical-align: middle;text-align: center;}

/* ----- lytebox ------- */
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/ajaxloading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(../images/closelabel.gif) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(../images/lbplay.gif) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(../images/lbpause.gif) no-repeat; }

/** Estilos para cajas con tabs ajax **/
.tabs {padding:5px;margin:2px;width:96%;}
.tabmenu {border-bottom: 1px solid #CCCCCC; margin:0px;z-index: 1; padding: 6px 0px 2px 0px;width:95%;}
.tabmenu li {display: inline; overflow: hidden; list-style: none;background-image:none;padding:2px 2px 0px 2px;}
.tabmenu a, a.selected {background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 2px 10px 2px 10px; margin: 0px; text-decoration: none; cursor:hand; }
.tabmenu a.selected { background-color: #FFFFFF; border-bottom: 3px solid #FFFFFF;}
.tabmenu a:hover {background-color: #FFFFFF; }
.tabmenu a:visited {}
.tabmenu img{height:18px;padding:0px;margin:-6px 0px -6px 0px;}
.tabmenu a.selected:hover { background-color: #FFFFFF; color: #000000; } 
.divtabs {background-color:#FFFFFF;border:1px solid #CCCCCC;margin:-1px 0px 12px 0px;padding:12px;width:95%;}
.hiddentab{display:none;}
}

@media print{
.noprint{display:none;}
a, a:link, a:active, a:visited {text-decoration:none; color:#000000;border:0px;}
a img{border:0px;}
#leftcol {display:none;width:0px;}
#rightcol {display:none;width:0px;}
.tableData2c {width:100%;border: 1px solid #CCCCCC; padding:0px;margin: 10px 0px 4px 0px; border-collapse: collapse;}
.tableData2c td {border: 1px solid #CCCCCC; vertical-align: middle;text-decoration: none;padding:2px 4px 2px 4px;text-align:left;}
.tableData2cTD {font-weight:bold;vertical-align: middle;color: #000000;text-decoration: none;text-align:left;padding: 0px 2px 0px 2px;border: 1px dotted #CCCCCC;background-color:#99CC00;}
.tableCentral {width:98%;border: 0px;padding:2px; border-collapse: collapse;}
.botonIcono{display:none;}
}
@media handheld{
body {padding:0px 0px 0px 0px;background-color:#FFFFFF;font-size: 0.6em;font-weight: normal;color: #000000;}
.noprint{display:none;}
li {list-style: circle;margin-left: 5px;margin-top:8px;}
}