@media screen{
/* Elementos comunes */


html {font-size: 1.0em;font-weight: normal;color: #4F4F4F;font-family: Verdana, Helvetica, sans-serif;padding:0px;margin:0px;background:#EFEFF7;}
body{font-size: 1.0em;padding:0px;margin:0px;background-color:#000000;}
	
table{border:none 0px;border-collapse: collapse;}

a, a:link, a:active, a:visited {text-decoration: none; color:#606768;}
a:hover{color:#606768;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.noticia{border:1px solid #7F7F7F; margin:1px; width:60px;}
img.producto{border:1px solid #7F7F7F; margin:1px; width:80px;}
img.valores{border:1px solid #7F7F7F; margin:1px; width:340px;}

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:2.4em;color:#3D4266;font-weight:bold;margin:0px 0px 0px 4px;}
h2 {font-size:1.8em;color:#2C77CA;font-weight:bold;margin:10px 0px 0px 4px;font-style:italic;}
h3 {font-size:1.3em;color:#3D4266;font-weight:bold;margin:0px 0px 0px 4px;}
h4 {font-size:1.1em;margin:0px 0px 0px 4px;}

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;}
button{background-color:#DDDDDD;margin:0px;border:0px;padding:0px;vertical-align:top;}
.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;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:1000px;padding:0px;margin-top:0px;margin-left: auto;margin-right: auto;position:relative;background:#EAEEF2 url('style3/bg1.gif') repeat-y;}
#container2 {width: 100%;margin-top:0px;margin-bottom:0px;margin-left: auto;margin-right: auto;border:0px solid #000000;position:relative;background:#EAEEF2 url('style3/bgvert.gif') repeat-x;} 

#leftcol {display:none;float:left;position:relative;padding:2px 2px 2px 2px;overflow:hidden;}
#centercol {left:40px;top:20px; width:710px;float:left;position:relative;padding:2px 8px 2px 8px;overflow:hidden;}
#rightcol {right:10px;width:220px;float:right;position:relative;padding:2px 2px 2px 2px;overflow:hidden;color:#FFFFFF;}
#rightcol h4{color:#BFBFBF;}
#rightcol h2{color:#FFFFFF;}	
	
/* divisor para poner 2 columnas en la zona central */
.divisor{display:table;margin:0px;height:100%;}/*division en dos columnas*/
.divisorright{width:370px;vertical-align:top;margin: 0px 0px 0px 290px;border: 0px;}/*subdivisiones columna central*/
.divisorleft{float:left;margin:0px;width: 290px;border: 0px;}/*subdivisiones columna central*/

/*  tablas para contenidos tabulados  */
.tdata {width:100%;border: 1px solid #CCCCCC; padding:0px;margin: 10px 0px 4px 0px; border-collapse: collapse;background-color:#F9F9F9;}
.tdata td{border: 1px solid #CCCCCC; vertical-align: middle;text-decoration: none;padding:2px 4px 2px 4px;text-align:left;color: #000000;}
.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:#e9e9e9;}
.hoverTR tr:hover{background-color:#f3f3f3;}

.tlayout {width:99%;border:none;padding:0px; border-collapse: collapse;}
.tlayout td{vertical-align:top;}

.tlayout2 {width:95%;border:none;padding:0px; border-collapse: collapse;}
.tlayout2 td{vertical-align:top;}		

/* cabecera */
#cabecera {vertical-align:bottom;height:275px;padding: 0px;margin: 0px;color:#FFFFFF;background-image:url('../images/headers/header1.jpg'); background-repeat: no-repeat; background-color:#E9EDF2 ;}
#cabecera img {vertical-align:middle;padding:0px;margin:0px;border:0px;}
#cabecera a, #cabecera a:active, #cabecera a:visited, #cabecera a:link{text-decoration:none;}
#cabecera a:hover{text-decoration:none;color:#BFBFBF;}
#logocabecera{padding:0px;border:0px;margin:0px;width:1000px;}
#boxcabecera{position:absolute;top:0px;padding:0px 0px 0px 0px;float:left;height:237px;margin:0px;}
#boxcabecera form{display:inline;}
#boxcabecera td{vertical-align:top;}
#miguitas {margin: 90px 0px 0px 60px; color:#606768; font-weight:bold; background:transparent;}
#miguitas a, #miguitas a:link, #miguitas a:active, #miguitas a:visited {text-decoration: none; color:#606768;}
#miguitas a:hover{color:#606768;text-decoration:underline;cursor:pointer;}

#login_header{margin-top:5px;padding:5px 20px 5px 5px;float:right;}
#idiomas_header{position:absolute; top:14px;margin-left:900px;}
#menu_header{position:absolute; top:10px;left:35px; width:960px;color:#FFFFFF;font-weight:bold;}

#headerText {position:relative; top:55px; left:35px; }

/*  pie */ 

#footer {border:0px solid #CCCCCC;font-size: 0.8em;color:#FFFFFF;height:70px;width:100%;clear:both;padding:3px;margin:2px 0px 0px 0px; background:url("style3/footer.jpg") bottom left repeat-x;}
#footer a{color:#FFFFFF;text-decoration:none;}

.insidefoot {margin: 40px 0px 0px 35px;}
/* menus */
.menuV {display:block;margin:0px; padding:1px;border:0px solid #3F3F3F;}
.menuV:hover {color:#3F3F3F; padding:1px;}
.menuV a{color:#4F4F4F;border:0px;}
.menuVs {display:block;color:#000000;margin:0px; padding:1px;border:0px solid #3F3F3F;}
.menuVs a{color:#4F4F4F;border:0px;}

.menuHt{width:968px; border-collapse: collapse;text-align:center;font-size:1.0em;}
.menuH{border:0px;color:#333333;margin:0px 6px 0px 6px; padding:5px;}
.menuH a{color:#FFFFFF;text-decoration:none;font-weight:bold;}
.menuH:hover{color:#C8CACA;}
.menuHs {border:0px;color:#C8CACA;margin:0px 6px 0px 6px; padding:5px;}
.menuHs a{color:#C8CACA;text-decoration:none;font-weight:bold;}

.boton {color:#000000;display:block;padding:3px;margin:1px;vertical-align: middle;min-height:20px;border: 1px solid #CCCCCC; background-color:#F5F5F5;}
.boton:link{text-decoration:none;}
.boton:hover, .boton:active, .boton:visited {color:#000000; background-color:#EEEEEE;cursor:pointer;text-decoration:none;}
.boton img{ vertical-align: middle;border:0px;}
.btnicon { display:inline;max-height:20px;margin:0px;vertical-align: middle;text-decoration: none;border: none; background-color: transparent;}
.btnicon a:link, .btnicon a:active, .btnicon a:visited, .btnicon a:hover{text-decoration:none;}
.btnicon:hover {background:transparent;border:none;cursor:pointer;}
.btnicon img{vertical-align: middle;padding:2px;border:0px;max-width:20px;max-height:20px;}
.btnicon td{border:0px;}

.help{display:none;left:20%;position:absolute;border:1px solid #CCCCCC;background-color:#FFFFCC;padding:5px;margin:5px;width:400px;}

.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_negro{color:#000000;}
#footer a.txt_negro{color:#000000;}

.txt_rojo{color:#FF0000;}
.txt_azul{color:#336699;}
.b{font-weight:bold;color:#CCCCCC;}

.width250px{width:250px;}
.fullwidth{width:100%;}

.valignTop{vertical-align:top;}
.padding5px{padding:5px;}
.margin5px{margin:5px;}
.margintop16px{margin-top:16px;}
.margintop25px{margin-top:25px;}
.marginleft16px{margin-left:16px;}

.border0{border:none;}
td.border0{border:none;}
.block{display:block;}
.scroll {overflow:auto;height:610px;}

.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;color:#000000;}

/*  boxes - esquinas redondeadas - */
.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: 6px;}
.rbcontent4 {padding:0px 5px 0px 5px; margin: 0px 4px 0px 4px; }

/* - Otros conceptos (Cambiar según convenga) - */

/* 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:pointer; }
.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/preload.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;}
.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;}
.botonIcono{display:none;}
}