@charset "UTF-8"; 
.grafico{ height:350px}
*{margin:0; padding:0}
body{background:#fff; font:12px/1.55 'arial'; color:#444; text-align:center}
img{border:0; vertical-align:top}
a{color:#505050; text-decoration:none}
a:hover{text-decoration:underline}
:focus{outline:0}
h1{font-size:2em; font-weight:normal; line-height:1.15}
h2{font-size:1.5em; line-height:1.25; margin-bottom:.45em}
h2.titulo{font-family:'BebasNeueRegular'; font-weight:normal; font-size:2.5em; text-align:left}
h3{font-size:1.35em; line-height:1.25; margin-bottom:.45em}
h4{font-size:1.05em; line-height:1.35; margin-bottom:.45em}
h5{font-size:1.6em; line-height:1.35; margin-bottom:20px; text-align:left; color: #344c86;}
h6{font-size:1em; line-height:1.35; margin-bottom:1em}
form{display:inline}
fieldset{border:0}
legend{display:none}
table{border:0; border-spacing:0; empty-cells:show; font-size:100%; width:100%}
.clearLeft { clear:left }
caption, th, td{vertical-align:top; text-align:left; font-weight:normal; vertical-align:middle}
th{ font-size:0.9em}
p{margin:0 0 1em; text-align:justify; font-size:1.2em}
strong{font-weight:bold}
address{font-style:normal; line-height:1.35}
cite{font-style:normal}
q, blockquote{quotes:none}
q:before, q:after{content:''}
small{font-size:1em}
big{font-size:1.15em}
ul, ol{list-style:none}
.generico{clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden}
.hidden{display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important}
.clear{display:block; clear:both}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
div#barraSuperior{background-color:#333; height:27px; padding:0px 0; zoom:1; filter:alpha(opacity=20); opacity:0.2}
div#contenedorBarraSuperior{width:1002px; margin:0 auto; padding:5px 0; font-size:11px; color:#fff}
div#contenedorBarraSuperior strong{margin-right:5px; float:left}
#listaEnlaces{position:relative; float:right; top:0}
#listaEnlaces ul, #listaEnlaces ul li{display:inline; float:left}
#listaEnlaces ul li:hover{text-decoration:underline}
#listaEnlaces ul li:hover a{text-decoration:underline}
#listaEnlaces li a:hover{text-decoration:underline}
#listaEnlaces li{padding-right:10px; margin-right:10px; border-right:1px solid #adadad}
#listaEnlaces li a{color:#FFF; font-weight:bold}
#encabezadoSuperior{background:url(../imagenes/piePagina_bg.jpg) repeat}
#contenedorEncabezado{margin:0; position:relative; margin:0 auto; padding:10px 10px; text-align:right; width:1002px}
#contenedorEncabezado p{ margin:0; text-align:right}
#contenedorEncabezado .logo{float:left; text-decoration:none !important}
#contenedorEncabezado .logo strong{position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden}
#navegacionSuperior{background:url("../imagenes/navegacionSuperior_bg.jpg") repeat-x scroll left top transparent; height:40px}
.contenedorNavegacionSuperior{margin:0 auto 0px; width:1002px}
.contenedorNavegacionSuperior ul{margin:0 auto; padding:0; position:relative; width:1002px; z-index:100}
.contenedorNavegacionSuperior ul li{float:left; padding:5px 0 0 0; margin:0; background:url("../imagenes/contenedorNavegacionSuperiorItem_bg.gif") no-repeat scroll right center transparent}
.contenedorNavegacionSuperior ul a{color:#fff; line-height:31px; padding:0px 8px; display:block; text-shadow:1px 1px 1px #000; font-family:'BebasNeueRegular'; font-size:1.5em}
.contenedorNavegacionSuperior ul li a:hover{color:#FFF; text-shadow:0 1px #444}
.contenedorNavegacionSuperior ul li.activo{background:#E9A12B}
.contenedorNavegacionSuperior ul li.activo a{color:#FFF !important; text-shadow:0 1px #444 !important}
#piePagina{background:url("../imagenes/piePagina_bg.jpg") repeat-x scroll left top #fff; margin-top:20px}
#contenedorPiePagina{margin:0px auto 0; padding:15px 0 0 0; width:1002px}
#contenedorPiePagina a{color:#444; font-size:11px; line-height:17px}
#contenedorPiePagina h6{font-size:13px; margin-bottom:5px; padding-bottom:0; color:#E9A12B}
#contenedorPiePagina .bloqueInferior{ float:left; dislay:inline; text-align:left; margin-right:50px}
#contenedorPiePagina .bloqueInicial{margin-left:0px}
#contenedorPiePagina li{display:block; padding:0 5px 0px 0; margin:0 3px 0 0; line-height:10px}
.copyright{position:relative; clear:both; padding:0px 20px; height:40px}
.copyright address{line-height:40px}
.copyright a{color:#fff}
div#contenedorCuerpoPagina{min-height:300px; width:1002px; margin:0 auto}
div#contenedorIzquierda{float:left; width:210px; padding:0 2px 0 0}
div#contenedorPrincipal{float:left; width:588px; padding:10px 0 1px}
div#contenedorDerecha{float:right; width:200px; padding:10px 0 1px}
#cuerpoPagina{min-height:300px; background-color:#fefefe}
@font-face{ font-family:'BebasNeueRegular';  src:url('fonts/BebasNeue-webfont.eot');  src:url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/BebasNeue-webfont.woff') format('woff'),url('fonts/BebasNeue-webfont.ttf') format('truetype'),url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');  font-weight:normal;  font-style:normal}
div.elementoBencinera{display:block; clear:both; background:none repeat scroll 0 0 #fff; border-radius:0 0 5px 5px; box-shadow:0 0 0 1px rgba(0,0,2,0.1),0 1px 0 rgba(0,0,2,0.15),0 1px 1px rgba(0,0,2,0.1); padding:5px; text-shadow:0 1px 0 #FDFDFF; width:95%; margin:0 auto 5px auto; border-top:13px solid #B2B2B2; }
div.elementoBencinera h6{background-color:#f8f8f8; text-align:left}
div.elementoBencinera ul{list-style:none}
div.elementoBencinera ul li{float:left; padding:5px; width:18%}
div.elementoBencinera span, div.elementoBencinera strong{display:block}
img.banner{ margin-bottom:10px}

@font-face{ font-family:'DroidSerifRegular';  src:url('fonts/droidserif-regular-webfont.eot');  src:url('fonts/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/droidserif-regular-webfont.woff') format('woff'),url('fonts/droidserif-regular-webfont.ttf') format('truetype'),url('fonts/droidserif-regular-webfont.svg#DroidSerifRegular') format('svg');  font-weight:normal;  font-style:normal}
form#formBuscador{margin:0; padding:10px 5px; display:block; text-align:left}

form#formBuscador label{margin:0 0 10px 0; padding:0; display:block}
form#formBuscador label span{display:block; font-size:1em}
form#formBuscador label input, form#formBuscador label select{margin:0 5px 0 0; padding:4px; width:94%}
a#enlaceOpcionales{display:block; text-align:right; color:#E7A22B; text-decoration:underline; margin-bottom:20px}
div#opcionales input{width:20px !important; font-size:1em; float:left}
 div#buscadorLateral{background:url("../imagenes/buscadorLateral_bg.jpg") repeat scroll 0 0 padding-box transparent; border-radius:5px 5px 5px 5px; box-shadow:0 1px 3px #C3C2C3; margin:10px 0; position:relative; z-index:10}
div#buscadorLateral small{text-align:left; font-size:1em; padding-left:7px; display:block}
div#buscadorLateral h3{font-family:'DroidSerifRegular'; border-radius:5px 5px 0 0; font-size:1.4em; padding:5px 10px; background:#363636 url("../imagenes/search-ico.png") no-repeat 15px center; color:#EAEAEA}
div#buscadorLateral input{border:1px solid #999;-webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);}
div#crumb{margin-bottom:10px}
div#crumb ul li{float:left}
.btnBuscar{vertical-align:baseline; margin:0 auto; outline:none; cursor:pointer; text-align:center; text-decoration:none; font-size:1em; text-transform:uppercase; padding:.5em 2em .55em; text-shadow:0 1px 1px rgba(0,0,0,.3); -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); width:120px}
.txt100porc{ width:99%; clear:both}
.txt100porc input{ width:41%;}
.txt50porc{ width:49%; float:left}
.txt30porc{ width:29%; float:left}
.txt40porc{ width:39%; float:left}
.btnBuscar:hover{text-decoration:none}
.btnBuscar:active{position:relative; top:1px}
.btnBuscarBencina{color:#fff;background: rgb(181,189,200); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

}
.btnBuscarBencina:hover,.btnBuscarBencina:active{background: rgb(40,52,59); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(64%,rgba(130,140,149,1)), color-stop(100%,rgba(181,189,200,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */

}
ul#listaIcosRedesTops{float:right}
ul#listaIcosRedesTops li{float:left}
ul#listaIcosRedesTops li a{display:block; margin-right:10px; text-indent:-1000px}
ul#listaIcosRedesTops li a.icoRedes{width:47px; height:47px; background:transparent url(../imagenes/ico-Redes.png) no-repeat left top}
ul#listaIcosRedesTops li a.icoFacebook{background-position:left 0}

ul#listaIcosRedesTops li a.icoTwitter{background-position:left -48px}
ul#listaIcosRedesTops li a.icoRss{background-position:left -96px}
label.f50Porc{width:46.5%; float:left}
label.f50Porc p{ font-size:1em; margin:0}

label.marginright{
	margin-right: 8px!important;
}
form#formBuscador label.spanCheck{float:left; width:48%}
form#formBuscador label.spanCheck span{text-transform:none; font-weight:normal; float:left; font-size:1em}
a.mapa{vertical-align:bottom}
a.seleccionado{text-decoration:underline; font-weight:bold}
p#mensajeCargando{ text-align:center; font-size:1.2em;}
p#mensajeCargando strong{ display:block}
th.tdLogo{ width:90px} 
th.tdDireccion{ width:145px}
th.tdServicios{} 
th.tdComida,td.tdComida{ text-align:center }
th.tdProductos{ width:105px}
td.tdProductos strong{ width:70px; display:inline-block; text-align:left; padding:3px; font-weight:normal}
td.tdProductos em{ background-color:#000; color:#FFF; padding:3px}
th.tdDireccion strong{ display:block}

dl.itemDetalleProducto{ text-transform:uppercase}
dl.itemDetalleProducto dt{ border:1px solid #ccc; padding:3px}
dl.itemDetalleProducto dd{ background-color:#000; color:#FFF; text-align:center}
div.listaNoticia{ width:90%; margin:0 auto 20px auto ; text-align:left}
div.listaNoticia h3{font-family:'BebasNeueRegular'; font-weight:normal; font-size:1.9em; }
div.listaNoticia h3 a{color:#333 !important}
div.listaNoticia a.enlaceNoticia{ display:block; text-align:right; color:#0287B4}


.pagerSC {
	clear: both;
	height: 1%; /* Fixes double padding in IE */
	background: #3E3E3E;
	margin: 0 10px;
	font-size: 0.8em;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
}
.pagerSC a, .pagerSC span {
	display: block;
	float: left;
	padding: 0.3em 0.5em;
	margin-right: 0.3em;
	text-decoration: none;
	background: #3E3E3E;
	text-align:center;
	color: #ffffff;
	width:15px;
}
.pagerSC span {
	color: #868686;
}
.pagerSC a.seleccionado {
	background: #313131;
}
.pagerSC a:hover {
	background: #EC5210;
}
.pagertop {
	border-top: 0 none;
}
.pagerbottomSC {
	border-bottom: 0 none;
}
.pagerSC ul {
	margin: 0;
	padding: 0;
}
.pagerSC li {
	margin: 0;
	padding: 0;
}

fieldset{ border:0; margin-top:10px }
fieldset legend{ font-size:0.65em; color:#666; border-bottom:1px solid #d8d8d8; padding-right:5px; font-weight:bold}
fieldset label{ display:block;width:98%;color:#808080;font-size:1.1em; margin-bottom:10px}
fieldset label span{ display:block; text-align:right;padding-right:5px; float:left; width:130px; margin:0; line-height: 2.5em;}
fieldset label span strong{ color:#333; font-size:0.6em; color:#F00}
fieldset label input{ border:1px solid #C8C8C8;  display: block; padding:6px 0px 6px 25px;}
fieldset label select{ font-size:1em; float:left; background-color:#FFF;border:1px solid #C8C8C8;padding:6px 0px 6px 25px;}
textarea {width:59%; height:150px; padding:6px 25px 6px 6px; overflow:auto; border:1px solid #C8C8C8; float:left; clear:right}
div#mensajeSuperior{ width:95%; margin:0 auto 20px auto; border-bottom:3px solid #aaa}
div#mensajeSuperior h3{ text-align:left; font-size:1.5em}
div#mensajeSuperior p{ font-size:0.85em; margin-bottom:2px}

td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


/*tab*/
hr{
	display: block;
	border-top: 1px solid #222;
	clear: both;
}

.divControl{
	display: none;
}
.btnRestablecer{ border:0 !important; background:none; float:left; margin:10px 10px 0 0;}
.btnRestablecer:hover{ text-decoration:underline; cursor:pointer}



ul#tab {
text-align: left;
margin: 1em 0 1em 0; 
border-bottom: 1px solid #333;
list-style-type: none;
padding: 3px 10px 3px 10px; 
}

ul#tab li {
display: inline;
}
ul#tab li.activo a {  
border-bottom: 1px solid #fff; 
background-color: #fff; 
}

ul#tab li.activo a  { 
background-color: #FF0000;
color: #FFFFFF; 
position: relative;
padding-top: 4px; 
}

ul#tab li a {  
padding: 4px 4px;  
border: 1px solid #CCCCCC;  
background-color: #E5E5E5;  
color: #333333;  
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
 -webkit-border-radius:.3em .3em 0 0; -moz-border-radius:.3em .3em 0 0; border-radius:.3em .3em 0 0;
}

ul#tab a:hover {  
background: #fff; color:#333
}
div.contenedorAjax{ width: 766px !important; padding:0 10px !important}
div.contenedorAjax table{ margin:0 auto !important}

.tab{
display:none;
}

div#informacion{text-align:center;width:230px; margin:0; padding:5px;f font-size:.7em; position:absolute; right:0; top:10px; font-size:1em}
div#informacion strong{display:block;}
div#informacion span{color: #24ABE3; font-weight:bold}
div#informacion p{ text-align:center; font-size:1em}
div#informacion p a{color:#344c86; font-weight:bold}
.numero{ display:block; text-align:right; padding-right:10px}


strong.producto{
	color:#D80A15;
}

ul#datosBoton a{
	font-size: 1.3em;
	padding: 3px;
}
span.error{ display:block; text-align:center; text-transform:uppercase; font-weight:bold; background-color:#FCC; margin:10px}