
body
{
  margin: 0 auto;
  padding: 0;
  background-color: #ededed;
  font-family: trebuchet ms, arial,helvetica;	
  font-size : 9pt;
  color : #000000; 
}

h2{
text-transform:uppercase;
font-size:12pt;

}

/************************************************  ENLACES  */
A  {text-decoration : none; color:#ff0000; font-weight: bold;}
A:Visited  {text-decoration : none;	color:#ff0000; font-weight: bold;}
A:Active  {text-decoration : none;	color:#ff0000; font-weight: bold;}
A:Hover  {color:#a7a7a7; font-weight: bold;}

A.menu  {text-decoration: none; color:#000000; font-size:12px;}
A.menu:Visited  {text-decoration: none; color:#000000;font-size:12px;}
A.menu:Active  {text-decoration: none;	color:#000000; font-size:12px;}
A.menu:Hover  {color:#d1021d; font-size:12px;}

A.smenu  {text-decoration: none; color:#a7a7a7; font-size:11px;}
A.smenu:Visited  {text-decoration: none; color:#a7a7a7;font-size:11px;}
A.smenu:Active  {text-decoration: none;	color:#a7a7a7; font-size:11px;}
A.smenu:Hover  {color:#ff0000; font-size:13px;}

/************************************************ DIVS GENERALES  */

/* Se modifica para hacer mas pequeña la cabecera y cambiar de color AV */
#top_l{
  	position: relative;
	float:left;
  	left: 10px;
  	top: 0;
	width:60%;
	height:35px;      /* height:40px;  */
	text-align:left;
	color:#e2001b; 	  /* color:#e0e0e0; */
	font-size:30px;   /* font-size:40px; */
	border:0px solid #bfbfbf;
}
#top_r{
	position:relative;
	float:right;
	right:20px;
	width:40%;		  /* width:30%;   */
	height:35px;      /* height:40px; */
	text-align:right;
	color:#e2001b;
	font-size: 25px;  /* font-size: 30px; */
	border:0px solid #bfbfbf;
}

/* cambia el alto del menu principal, ver letras en las siguientes definiciones */
#menu{
	position:relative;
	float:left;
	top: 2px;
	left:10px;
	width:982px;
	height:40px;   /* height:50px; */
	border:0px solid #bcbcbc;
	background: url(imagenes/bg_menu.jpg) no-repeat; background-position:top left;
}

#menuitem{
	float:left;
	margin-top: -5px;    /* añadido  para subir las letras del menu */
	width:150px;
	margin-left:15px;
	margin-right:0px;
	text-align:center;
	border:0px solid #bfbfbf;
}
#menuitem1{
	float:left;
	margin-top: -5px;    /* añadido  para subir las letras del menu */
	width:130px;
	margin-left:5px;
	margin-right:00px;
	text-align:center;
	border:0px solid #bfbfbf;
}
#menuitem2{
	float:left;
	margin-top: -5px;    /* añadido  para subir las letras del menu */
	width:130px;
	margin-left:5px;
	margin-right:0px;
	text-align:center;
	border:0px solid #bfbfbf;
}

#banner{
	position:relative;
	display:block;
	float:left;
	top: 5px;
	left:10px;
	width:980px;
	height:135px;         /* height:147px; para reducir algo de cabecera */
	border:1px solid #9e0101;
	background-color: #9e0101;
	/*background: url(imagenes/banner1.jpg) no-repeat; background-position:top left;*/

}

#banner img{
	display:none;
	position:absolute;
	top:0; 
	left:0;
}


/************************************************ AREA DINAMICA  */
#contenidos{
	position:relative;
	display:block;
	float:left;
	top: 8px;
	padding-bottom:5px;
	left:10px;
	width:980px;
	height:100%;
	border:1px solid #898787;
	background-color:#aaaaaa;
	background: url(imagenes/bg_contents.jpg) repeat; background-position:top left;

}

#submenu{
	position:relative;
	float:left;
	top: 3px;
	left:0px;
	width:240px;
	height:100%;
	border:0px solid #8e8e8e;
	/*background: url(imagenes/bg_submenu.jpg) repeat-y; background-position:top left;*/
}

	#sm_tit{
		margin-left: 5px;
		margin-top:5px;
		font-size:15pt;
		color:#666666;
		font-variant:small-caps;
	}
	
	#sm_txt{
		margin-left: 25px;
		font-weight:bold;
		font-size:11pt;
		color:#ffffff;
		font-variant:small-caps;
	}
	#sm_lst{
		margin-left: 10px;
		font-weight:bold;
		font-size:11pt;
		color:#ffffff;
		font-variant:small-caps;
	}
	#smenu{
		list-style-type:square;
		/*margin-left:15px;*/
		color:#ffffff;
	}

	#smenu li a {
		font-size:10pt;
		color:#ffffff;
		font-variant:small-caps;

	}
	#smenu li a:hover  {
		color:#000000;
	}
	#sm_direccion{
		margin-top:30px;
		color:#000000;
		font-size:8pt;
		text-align:center;

}


