/*ESTILOS BÁSICOS*/

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#eeeeee;
margin:0px;
}
a {color:#000000;text-decoration:underline;}
a:hover {color:#000000;text-decoration:underline;}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #B50E20;
text-decoration: none;
padding:20px, 0px, 0px, 0px;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #727B7D;
}
td { padding:5px;}
.subtitulos {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-align:left;
}
.subtitulos_rojos { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#B50E20; font-weight:bold; }
.subtitulos_rojos a,
.subtitulos_rojos a:link {
text-decoration:underline;}

.subtitulos_rojos a:hover {
text-decoration:underline;}

.subtitulos_gris {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#727B7D;
font-weight:bold;
text-align:left;
}
.subtitulos_griss a,
.subtitulos_gris a:link {
text-decoration:underline;}

.subtitulos_gris a:hover {
text-decoration:underline;}

.subtitulos_gris12 { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#727B7D;
}
.listas {list-style-image: url(images/listas_rojas.jpg);}
.listas a,
.listas a:link { text-decoration:none; color:#000000; list-style-image: url(images/listas_rojas.jpg);}
.listas a:hover { text-decoration: underline; color:#000000; list-style-image: url(images/listas_rojas.jpg);}

.listas_grises {list-style-image: url(images/listas_gris.jpg);}
.listas_grises a,
.listas_grises a:link {text-decoration:none; color:#000000; list-style-image: url(images/listas_gris.jpg);}
.listas_grises a:hover {text-decoration: underline; color:#000000; list-style-image: url(images/listas_gris.jpg);}


.imagenes_sucursales {
width:206px;
height:206px;
border: 1px solid #727B7D;
text-align:center;
}

.separadores{
background-color:#B50E20;
width:610px;
height:1px;}

.separadores480{
background-color:#B50E20;
width:480px;
height:1px;}

.otras_imagenes { padding:10px;	border:1px solid #727B7D; text-align: center;}

.lightbox img { padding:10px;	border:1px solid #727B7D; text-align: center;}


.bodyrojo{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#B50E20;
margin:0px;
}
.bodyrojo a, 
.body a:link {
color:#B50E20;
text-decoration:none;
}
.bodyrojo a:hover {
color:#B50E20;
text-decoration:underline;
}



/*PLANTILLA PRINCIPAL*/

#container{
width:780px;
height:auto;
background-color:#FFFFFF;
text-align:left;
margin:0px auto;
padding:0px;
}

#header{
width:780px;
height:114px;
float: left;
}

#contenido{
width:780px;
height:auto;
background-color:#FFFFFF;
float:left;
}

#lateralIzq{
width:130px;
float:left;
margin-top:16px;
background-color:#C7CBCC;
min-height:32px;
}

#lateralDer{
width:130px;
background-color:#FFFFFF;
min-height:32px;
margin-top:16px;
margin-right:0px;
float:left;
}

#contenido1{
width:640px;
height:auto;
margin-left:10px;
margin-top:16px;
background-color:#FFFFFF;
float:left;
}

#contenido2{
width:630px;
height:auto;
margin-left:10px;
padding-right:10px;
margin-top:16px;
background-color:#FFFFFF;
float:left;
}

#contenido3{
width:480px;
height:auto;
margin-left:20px;
margin-right:20px;
margin-top:16px;
background-color:#FFFFFF;
float:left;
}

#banner{ width:640px; height:94px; float:left; margin-bottom:15px;}

div#footer{
width:780px;
background-color:#808080;
color:#FFFFFF;
text-align:center;
height:20px;
font-family: Verdana;
font-size:9px;
font-weight:bold;
float:left;
}
div#footer .info{
padding:4px 0px;
}


/*HEADER*/

#logo { width:195px; height:98px; float:left;}
#columnaroja{ width:585px; height:65px; background-color:#B50E20; float:left;}
#columnagris{ width:585px; height:33px; background-color:#E7E8E8; float:left;}
#columnagrisobscuro{ width:780px; height:16px; background-color:#727B7D; text-align:center; float:left;}



