/* CSS Document */

/*Las unicas medidas dadas en HTML son la anchura total de la tabla (820px)
 y la anchura del separador del contenido (15px), todas las demas vendrán dadas por CSS*/

body {
	padding-top:0px;
	background:url(../imagenes/FONDO-ROJO.jpg) top repeat-y;
	font-family: Georgia, Arial, Verdana, sans-serif;
		
		} 
#todo {
	top:0px;
	width:850px;
	}
	
 .cabecera {
 	height:150px;
	width:850px;
 	background:url(../imagenes/cabecera.jpg);
	 }
 
 #cab_empresa {background:url(../imagenes/cabezal_empresa.jpg) no-repeat;}
 #cab_cerveza {background:url(../imagenes/cabezal_cerveza.jpg) no-repeat;}
 #cab_ruta {background:url(../imagenes/cabezal_ruta.jpg) no-repeat;}
 #cab_rincon {background:url(../imagenes/cabezal_rincon.jpg) no-repeat;}
 #cab_enlaces {background:url(../imagenes/cabezal_enlaces.jpg) no-repeat;}
 #cab_cliente {background:url(../imagenes/cabezal_cliente.jpg) no-repeat;}
  
 .lat_izq {
 	width:85px;
	
 }
 
 .lat_dcha {
 	width:85px;
	
 }
 
 /*MENU PRINCIPAL*/
 
 .menu_ppal {
 	width:850px;
 	height:45px;		
}

		
			  
 .menu_ppal a {
 	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	display:block;
	padding:13px 0px;
	background-image:url(../imagenes/menu_negro.gif);
	}

.menu_ppal a:hover{
	color:#333333;
	background:url(../imagenes/menu_gris.gif) bottom;
	}
 
/*CONTENIDO DE LA PAGINA*/

.contenido {
	width:680px;
	background-color:#ededde;}
/*#fefeef;*/
	
.contenido .cont {
	margin:15px;
	margin-top:0px;
	width:660px;
	
}

.contenido .cont .izq {
	width:190px;
	padding-top:0px;
}

.contenido .cont .dcha {
	width:460px;
	padding-top:5px;
	
	}

.submenu, .clientes {
	width:190px;	
	/*margin-top:15px;*/
	
		} 
	
.submenu h3 {
	text-align:center;
	background:#666;
	border:solid 1px #000000;
	font-size:13px;
	font-weight:bold;
	margin:20px 0px 0px 0px;
	padding:1px 0px;
	width:190px;
	color:#FFFFFF;	
	}

.submenu h4 {
	font-size:12px;
	text-align:left;
	padding-left:0.8em;
	margin:8px 0px;
	border-bottom:solid 1px #cccccc;
		}

.submenu h5 {
	margin:5px 0px 2px 10px;
	font-weight:normal;
	/*background:url(../imagenes/gris_degradado.jpg) no-repeat;*/
	border:solid 1px #998888; /*#dbdecd;*/
	}

.submenu h6 {
	margin:5px 0px 2px 20px;
	font-weight:normal;
	/*border:solid 1px #dbdecd;*/
	text-align:left;
	}
	
.submenu h5 a{
	display:block;
	font-size:11px;
	text-align:left;
	padding-left:10px;	
	border-left:solid 5px #990000;
	}	
.submenu h5 a:hover {
	display:block;
	padding-left:10px;
	color:#333333;
	background:none;
	border:none;
	}

.submenu h6 a {
	padding-left:11px;
	display:block;
	
	}
	
.submenu h6 a:hover {
	
	display:block;
	background:none;
	}
	
.submenu a {
	display:block;
	padding:0px;
	color:#000000;
	text-decoration:none;
	
	}

.submenu a:hover {
	color:#990000;
	display:block;
	/*padding-left:15px;*/
	background:url(../imagenes/raya.gif) no-repeat bottom;
	}
.submenu form {
	color:#333333;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	/*background:url(../imagenes/fondo_contenido5.gif);*/
	border:solid 1px #dbdecd;
	width:191px;
	}

#acceso {
	margin-top:10px;
		
	}	
#acceso td {padding-left:5px;}
#acceso h3 {
	background:#666666;
	color:#FFFFFF;
	margin:2px 0px 5px 0px;
	padding:0px;
	}
	
#acceso input {
	text-align:left;
	font-size:10px;
	margin-bottom:5px;
	margin-left:2px;
	}


.submenu #acceso a {
	text-decoration:underline;
	display:inline;
	color:#990000;
	padding:0px;
	}
.submmenu #acceso a:hover {
	color:#666666;
	background:none;
	display:inline;
	padding:0px;
	}
.boton {
	text-align:center;
	text-indent:0px;
	padding:0px;
	}
.submenu #acceso .boton input {text-align:center;}

.separador {
	width:20px;
}

/*MENU DE PIE DE PAGINA*/
 .pie{
 	text-align:center;
	background-color:#999966;
 }
 
 .pie a {
 	color:#000000;
	vertical-align:baseline;
	text-decoration:none;
	font-size:12px;
	}
	
.pie a:hover {
	color:#FFFFFF;
	}
	
/*CONTENIDO DE TEXTO, IMAGENES... */
.texto {min-height:450px;}
.texto, .texto td {
	margin:2px;
	font-size:12px;
	text-align:justify;
	text-indent:1.4em;
	margin:5px;
	}
	
.texto h1 {
	text-indent:0px;
	font-size:16px;
	text-align:center;
	border-bottom:solid 1px;
	}	
		
.texto h2 {
	font-size:15px;
	border-bottom:dashed 1px #333333;
	}
	
.texto h3 {
	font-size:14px;
	text-align:center;

	}

.texto span {
	font-weight:bold;
	}
	
.texto .cerveceria{
		font-size:22px;
		text-align:center;
		font:Georgia;
		color:#990000;
		border-color:#990000;
		}
		
.texto .resaltado {
	color:#CC0000;
	} 	
	
.foto_dcha{
		float:right;
		padding-left:10px;
		text-indent:0px;	
	}
.foto_izq{
		float:left;
		padding-right:10px;
		text-indent:0px;	
	}

.pie_foto{
	font-size:10px;
	color:#cc0000;

	}
a {
	color:#990000;
	}
a:hover  {
	color:#666666;
	}
img {
	text-indent:0px;
	}

 li{
	font-size:12px;
	}