/* #Site Styles
================================================== */
body{font-size:0.8em;font-family: 'Armata', sans-serif,'Arial';letter-spacing:0;/*background-image: url("../images/background.jpg");*/color:#202223;}
h1, h2, h3, h4, h5, h6 {letter-spacing:0;font-weight:bold;font-family: 'Armata', sans-serif,'Arial';}
h1{color: #0C618F;font-size: 1.8em;letter-spacing: 2px;}
h2{color: #0c618f;font-size: 1.5em;margin-bottom: 10px;}
h3{color: #0c618f;font-size: 1.2em;margin-bottom: 10px;}
h4{color: #0c618f;font-size: 1em;margin-bottom: 6px;}
#logo{width:255px;padding:10px 1px;}

.telefono{font-size:1.8em;font-weight:bold;}
.direccion{font-size:1.2em;color:#1E6C97;}
.reserva img{padding-right:20px;margin-bottom:15px;}
p{text-align:justify;}

.aligncenter{text-align:center;}
.alignright{text-align:right;}
.alignmiddle{ vertical-align:middle;}
.espaciado{padding:30px 0;}
.imagenflotante{float:left;padding:0 15px 15px 0;}

.paddingambos{padding-left:8px;padding-right:8px;}

a{color:#2679A6; text-decoration:none;}
a:hover{color: #67ABD0;}
hr{margin:10px 0;border-color:#B3CBD6;}



/* This class is added on scroll */
.fixed {position: fixed;top: 0;height: 50px;z-index: 1;width:100%;}

header{min-height:95px;background-color:white;}
.navbar{background-color: #CBE1ED;border-top:1px solid #A7CFE2;border-bottom:1px solid #A7CFE2;margin-bottom:20px;}

nav{font-size:1.2em;position:relative;padding:20px 0;z-index: 1;}
nav ul{margin-bottom:0;}
nav ul li{display:inline;color:#014c96;position:relative;border-left:1px solid #D9D9D7;;}
nav li a{color: #0C618F;text-decoration:none;padding:5px 24px;font-weight:bold;}
nav li a:hover{color: #2679A6;}
nav ul li:first-child {border-left:none;}

nav li:hover{}
nav select {display: none;margin-bottom:40px;}



/* Estilos para submenu */
ul.menu ul {position: absolute;top: 20px;left: -30px; display:none;}
ul.menu li:hover > ul { display:block; }
ul.menu ul li {height: 0;overflow: hidden;padding: 0;border:none;}
ul.menu li:hover > ul li { overflow: visible;padding: 0;}
ul.menu ul li a {
    min-width: 100px;
    padding:8px 1px 10px 1px;
	display:block;
    margin: 0;
    font-size: 12px;
	background: rgba(203, 225, 237, .95);
    border-bottom:1px solid #E4E4E4;
}
/* Fin submenu */


.marcada{background-color:#2A71A9;-webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;background-position:center bottom;}

.slider{/*background:url("http://www.loteriaelbuhorepartidor.com/images/fondo3gris.jpg") repeat-x;*/margin-bottom:30px;background-color:#EDECDE;}


.full{width:100%;}

table tr td,table tr th{ padding:12px 12px;text-align:center;font-size:1.1em;vertical-align:middle;}
table tr th{background-color:#0c618f;color:white;}
table tr{background-color:#E8F1F4;border-bottom:1px solid #D0E1E8;}
td input{margin:0 !important;width:60px !important; vertical-align:baseline !important;}
.texto-grande{font-size:1.6em;}


.columbeis{background-color:#E5E5DE;}

.fondogris{background-color:#CBE1ED;border:1px solid #A7CFE2;padding:12px 12px;float:left;}
.fondobeis{width:100%;background-color:#DCE9EF;border:1px solid #A7CFE2;padding-top:30px;border-top:1px solid #A7CFE2;}
.fondobeis2{background-color:#CBE1ED;padding:0 1px 1px 1px;text-align:center;margin-bottom:8px;}
.fondobeis2 h3{color:#0C618F; text-transform:uppercase;margin-bottom:2px;}
.fondoamarillo{background-color:#DCE9EF;border:1px solid #A7CFE2;float:left;padding-top:10px;}

.fondobeis3{background-color:#DCE9EF;float:left;width:96%;padding: 8px 2%;margin-bottom:16px;}
.fondoazul{background-color:#006192;color:white;}

.borde{border:1px solid #A7CFE2;}
.borderdoted{border-right:1px dotted #CCC;}
.borderdoted:last-child{border:none;}





.bote{height:124px;display:block;border:1px solid #a7cfe2;text-align:center;font-size:1.2em; letter-spacing:4px;background:url("../images/bg-bote.jpg") no-repeat white;}
.bote h2{margin-bottom:0;letter-spacing:3px;padding:5 0;}
.boteprecio{font-size:1.8em;font-weight:bold;color:black;margin-bottom:8px;display:block;padding:5 0;}
.botefecha{display:block;font-size:1.4em;color:#3A342E;padding:5 0;}
.gordo{background:url("../images/bg-gordo.jpg") no-repeat white;}
.euromillon{background:url("../images/bg-euromillon.jpg") no-repeat white;}
.primitiva{background:url("../images/bg-primitiva.jpg") no-repeat white;}

.bote1{height:115px;display:block;border:1px solid #a7cfe2;text-align:right;font-size:1.1em; letter-spacing:4px;padding-right:10px;margin-bottom:12px;background:url("../images/bg-euromillon.jpg") no-repeat 1px -12px white;}
.bote2{height:115px;display:block;border:1px solid #a7cfe2;text-align:right;font-size:1.1em; letter-spacing:4px;padding-right:10px;margin-bottom:12px;background:url("../images/bg-primitiva.jpg") no-repeat 1px -12px white;}
.bote3{height:115px;display:block;border:1px solid #a7cfe2;text-align:right;font-size:1.1em; letter-spacing:4px;padding-right:10px;background:url("../images/bg-gordo.jpg") no-repeat 1px -12px white;}

.circulo{background:url("../images/circulo-azul.png") no-repeat 7px 4px;color:white;text-align: center;min-width: 20px;padding:16px 18px;float:left;font-size:1.5em;font-weight:bold;margin-bottom:20px;}
.circulo2{background:url("../images/circulo-blanco.png") no-repeat 7px 4px;text-align: center;color:#006192;min-width: 20px;padding:16px 18px;float:left;font-size:1.4em;font-weight:bold;margin-bottom:20px;}

.estrella{background:url("../images/estrella.png") no-repeat 2px 0;color:white;min-width:18px;text-align:center;padding:18px 18px;float:left;font-size:1.3em;font-weight:bold;margin-bottom:20px;}
.caja{margin-bottom:10px;padding:16px 18px;font-size:1.4em;font-weight:bold; color: #006192;background-color:white; border: 1px solid #b3cbd6;float:left;position:relative;}
.caja img{vertical-align:middle;}
.cajamini{margin:0 2px 10px 0;padding:6px 6px;font-size:1.2em;font-weight:bold; color: #006192;background-color:white; border: 1px solid #b3cbd6;float:left;position:relative;}

.desarrollador{background-color:#234151;padding:2px 0;font-size:0.8em;}


/* Avisos */
.avisorojo{padding:6px; background:#FDDEDC; color: #900;border: 1px solid #FC9A94;}
.avisoverde{padding:6px; background:#DFEDBA; color:#030;border:1px solid #093;}
.avisoazul{padding:6px; background:#EDF6F9; color:#0c618f;border:1px solid #7EA6BC;}

.icon-email{background:url("../images/icon-email.png") 1px 0 no-repeat;padding: 0 0 0 28px;}
.icon-address{background:url("../images/icon-address.png") 1px 0 no-repeat;padding: 0 0 0 28px;}
.icon-telephone{background:url("../images/icon-telephone.png") 1px 0 no-repeat;padding: 0 0 0 28px;}
.icon-hour{background:url("../images/icon-hour.png") 1px 0 no-repeat;padding: 0 0 1px 28px;}

.flecha{background:url("http://www.loteriaelbuhorepartidor.com/images/flecha.png") -5px 20px no-repeat;}
.lista li{padding-left:20px;background:url("../images/tick.png") 1px 3px no-repeat;}


/* Listados */
.listado-juegos li{padding:10px 8px;background-color:#DCE9EF;}
.listado-juegos li a{font-weight:bold;}
.listado-juegos li a img{vertical-align:middle;}

.categorias li{background:url("../images/icon-clipboard.png")no-repeat;float:left;;padding:2px 32px;}



/* Navegacion */
.navegacion{padding:15px 0 1px 0;background:url("../images/bg-green.jpg");color:white;margin-bottom:20px; }
.navegacion a{color:white;}
.navegacion a:hover{color:#BECEA5;}


/* Contacto */
.formulario ul li{display:inline;font-weight:bold;font-size:0.9em;color:#004C96;}
.formulario ul li img{margin:0 2px;}
.formulario p{/*float:left;*/}
.formulario p input, .formulario p label{display:inline-block;vertical-align:top;margin-bottom:0;}
.formulario p label{min-width:140px;}
.formulario p textarea{width:90%;}

/* Widgets*/
.widgets{border-top: 1px solid #CCC;padding:15px 0;background-color:#DCE9EF;}
.size8{font-size:0.8em;}
.size12{font-size:1.2em;}


/* Pie */
footer{background-color:#2A5166;color: white;padding:5px 0;border-top:1px solid #a7cfe2;}
footer a{color: #DCE9EF;}
footer p{margin-bottom:5px;padding:6px 1px;font-size:1.1em;}
footer ul li{display:inline;margin-right:10px;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	.flecha{background:none;}
	.fondobeis2 h3{font-size:0.8em;}
	
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		nav ul li {font-size:0.8em;}
		nav li a{padding: 5px 14px;}
		.bote1,.bote2,.bote3{height:98px;}
		.telefono{font-size:1.6em;}


	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		nav {display: block;margin: 10px auto;text-align: center;}
		nav ul     { display: none; }
      	nav select { display: inline-block; }
		.container .columns, .container .column{margin-bottom:20px;}
		.borderdoted{border:none;}
		.quitarfondomovil{background:none;border:none;padding:0;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('http://www.loteriaelbuhorepartidor.com/fonts/FontName.eot');
	    src: url('http://www.loteriaelbuhorepartidor.com/fonts/FontName.eot?iefix') format('eot'),
	         url('http://www.loteriaelbuhorepartidor.com/fonts/FontName.woff') format('woff'),
	         url('http://www.loteriaelbuhorepartidor.com/fonts/FontName.ttf') format('truetype'),
	         url('http://www.loteriaelbuhorepartidor.com/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/* PAGINACION */
.paginador{width:100%;height:39px;text-align:right;}
.sinenlace{position:relative;float:right;padding:4px;margin-right:6px;text-decoration:none;color:#330000}
.linked a{position:relative;float:right;border:1px solid #FFFFFF;padding:4px;margin-right:6px;text-decoration:none;color:black}
.linked a:hover{text-decoration:none;background-color:white;color:#330000}
.linked_activo a{position:relative;float:right;padding:4px;margin-right:6px;text-decoration:none;color:white;background: #0c618f;}
.linked_activo a:hover{text-decoration:none;background-color:#CCC;color:white}





/*
 * jQuery Blueberry Slider v0.4 BETA
 * http://marktyrrell.com/labs/blueberry/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */


.blueberry { /*max-width: 1000px;*/position:relative;}
.blueberry { margin: 0 auto;margin-bottom:1px; }
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
	/* -moz-box-shadow: 1px 2px 2px 2px #333333;
    -webkit-box-shadow: 1px 2px 2px 2px #333333;
    box-shadow: 1px 2px 2px 2px #333333;*/
    /* IE 8 
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";*/
    /* IE 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');*/
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: block;
	width: 100%;;
	/*height:425px;*/
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 40px;
	text-align: center;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}
.blueberry .pager li a {
	padding: 18px 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #404040; }