/*MENU DEL HEADER*/

#spacer { float:left;}

#Inicio a,
#Inicio a:link,
#Inicio a:visited {
	display:block;
	width:50px;
	height:33px;
	float:left;
	background-image: url(images/inicio.jpg);
}
#Inicio a:hover {
	background-image: url(images/inicio_over.jpg);
}

#Directorio a,
#Directorio a:link,
#Directorio a:visited {
	display:block;
	width: 76px;
	height: 33px;
	float:left;
	background-image: url(images/directorio.jpg);
}
#Directorio a:hover {
	background-image: url(images/directorio_over.jpg);
}
#Contacto a,
#Contacto a:link,
#Contacto a:visited {
	display:block;
	width: 83px;
	height: 33px;
	float:left;
	background-image: url(images/contacto.jpg);
}
#Contacto a:hover {
	background-image: url(images/contacto_over.jpg);
}
#Mapa a,
#Mapa a:link,
#Mapa a:visited {
	display:block;
	background-image: url(images/mapa.jpg);
	float:left;
	width: 100px;
	height: 33px;
}
#Mapa a:hover {
	background-image: url(images/mapa_over.jpg);
}



/*MENU PRINCIPAL*/

#menu_vertNorma{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
margin-left:0px;
font-size:10px;
width:130px;
background:#E0E0E0;
}
/* The wrapper determines the width of the menu elements */
.espaciadorMenu{
background-color:#B50E20;
width:130px;
height:1px;}
/* Unless you know what you do, do not touch this */ 
#primary-navNorma,
#primary-navNorma ul { 
list-style: none; 
margin: 0px; 
padding: 0px; 
width: 130px;
background:#FFFFFF;
}
#primary-navNorma ul { 
position: absolute; 
top: 0; 
left: 100%; 
display: none; 
}

/* Styling the basic apperance of the menu elements */
#primary-navNorma a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
display: block;
padding:10px 4px 5px 17px;
color: #696A6F;
text-decoration: none;
background: url(images/bullet_rojo.jpg) no-repeat 4px 13px;
min-height:15px;
text-align:left;
background-color:#FFFFFF;
}

#primary-navNorma ul a{
	padding: 9px 10px 10px 7px;
}

#primary-navNorma a:hover {
	color: #ffffff;
	background: url(images/bullet_blanco.jpg) no-repeat 4px 13px;
	background-color:#B50E20;}



#txt_menu {
width:130px;
float:left;
margin-bottom:15px;
}

#txt_menu p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#727B7D;
width:113px;
padding-left:17px;
text-align:left;
padding-top:8px;
}

#txt_menu a,
#txt_menu a:link {
color:#727B7D;
text-decoration:none;}

#txt_menu a:hover {
color:#696A6F;
text-decoration: underline;}


/*=======================SUBSECCIONES=============*/
.titusubsecciones{
	width:130px;
	height:30px;
    margin-bottom:5px;
}
.subsecciones{
	background:#C7CBCC;
	width:130px;
    margin-bottom:5px;	
	padding:10px 0px 0px 0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #727B7D;
	list-style-image: url(images/listas_gris.jpg);
}
.subsecciones ul{
	margin:0px;
	border-width:0px;
	margin-left:15px;
	padding-top:0px;
	padding-bottom:12px;
	padding-left:15px;
    margin-right:2px;
	padding-right:2px;
}

.subsecciones a,
.subsecciones a:link,
.subsecciones a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#727B7D;
text-decoration:none;
}
.subsecciones a:hover{ text-decoration:underline;}

.alertas {
width:130px;
background-color:#B50E20;
float:left;
}
.alertas a,
.alertas a:link,
.alertas a:visited{
color:#FFF;
text-decoration:none;
}



.alertas p {
width:120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
}


/*BANNERS*/

