@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:url('style3/bg.gif') repeat-x;background-color:#f8f8f8;}
body{font-size: 1.0em;padding:0px;margin:0px;}

table{border:none 0px;border-collapse: collapse;}

a, a:link, a:active, a:visited {text-decoration: none; color:#5A5D5A;}
a:hover{color:#5A5D5A;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.portada{border:1px solid #787878; width:60px;}
img.producto{border:1px solid #787878; width:110px;}	

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:#5D5D5D;font-weight:bold;margin-left:4px;}
h1.portada {font-size:1.8em;border-bottom:2px solid #6B3031; text-align:right; text-transform:uppercase;margin-left:8px; padding-right:5px;}
h1.plato {font-size:1.3em; text-align:justify; text-transform:uppercase;margin-left:8px; padding-right:5px; color:#FFFFFF;}
h2 {font-size:2.0em;color:#653334;font-weight:bold;margin-left:4px;font-style:italic;}
h3 {font-size:1.6em;color:#5D5D5D;margin-left:4px;}
h4 {font-size:1.1em;margin-left:4px;}

ul{list-style-type:none;padding:0px;margin-left:12px;}
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:#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:1024px;padding:0px;margin-top:0px;margin-left: auto;margin-right: auto;position:relative;background:url(style3/bg1.gif) repeat-y;}
#container2 {width: 1024px;margin-top:0px;margin-left: auto;margin-right: auto;border:0px solid #000000;position:relative;} 

#leftcol {display:none;right:698px;width:0px;float:left;position:relative;padding:2px 2px 2px 2px;overflow:hidden;}
#centercol {left:20px;width:660px;top:12px; float:left;position:relative;padding:2px 8px 25px 8px;overflow:hidden;}
#rightcol {right:20px;width:295px;float:right;position:relative;padding:2px 2px 35px 2px;overflow:hidden;top:-60px;}


/* 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 contenidos tabulados  */
.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 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;}	

/* cabecera */
#cabecera {vertical-align:bottom;height:446px;padding: 0px;margin: 0px;color:#333333;background:url(../images/headers/header1.jpg) no-repeat;}
#cabecera img {vertical-align:center;padding:0px;margin:0px;border:0px;}
#cabecera a{color:#333333;text-decoration:none;}
#logocabecera{padding:0px;border:0px;margin:0px 0px 0px 36px;}
#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: 285px 0px 0px 7px; color:#606768; font-weight:bold; width:635px;}
#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;}
#headerText {position:absolute; width:300px; top: 155px; left:450px; color:#000000;}
#headerText h3{margin:8px 0px 8px 0px;}
#headerText p{margin:0px;}
#div_productos {position:absolute; top: 318px; left:130px; font-size:0.8em;}
#div_productos h1:hover{text-decoration:underline;}
#div_catering {position:absolute; top: 318px; left:335px; font-size:0.8em;}
#div_catering h1:hover{text-decoration:underline;}
#div_order_box {position:absolute; top:14px; right:32px ; width:180px;}
#div_order_box a{text-decoration:none;}
#box_total { background:url('style3/box_carro.gif') no-repeat; width:269px; height:91px;}
	
	
#search_header{position:absolute; top:15px; right:180px; float:right;}
#idiomas_header{position:absolute; top:14px;margin-left:900px;}
#menu_header{position:absolute; top:18px;left:250px; width:350px;color:#CCCCCC;font-weight:bold;text-transform:uppercase;}

/*  pie- */ 
#footer {background-color:#666666;font-size: 0.8em;color:#FFFFFF;height:70px;clear:both;padding:3px;margin:10px 0px 0px 0px;text-align:center;background:url('style3/footer.gif') no-repeat;}
#footer a{color:#FFFFFF;text-decoration:none;}
#footer a:hover{color:#FFFFFF;text-decoration:underline;}

/* menus- */
.menuV {display:block;margin:0px; padding:1px;border:0px solid #CCCCCC;font-size:1.5em;}
.menuV:hover {color:#653336; padding:1px;}
.menuV a{color:#653336;border:0px;}
.menuVs {display:block;color:#653336;margin:0px; padding:1px;border:0px solid #CCCCCC;}
.menuVs a{color:#653336;border:0px;}

.menuHt{text-align:center;font-size:1.0em;width:100%;top:10px;margin-left:20px;}
.menuHt td{border-right:1px solid #653336;border-left:1px solid #653336;height:20px;}		
.menuH h1{color:#653336; font-size:1.5em; margin:0px; text-transform:lowercase;}
.menuH h1:hover{text-decoration:underline;}
.menuH {height:60px;border:0px;color:#653336;margin:0px; padding:0px;}
.menuH a{color:#653336;text-decoration:none;font-weight:bold;}
.menuH:hover{color:#653336;}
.menuHs {height:60px;border:0px;color:#333333;margin:0px; padding:0px;}
.menuHs a{color:#653336;text-decoration:none;font-weight:bold;}
.menuHs h1{color:#653336; font-size:1.5em; margin:0px; text-transform:lowercase;}
.menuHs h1:hover{text-decoration:underline;}	


.boton {color:#000000;display:block;padding:3px;margin:1px;vertical-align: middle;min-height:20px;text-decoration: none;border: 1px solid #CCCCCC; background-color:#F5F5F5;}
.boton:hover {color:#000000; background-color:#EEEEEE;cursor:pointer;}
.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: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;}
a.boton{text-decoration: none;color:#000000;}

.clear { overflow: hidden; width: 100%;}	
a.button { background: transparent url('style3/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none;}
a.button span {  background: transparent url('style3/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.button:active {background: transparent url('style3/bg_button_a_active.gif') no-repeat scroll top right; color: #000; outline: none;}
a.button:active span {background: transparent url('style3/bg_button_span_active.gif') no-repeat;  padding: 6px 0 4px 18px;}

.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_rojo{color:#FF0000;}
.txt_azul{color:#336699;}
.b{font-weight:bold;color:#333333;}
.bRed{font-weight:bold;color:#FF0000;}

.width200px{width:185px;}	
.width250px{width:250px;}
.fullwidth{width:100%;}

.valignTop{vertical-align:top;}
.valignMiddle{vertical-align:middle;}
.padding5px{padding:5px;}
.paddingleft8px{padding-left:8px;}	
.margin5px{margin:5px;}
.margin8px{margin:8px;}	
.margin16px{margin:16px;}
.margintop5px{margin-top:5px;}		
.margintop10px{margin-top:10px;}	
.margintop16px{margin-top:16px;}
.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;}

/*  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: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;}
.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;}
}