#titulos{
	position:relative;
	float:left;
	top: 1px;
	left:6px;
	width:720px;
	height:24px;
	color:#e1011c;
	font-size: 14pt;

	font-variant:small-caps;
	font-weight:bold;
	padding-top:5px;
	padding-left:12px;
	border:1px solid #898787;
	background: url(imagenes/bg_titulos.jpg) repeat-x; background-position:top left;
}

#detalle{
	position:relative;
	float:left;
	top: 2px;
	left:6px;
	width:710px;
	height:100%;
	border:1px solid #898787;
	background-color:#ffffff;
	padding-top:20px;
	padding-left:20px;
	padding-right:2px;
}

	#det_iz{
		position:relative;
		float:left;
		width:530px;
		height:100%;
		border:0px solid #bcbcbc;
		text-align:justify;
	}
	
	#det_dcha{
		position:relative;
		float:right;
		margin-right:5px;
		width:158px;
		height:100%;
		border:0px solid #bcbcbc;
	}
	#det_both{
		position:relative;
		float:left;
		width:680px;
		height:100%;
		border:0px solid #bcbcbc;
		text-align:justify;
	}
#pie{
	position:relative;
	float:left;
	bottom: -4px;
	top: 12px;
	left:10px;
	width:980px;
	height:18px;
	border:1px solid #9e0101;
	color:#ffffff;
	font-size: 8pt;
	padding-top:5px;
	text-align:center;
	background: url(imagenes/bg_pie.jpg) repeat-y; background-position:top left;

}

/************************** pagina de entrada ****************************/
#izda{
	position:relative;
	float:left;
	top: 2px;
	left:2px;
	width:250px;
	height:100%;
	border:1px solid #898787;
	background-color:#ffffff;

}

#central{
	position:relative;
	float:left;
	top: 2px;
	left:5px;
	width:444px;
	height:100%;
	border:0px solid #898787;
	padding:10px;

}

#dcha{
	position:relative;
	float:left;
	top: 2px;
	left:10px;
	width:250px;
	height:100%;
	border:1px solid #898787;
	background-color:#ffffff;

}
#titulo1{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:238px;
	height:24px;
	color:#e1011c;
	font-size: 14pt;
	font-variant:small-caps;
	font-weight:bold;
	padding-top:5px;
	padding-left:12px;
	border:0px solid #898787;
	background: url(imagenes/bg_titulos.jpg) repeat-x; background-position:top left;
}

#contenidos1{
	text-align:center;
	padding-top:20px;
	padding-left:2px;
	padding-right:2px;

}

#entrada{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	color:#ffffff;
	font-size:12pt;
	text-align:center;
}

/* se añade para izquierda abajo */
#izbajo{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
/*	margin-right:6px;*/
	width:249px;
	height:100%;
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

/* se añade para izquierda abajo */
#drbajo{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
/*	margin-right:6px;*/
	width:249px;
	height:100%;
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}



#centroiz{
	position:relative;
	float:left;
	top: 10px;
	left:2px;
	margin-right:6px;
	width:215px;
	height:100%;
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

#centroizof{
	position:relative;
	float:left;
	top: 15px;
	left:2px;
	margin-right:6px;
	width:215px;
	height:100%;
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