.area_banners {width:130px; height:auto; background-color:#FFFFFF; float:left;}

#titus_menu { width:130px; height:20px;float:left;}

.ban_promo { width:130px; height: auto; float:left; margin-bottom:23px;}

.titu_promo { width:130px; height:20px; margin-top:15px; margin-bottom:15px; float:left;}



/*MAIN*/

#top { width:640px; float:left; margin-bottom:9px;}

#titular {
width:640px;
height:21px;
background-color:#9DA3A4;
float:left;
}
#foto {
width:409px;
height:230px;
float:left;
background-image:url(images/foto_peli.jpg);
}
#intro {
width:231px;
height:230px;
background-color:#D5D8D8;
float:left;
}
#intro p {
width:211px;
height:210px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin:10px;
}

.columnas {
width:640px;
height:460px;
float:left;
margin-bottom:20px;
}

.bloque1 {width:380px; height: auto; margin-bottom:9px;float:left;}

.cuadro1{width:380px; height:92px; margin-bottom:9px;float:left;}
.columna1{width:380px; height: auto; float:left;}



.columna2{width:246px; height:460px; margin-left:14px; float:left;}

.columna3{width:188px; height:357px;float:left;}
.columna4{width:178px; height:357px; margin-left:14px; float:left;}

.columna5{width:188px; height: auto; float:left;}

.columna6{width:178px; height:120px; background-color:#E7E8E8; float:left;}
.columna6 p {
width:168px;
height:100px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
color:#B50E20;
text-align:center;
margin-left:5px;
margin-right:5px;
margin-top:20px;
}


.columna7{width:178px; height:60px; background-color:#E7E8E8; float:left;}
.columna7 p {
width:168px;
height:55px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
font-weight:normal; 
color:#000000;
text-align:center;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
.columna7 a,
.columna7 a:link { color:#000000; text-decoration:none; }
.columna7 a:hover {color:#000000; text-decoration: underline; }


.columna8{width:188px; height:64px; background-color:#B50E20; margin-top:9px; float:left;}
.columna8 p { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:normal; 
color:#FFFFFF;
text-align:center;
margin-left:5px;
margin-right:5px;
margin-top:15px;
}
.columna8 a,
.columna8 a:link { color:#FFFFFF; text-decoration:underline;}
.columna8 a:hover { color:#FFFFFF; text-decoration:underline;}

.columna178 { width:178px; height:auto; float:left;}

.columna9{width:178px; height:64px; background-color:#C7CBCC; float:left;}
.columna9 p {
width:163px;
height: 61px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:normal; 
color:#000000;
text-align:left;
margin-left:10px;
margin-right:5px;
margin-top:3px;
}

.columna10{width:116px; height:440px; float:left;}

.banner1 {width:188px; height:20px; float: left;}
.banner2 {width:178px; height:20px; float:left; margin-top:9px; }
.titular246 {width:246px; height:20px; float:left;}

.bannerNoticias {width:246px; height:200px; background-color:#C7CBCC; float:left;}
.bannerEventos {width:246px; margin-top:10px; background-color:#C7CBCC; float:left;}

.marcas p { width:101px; height:10px; margin-left:15px; margin-top:8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.marcas a,
.marcas a:link {  color:#FFFFFF; text-decoration:none;}
.marcas a:hover {  color:#FFFFFF; text-decoration: underline;}


 

.ligas_a {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#0FA5C0; font-weight:bold; padding-bottom:5px;}

.ligas_a a {color:#0FA5C0; text-decoration: underline;}
.ligas_a a:hover {color:#0FA5C0; text-decoration: underline;}

.ligas_b {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; font-weight:bold; text-align:right;}

.ligas_b a {color: #000000; text-decoration: underline;}
.ligas_b a:hover {color: #000000; text-decoration: underline;}



/*BREADCRUMB*/

#breadcrumb {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #00B5CC;
	text-decoration: none;
	margin-top:10px;
	text-align:right;
}
#breadcrumb a:link,
#breadcrumb a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}