@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; text-align:left;}
body { background-color: #f5f3f3; text-align:center; font-size:12px;}
table {border-collapse: collapse;}
table tr td {vertical-align: top; text-align:center;}

#todo { width:900px; margin:0 auto; background-color:#556eb4;}
#cabecera { width:900px;}
#izquierda { width:150px; min-height:820px; float:left; background-color:#556eb4;}
#contenido { width:730px; min-height:800px; float:right; background-color:#fff; text-align:center; padding:10px;}
#pie { width:900px; padding-top:3px; padding-bottom:3px; text-align:center; margin-top:10px; background-color:#556eb4; clear:both; font-size:10px;  color:#FFFFFF;}

#publicidad { background-color:#8093C7; margin:30px 8px 10px 8px; text-align:center; padding:5px;}
#publicidad p { margin:4px auto; color:#FFFFFF;}

/* menu superior */
#menusuperior { width:900px; height:26px; background:url(images/botonera.jpg) no-repeat top; padding-top:8px;}
#menusuperior a { font-size:12px; font-weight:bold; color:#FFFFFF; margin-left:7px; margin-right:5px;}
#menusuperior a:hover { text-decoration:none; color:#d40000;}

/* menu categorias */
ul.menu { margin: 0 6px; padding:0 3px;}
ul.menu li{ list-style-type: none; margin:3px 6px; padding:2px 6px; border-left:4px solid #FFFFFF; text-align:left; border-bottom:none;}
ul.menu li a { color:#FFFFFF; font-weight:bold;}
ul.menu li:hover{ border-left:4px solid #d40000;}

.submenu { margin-left:20px; }
.submenu li { list-style-type: none; margin:3px 6px; padding:2px 6px; border-left:4px solid #FFFFFF; text-align:left; border-bottom:none;}
.submenu li a:hover { text-decoration:none; background-color:#d40000; padding:2px;}
.submenu li a{ color:#FFFFFF; font-weight:bold;}
.on { text-decoration:none; background-color:#d40000; padding:2px;}

table#topmenu { margin-top:10px; margin-bottom:20px; margin-left:0; }
table#topmenu tr td { width:118px; text-align:center;}
table#topmenu tr td { font-size:4px; padding:2px;}
table#topmenu tr td a{ font-size:12px; color: #556eb4;}
table#topmenu tr td a:hover{ font-size:12px; text-decoration:none;}
table#topmenu tr td a.rojo{ font-weight:bold; color: #d40000;}
table#topmenu tr td:hover { background-color:#eee;}
table#topmenu tr td.fondoazul { background-color: #556eb4; font-size:4px; padding:0;}
table#topmenu tr td.fondoazul:hover { background-color: #556eb4;}


/* contenido */
table#general, table.general { margin:20px auto;}
#general tr td, table.general tr td { text-align:center; vertical-align:middle; font-weight:bold; color:#556eb4; padding:4px;width:50%; }
#general tr.titulos td, .general tr.titulos td { padding-top:4px; padding-bottom:6px; border-top:2px solid #556eb4;}
#general tr.enlaces td, .general tr.enlaces td { padding-bottom:10px; padding-top:10px;}
#general tr.titulos td a, .general tr.titulos td a { font-size:20px; color:#556eb4;}
#general tr.enlaces td a, .general tr.enlaces td a { font-weight:bold; color:#d40000;}

.precios { margin:20px auto; border-collapse:separate;}
.precios tr td { padding:4px; font-weight:bold; color:#333333; border:1px dotted #999999; vertical-align:middle; text-align:left;}
.precios tr.titulos td { color:#556eb4;}
.precios tr td.negro { color:#000 !important;}

.mesas {margin-left:0; margin-top:30px; margin-bottom:20px;}
.mesas tr td { text-align:center; vertical-align:middle; font: bold 12px Arial, Helvetica, sans-serif; color: #556eb4; padding-top:4px; padding-bottom:8px;}

.formulario tr td { padding:4px 10px;}
.subpie { margin:6px auto; text-align:center;}
.subpie a { color: #556eb4;}

/* textos y enlaces */
.azul { color: #556eb4;}
.rojo { color: #d40000;}
.negro { color:#000000;}
span { font-style:italic;}

a img { border:0;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
p.enlace a { font-weight:bold; color:#d40000;}
#pie a { color:#FFFFFF;}

h1 { margin:16px auto; text-align:center; font-size:16px; color:#d40000; }
h2 { font-size:16px; color: #556eb4; border-left: 4px solid #d40000; padding-left: 10px; text-align:left; margin-top:20px; margin-bottom:15px;}
h2 strong { color: #d40000;}

p { margin: 6px 10px; text-align:justify;}
p.enlace { text-align:right; padding-right:10px; margin-top:20px;}

ul {  margin: 20px;}
ul li { list-style-type:none; border-bottom:1px solid #BBB; padding-bottom:2px; margin:2px;}

#catalogo { text-align:right;}

#productos-fotos li {
	background-position: center 30px;
	background-repeat: no-repeat;
	border: none;
	float: left;
	height: 300px;
	width: 200px;
	text-align: center;
	color: #d40000;
	font-weight: bold;
}