@media screen{
/* Elementos comunes */
html{font-size:1.0em;font-weight:normal;color:#666666;font-family:Verdana,Helvetica,sans-serif;padding:0px;margin:0px;background-color:#FFFFFF;}
body{font-size:1.0em;padding:0px;margin:0px;background: #F3F3F3}

table{border:none 0px;border-collapse:collapse;vertical-align:top;}

a, a:link, a:active, a:visited{text-decoration:underline;color:#336699;}
a:hover{color:#3399CC;text-decoration:underline;cursor:pointer;}
a img{border:0px solid #FFFFFF;text-decoration:none;}

img{border:0px solid #FFFFFF;margin:0px;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;}
img.seo{margin:3px;}

p{margin:5px 0px;font-size:1.0em;padding:4px 0px;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-family:Arial,Verdana,Helvetica,sans-serif;font-size:1.6em;color:#666666;font-weight:600;margin: 0px 0px 15px 0px} 
h2{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:1.1em;color:#660000;font-weight:600;margin: 2px 0px 2px 0px}
h3{font-size:1.1em;color:#660000;font-weight:400;margin: 2px 0px 2px 0px}
h4{font-size:1.1em;margin: 2px 0px 2px 0px}

/* Efecto sombreado en heading y correcion de color en links de heading */
h1 a:link, h1 a:active, h1 a:visited {color: gray; text-decoration: none}
h2 a:link, h2 a:active, h2 a:visited {color: #660000; text-decoration: none}
h3 a:link, h3 a:active, h3 a:visited {color: #660000; text-decoration: none}
h4 a:link, h4 a:active, h4 a:visited {text-decoration: none}

ul{list-style-type:none;padding:0px;margin-left:12px;}
li{list-style:none;background:url("style3/li.gif") top left 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;}
input[type="radio"]{vertical-align:middle;}
.form_widget_amount_slider{border-top:1px solid #9d9c99;border-left:1px solid #9d9c99;border-bottom:1px solid #eee;border-right:1px solid #eee;background-color:#f0ede0;height:3px;position:absolute;bottom:0px;}

.floatleft{float:left}
.floatright{float:right}
.floatcenter{}
.center{text-align:center;}
.right{text-align:right;vertical-align:middle;}
.clearboth{clear: both}

/* contenedores y cols */
#container{font-size:0.7em;width:1000px;top:20px;padding:0px;margin-top:0px;margin-left:auto;margin-right:auto;position:relative;background: white}
#container2{width:1000px;margin-top:0px;margin-left:auto;margin-right:auto;border:0px solid #000000;position:relative;}

#leftcol {float: left; width:293px; margin: 0px; padding:0px;overflow:hidden}
#centercol {width:640px;margin:26px 56px 10px 299px; padding:0px 0px 0px 4px}
#rightcol {display:none;right:0px;width:0px;float:right;position:relative;padding:2px 2px 2px 2px;overflow:hidden;}

/* Imagenes con espacio
#centercol div img {margin: 10px 0px}
#centercol div a.boton img{margin: 0px} */

/* tablas */
.tdata{width:100%;border:1px solid #CCCCCC;padding:0px;margin:10px 0px 4px 0px;border-collapse:collapse;}
.tdata td{vertical-align:top;border:1px solid #CCCCCC;vertical-align:middle;text-decoration:none;padding:2px 4px 2px 4px;text-align:left;}
.ttd{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:#f3f3f3;}
.hoverTR tr:hover{background-color:#f3f3f3;}

.tlayout{width:99%;border:none;padding:0px;border-collapse:collapse;}
.tlayout td{vertical-align:top;}
table.tgray{background-color: #DDD}
table.tgray fieldset {border: 0px}

/* header */
#cabecera{vertical-align:bottom;padding:0px;margin:0px 0px 0px 0px;}
#cabecera img{vertical-align:center;padding:0px;margin:0px;border:0px}
#cabecera a{text-decoration:none;}
#logocabecera{padding:0px;border:0px;margin:0px;top:0px;}
#boxcabecera{padding:0px;height:93px;margin:0px 0px 0px 18px;}
#boxcabecera form{display:inline;}
#boxcabecera td{vertical-align:top;}

#login_header{margin-top:5px;padding:5px 20px 5px 5px;float:right;}
#idiomas_header{position:relative;top:14px;margin-left:900px;}
#menu_header{}

/* footer */
#footer{clear: both; border-top:1px solid #CCCCCC;font-size:1em;color:#666666;height:90px;clear:both;padding:10px;margin:10px 0px 0px 0px;}
#footer a{color:#666666;text-decoration:none;}

/* menus */
.menuV
{
    display:block;
    margin:0px;
    padding:0px;
    border:0px solid #CCCCCC;
    font-size:1.1em;
    background: #F3F3F3;
    vertical-align: middle;
}
.menuValt{background: #E6E6E6}
.menuVsub{color: #660000; background: #E2D6D6}
.menuVsubS{color: #660000; background: #E2D6D6; font-weight: bold}
.menuV:hover{color:#CCCCCC;}
.menuV a{color:black;border:0px; text-decoration:none; padding:0px 0px 0px 10px}
.menuV a:link{color: black; border:0px; text-decoration: none}
.menuV a:active{color: black; border:0px; text-decoration: none}
.menuV a:visited{color: black; border:0px; text-decoration: none}
.menuVs
{
    display:block;
    color: white;
    font-weight: bold;
    margin:0px;
    padding:0px;
    border:0px solid #CCCCCC;
    font-size:1.1em;
    background: #8F4A4A;
    vertical-align: middle;
}
.menuVs a{color: white; border:0px; text-decoration: none; padding:0px 0px 0px 10px}
.menuVs a:link{color: white; border:0px; text-decoration: none}
.menuVs a:active{color: white; border:0px; text-decoration: none}
.menuVs a:visited{color: white; border:0px; text-decoration: none}

/* menu izq */


.menuHt{width:968px;border-collapse:collapse;text-align:center;font-size:1.0em;}
.menuH{height:60px;border:0px;color:#333333;margin:0px 12px 0px 12px;padding:12px 2px 0px 2px;}
.menuH a{color:#333333;text-decoration:none;font-weight:bold;}
.menuH:hover{color:#333333;}
.menuHs{height:60px;border:0px;color:#333333;margin:0px 12px 0px 12px;padding:12px 2px 0px 2px;}
.menuHs a{color:#333333;text-decoration:none;font-weight:bold;}

button{background:transparent;border:0px;}
button.boton{background:transparent url('style3/bg_button_a.png') no-repeat scroll top right;color:#333;height:48px;margin-right:0px;padding-right:8px;text-decoration:none;}
button.boton span{background:transparent url('style3/bg_button_span.png') no-repeat;display:block;margin-top:-1px;padding:14px 6px 0px 12px;height:48px;}
button.boton:hover{background:transparent url('style3/bg_button_a_active.png') no-repeat scroll top right;color:#000;outline:none;}
button.boton:hover span{background:transparent url('style3/bg_button_span_active.png') no-repeat; padding:14px 6px 0px 12px;}
button.boton img{padding-righ:0px;float:left;}

.btnicon{ display:inline;max-height:20px;margin:0px;vertical-align:middle;text-decoration:none;border:none;background-color:transparent;}
.btnicon:hover{background:transparent;border:none solid transparent;cursor:pointer;}
.btnicon img{vertical-align:middle;padding:2px;border:0px;max-width:20px;max-height:20px;}
.btnicon td{border:0px;}

.clear{ overflow:hidden;width:100%;}
a.boton{ background:transparent url('style3/bg_button_a.png') no-repeat scroll top right;color:white;display:block;float:left;font-size:1em;font-weight: bold;height:48px;line-height: 20px;margin-right:6px;padding-right:16px;text-decoration:none;}
a.boton span{background:transparent url('style3/bg_button_span.png') no-repeat;display:block; padding:14px 6px 0px 12px;height:48px;}
a.boton:active{background:transparent url('style3/bg_button_a_active.png') no-repeat scroll top right;outline:none;}
a.boton:active span{background:transparent url('style3/bg_button_span_active.png') no-repeat; padding:14px 6px 0px 12px;}
a.boton:hover{background:transparent url('style3/bg_button_a_active.png') no-repeat scroll top right;outline:none;}
a.boton:hover span{background:transparent url('style3/bg_button_span_active.png') no-repeat; padding:14px 6px 0px 12px;}
a.boton img{vertical-align:middle;border:0px;padding:0px 2px 2px 0px;float:left;}
.botonfw{width:97%;}

.help{display:none;left:20%;position:absolute;border:1px solid #CCCCCC;background-color:#FFFFCC;padding:5px;margin:5px;width:400px;}

/* Estilos custom */
div.login{width: 706px; height: 45px; margin: 0px 0px 0px 293px; padding: 15px 0px 0px 0px}
div.login a{font-size: 0.9em; white-space: nowrap; font-style: italic; text-decoration: none; color: red}
div.login form{width: 330px; height: 20px; padding: 0px; margin: 0px 42px 0px 0px}
div.login form input{padding: 0px; margin: 0px 0px 0px 5px; min-height: 18px; height: 18px; background: white}
div.login form input.submit{cursor: pointer; width: 60px; color: white; margin: 0px 0px 0px 5px; min-height: 20px; height: 20px; font-size: 0.8em; font-weight: bold; background: #670000}
div.login div.whitebox{height: 20px; padding: 0px }
div.login div.graybox{height: 23px; background: #DFDFDF; padding: 5px 0px 0px 5px}
div.login div.remember{width: 144px}
div.login div.register{width: 124px}
div.login div.remember a, div.login div.register a{color: black}
div.login div.welcome{height: 20px; margin: 0px 0px 0px 150px}
div.login div.date{width: 150px}
div.login div.account{width: 58px}
div.login div.close{width: 75px; padding: 5px 5px 0px 5px; margin: 0px 41px 0px 0px}
div.login div.button{color: white; padding: 4px 0px 0px 0px; text-align: center; height: 14px; line-height: 10px; font-size: 0.8em; font-weight: bold; font-style: normal; text-decoration: none; background: #670000}

/* div.header{width: 706px; height: 233px; margin: 39px 0px 0px 293px; padding: 0px 0px 0px 4px; background: white} */
div.header{width: 703px; height: 170px; margin: 0px 0px 0px 293px; padding: 0px 0px 0px 4px; background: white}
div.header img.main{width: 648px; height: 156px}
div.header div.menubar{background: #CECECE; margin:3px 3px 0px 0px;  padding: 0px; width: 163px; height: 25px}
div.header div.menubar a{text-decoration: none}
div.header div.button{color: white; margin: 14px 12px 0px 0px; padding: 2px 0px 0px 0px; text-align: center; height: 16px;  font-size: 0.8em; font-weight: bold; font-style: normal; background: #670000}
div.header div.lastitem{margin:3px 0px 0px 0px; width: 316px}
div.header form {margin: 4px 0px 0px 122px}
div.header form input{margin: 0px; padding: 0px; min-height: 16px; height: 16px; width: 120px}
div.header form input.submit{cursor: pointer; margin: 0px 4px 0px 0px; color: white; width: 64px; min-height: 18px; height: 18px; font-size: 0.8em; font-weight: bold; background: #670000}

img.rightbar{width: 55px; height: 233px}
img.leftbar {width: 43px; margin: 0px}
#leftcol h1{font-family:'Arial Black',Arial,Verdana,Helvetica,sans-serif; width: 235px; height: 25px; line-height: 26px; margin: 0px 0px 15px -16px; padding: 0px 0px 0px 15px; background: #838383; color: white; font-size: 14px; text-transform: uppercase}
#leftcol h1 a, #leftcol h1 a:link, #leftcol h1 a:active, #leftcol h1 a:visited {color: white}
#leftcol div.content{width: 250px; margin: 0px 0px 0px 43px; background: #F3F3F3 }
#leftcol div.content form{width:234px}
#leftcol div.content div.social{background: #F3F3F3; padding: 31px 0px 0px 16px}
#leftcol div.content div.social img{margin: 0px 8px 0px 0px}
#leftcol div.content div.social a{color: #660000; text-decoration: none} 
#leftcol div.content div.social div{height: 32px; margin: 12px 0px  0px 0px}
#leftcol div.content div.social div.lastitem{margin: 12px 0px 12px 0px}
#leftcol div.ad{width: 240px; padding: 0px 5px}
#leftcol div.ad img{width: 230px}

#centercol div.firstcol{width: 300px; padding: 0px 20px 0px 0px; border-right: 1px solid #CCCCCC}
#centercol div.nextcol{width: 290px; margin: 0px 0px 0px 320px; padding: 0px 0px 0px 20px; border-left: 1px solid #CCCCCC}
#centercol div.firstrow{height: 240px}
#centercol div.nextrow{margin: 26px 0px 0px 0px}
#centercol div.firstad{width: 315px; padding: 0px 10px 0px 0px}
#centercol div.firstad img{width: 300px}
#centercol div.nextad{width: 300px}
#centercol div.nextad img{width: 300px}

div.floatleft img, a {margin-right: 5px}


/* Utilidades y aliases */

.rojo{background-color:#FF0000;}
.verde{background-color:#00FF00;}
.amarillo{background-color:#FFFF00;}
.naranja{background-color:#FFCC00;}
.blanco{background-color:#FFFFFF;}
.amarilloclaro{background-color:#FFFFCC;}
.azulclaro{background-color:#eaeaff;}
.morado{background-color:#FF00CC;}
.azul{background-color:#88aaff;}

.txt_rojo{color:#FF0000;}
.txt_azul{color:#336699;}
.txt_verde{color:#00FF00;}
.txt_naranja{color:#FFCC00;}
.b{font-weight:bold;color:#333333;}

.width250px{width:250px;}
.fullwidth{width:100%;}
.halfwidth{width:335px;}
.box2{width: 49.00%; float: left; margin: 0px 3px 0px 3px}
.box3{width: 32.33%; float: left; margin: 0px 3px 0px 3px}
.box4{width: 24.00%; float: left; margin: 0px 3px 0px 3px}
.leftvdiv{border-left: solid 1px #CCCCCC}
.rightvdiv{border-right: solid 1px #CCCCCC}
.tophdiv{border-top: dashed 1px #CCCCCC;}
.downhdiv{border-bottom: white 0px #CCCCCC; margin-bottom: 10px; padding-bottom: 10px}
.vspacer{padding-top: 30px}

.valignTop{vertical-align:top;}
.padding5px{padding:5px;}
.margin5px{margin:5px;}
.margintop16px{margin-top:16px;}
.marginleft16px{margin-left:16px;}

.border0{border:none;}
td.border0{border:none;}
.block{display:block;}
.scroll{overflow:auto;height:150px;}
.scroll2{overflow:auto;height:650px;}

.pollbar{ min-width:8px;max-width:95%;text-align:right;color:#ffffff;background-color:#aaaaaa;border-bottom:1px solid #747474;border-right:1px solid #747474;}
input[type="radio"] { border: 0px none white; }

.submitdiv{display:none;position:absolute;top:125px;border:1px solid #999999;background-color:#FAFAFA;padding:25px;margin:auto;width:78%;}
.iwstyle{font-size:0.8em;}

/* esquinas redondeadas */
.rbroundbox4{margin:0px;width:100%;}
.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:6px;}
.rbcontent4{padding:0px 5px 0px 5px;margin:0px;}

/* Calendario */
.calTable{width:150px;vertical-align:bottom;border:1px solid #CCCCCC;background-color:#FFFFFF;margin-top:2px;margin-bottom:3px;padding:0px;font-size:1em;border-collapse:collapse;}
.calTable a{color:#000000;}
.calCabeceraTD{background-color:#E5E5E5;font-weight:bold;vertical-align:middle;text-align:center;}
.calCabeceraTD img{padding:0px;margin:0px;max-width:16px;}
.calDiaTD{width:16px;border:1px solid #CCCCCC;background-color:#E5E5E5;color:#000000;vertical-align:middle;text-align:center;font-weight:bold;}
.calHoyTD{width:16px;border:1px solid #CCCCCC;background-color:#E5E5E5;font-weight:normal;color:#000000;vertical-align:middle;text-align:center;}
.calHoySelectedTD{width:16px;border:1px solid #CCCCCC;background-color:#E5E5E5;font-weight:bold;color:#000000;vertical-align:middle;text-align:center;}
.calDateTD{border:1px solid #CCCCCC;background-color:#FFFFFF;width:16px;color:#000000;vertical-align:middle;text-align:center;}
.calDateSelectedTD{border:1px solid #CCCCCC;background-color:#E5E5E5;width:16px;color:#000000;font-weight:bold;vertical-align:middle;text-align:center;}
.calPieTD{border:1px solid #CCCCCC;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:16px;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;}

#tinybox{position:absolute;display:none;padding:10px;background:#fff url(../images/ajaxloading.gif) no-repeat 50% 50%;border:10px solid #e3e3e3;z-index:2000;}
#tinymask{position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:1500;}
#tinycontent{background:#fff;}
}

@media print{
body{padding:0px 0px 0px 0px;font-size:0.6em;color:#000000;}
.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;}
#menuheader{display:none}
#cabecera{display:none}
.tdata{width:100%;border:1px solid #CCCCCC;padding:0px;margin:10px 0px 4px 0px;border-collapse:collapse;}
.tdata td{border:1px solid #CCCCCC;vertical-align:middle;text-decoration:none;padding:2px 4px 2px 4px;text-align:left;}
.ttd{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;}
.tlayout{width:98%;border:0px;padding:2px;border-collapse:collapse;}
}