/* Se añade para colocar cuadro a la derecha  */
#centrodr{
	position:relative;
	float:left;
	top: -172px;
	left:225px;
	margin-right:6px;
	width:215px;
	height:100%;
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

#centrodrof{
	position:relative;
	float:left;
	top: -142px;
	left:225px;
	margin-right:6px;
	width:215px;
	height:155px;
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

/* Se modifica con margin-top 10 para subir */
#centro2{
	position:relative;
	float:left;
	margin-top: -50px;
	left:2px;
	margin-right:6px;
	width:438px;
	height:90%;                 /* 100 */
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

#centro2of{
	position:relative;
	float:left;
	margin-top: -135px;
	left:2px;
	margin-right:6px;
	width:438px;
	height:90%;                 /* 100 */
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

#centro3{
	position:relative;
	float:left;
	margin-top: -226px;
	left:2px;
	margin-right:6px;
	width:438px;
	height:90%;                 /* 100 */
	text-align:center;
	border:1px solid #898787;
	background-color:#ffffff;
}

#centroferta{
	position:relative;
	float:left;
	top: 10px;
	left:2px;
	margin-right:6px;
	width:438px;
	height:100%;
	text-align:center;
	border:3px solid #4b91ce;
	background-color:#ffffff;
}

#ofertaleft{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:200px;
	height:100%;
	text-align:center;
	background-color:#ffffff;
}

#ofertaright{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:235px;
	height:100%;
	text-align:center;
	background-color:#ffffff;
}

#titulo2{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:203px;
	height:24px;
	color:#e1011c;
	font-size: 12pt;
	font-variant:small-caps;
	font-weight:bold;
	padding-top:5px;
	padding-left:12px;
	border:0px solid #898787;
	background: url(imagenes/bg_titulos.jpg) repeat-x; background-position:top left;
}

#titulo2a{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:426px;
	height:24px;
	color:#e1011c;
	font-size: 12pt;
	font-variant:small-caps;
	font-weight:bold;
	padding-top:5px; 
	padding-left:12px;
	border:0px solid #898787;
	background: url(imagenes/bg_titulos.jpg) repeat-x; background-position:top left;
}


/* se añade para pagina de inicio, izquierda abajo */
#titulo3{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:237px;
	height:24px;
	color:#e1011c;
	font-size: 12pt;
	font-variant:small-caps;
	font-weight:bold;
	padding-top:5px;
	padding-left:12px;
	border:0px solid #898787;
	background: url(imagenes/bg_titulos.jpg) repeat-x; background-position:top left;
}

/************************** VARIOS ****************************/

#indent10{
	position:relative;
	display:block;
	margin-left:10px;
	width:50%;
	float:left;
	border:1px solid #bcbcbc;
}

a.borde:hover img {
	border:1px solid #cb0202;
}

a.borde img {
	border:1px dotted #bcbcbc;
}

#mitad{
	position:relative;
	float:left;
	margin-left:15px;
	margin-right:0px;
	margin-bottom:15px;
	padding:5px;
	width:42%;
	text-align:center;
	border:1px dotted #bcbcbc;
}

.resalta {
	color: #E0001B; 
	font-style: italic;
}


/************************************* GALERIA *************************/

.PopBoxImageSmall
{
   	border: solid 1px #a7a7a7;
	padding:2px;
	width:100px;
	height:65px;
	background-color:#ffffff;
   	cursor: url("imagenes/lupa_mas.cur"), pointer;
}
.PopBoxImageLarge
{
   	border: solid 3px #9a0514;
	padding:2px;
   	background:#ffffff;
   	cursor: url("imagenes/lupa_menos.cur"), pointer;
} 

.pbCaption{
	background-color:transparent;
	font-weight:bold;
	color:#9a0514;
}













/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #b9b9b9; border: 10px solid #aaa; padding: 5px;}
.galleryview { background-color:transparent;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {text-align:center;background:#ffffff;}
.panel img{border:2px solid #a7a7a7; background:#b9b9b9; height:400px; max-width:600px;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overla,
.panel .overlay-background { height: 10px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background-color: #ffffff; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 20px; padding-top:10px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
