/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/
* {border:0}
#site-content{clear:both;width:960px;margin:0px auto;padding:15px 15px 25px;background:transparent  url(bg_lightgrey.jpg) repeat top left; }
#pagina { width:990px; border: #CCCCCC 1px solid; margin-left:0.8em; margin-top:0.3em; padding-bottom:2em}
.cabe_flecha { font-weight:bold; width:98%;background-color:#bbb7b4; background-image: url(flecha_espa.gif);; background-repeat:no-repeat; line-height:25px; color: #006699; text-align:left; float:left; padding-left:1em}
.cabe_flecha a{color: #000; text-decoration:none}
.cabe_flecha a:hover{color: #660000; text-decoration:none}
.enla_dere {border-bottom:#CCCCCC 1px dotted; padding-bottom:0.5em; padding-top: 0.7em}
.buscador { width: 130px; height:10px;	font-weight: bold; font-style:oblique;	line-height: 1em;	color: #000;  padding-bottom: 0.4em; }
.buscador { float:left;font-weight: bold; font-style:oblique;	line-height: 1.4em;	color: #000; background-color: #fff;  }
.buscas {	 FLOAT: left;   WIDTH: 320px; 	font-size: 90% }
.s {float:left;border:#ccc 1px solid; width:100px;}
.b {float: left;border:#ccc 1px solid; width:140px; margin-left:0.1em;  }
.nuevo { float:left;  width:61%; text-align:center; font-weight:bold; font-size: 120%;  background-color:#ffff22; color:#fff; line-height:2.1em}    
.nuevo a{float:left;   width:64%; text-align:center; font-size: 120%;  background-color:#ffff22; color:#000; line-height:2.1em; text-decoration:none} 
.nuevo a:hover{float:left;   width:64%; text-align:center; font-size: 120%;  background-color:#e1e1e1; color: #006699; line-height:2.1em; text-decoration:none}
.texto {	color: #000000;	text-align: justify;	margin-right:2%;	margin-left: 1%;}
.bordes { border:#999999 1px solid}
.separar {clear:both; border-bottom:#CCCCCC 1px solid}
.logo {float:left; margin-left:0.3em}
.emblema {float:right; background:url(../../index_ar/icontitu.jpg) no-repeat; width:460px; height:60px}
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{	color: #000; font-family:Georgia, "Times New Roman", Times, serif;	line-height: 1.166;		margin: 0px;	padding: 0px;	background-color:#FFFFFF}
a{	color: #006699;	text-decoration: none;	background-color:#FFFFFF	}
a:link{	color: #006699;	text-decoration: none;	background-color:#FFFFFF}
a:visited{	color: #006699;	text-decoration: none;	background-color:#FFFFFF}
a:hover{	color: #cc0000;	text-decoration: none;	background-color:#FFFFFF}
h6{ font-family: Verdana,Arial,sans-serif; font-size: 140%; color: #000000; margin: 0px; padding: 0px; background-color:#FFFFFF	}
h1{ font-size: 210%; color: #000; margin-left:0.7em; line-height:0.3em}
h2{ font-size: 124%;  margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
h3{ font-size: 130%; color: #334d55; padding-top: 10px; border-top:#999999 1px dotted; }
h4{ font-family: Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px; background-color:#FFFFFF}
h5{ font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px; background-color:#FFFFFF	}
ul{ list-style-type: square;}
ul ul{ list-style-type: disc;}
ul ul ul{ list-style-type: none;}
label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55; background-color:#FFFFFF	}
.centrar { text-align:center;background-color:#fff;color:#000}
.seccion {	PADDING-RIGHT: 0.3em; DISPLAY: block; PADDING-LEFT: 0.3em; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; BACKGROUND: #efbe6f; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 0.3em; COLOR: #fff; PADDING-TOP: 0.3em; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none
}
/*****************Imágenes *****************/
DIV#cabecera {	FONT-WEIGHT: bold; FONT-SIZE: 57%; BACKGROUND:  url(../index_ar/cabeza_index.jpg) no-repeat 100% 100%; MARGIN-LEFT: 0px; WIDTH: 750px; POSITION: relative; height: 62px; }				
div#imagen {	background:  url(../index_ar/imgindex.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 430px;	POSITION: relative;	height: 147px;	text-align: center;}	
div#imagenbest {	background:  url(../index_ar/imgindex_best.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 430px;	POSITION: relative;	height: 147px;	text-align: center;}
div#imagencepas {	background:  url(../index_ar/imgindex_cepas.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 430px;	POSITION: relative;	height: 147px;	text-align: center;}
div#imageneco {	background:  url(../index_ar/imgindex_eco.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 430px;	POSITION: relative;	height: 147px;	text-align: center;}
div#imagenhis {	background:  url(../index_ar/imgindex_his.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 430px;	POSITION: relative;	height: 147px;	text-align: center;}
div#imagen1 {	background:  url(../index_ar/abajo_hombres_icoporta.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 97px;
	POSITION: relative;	height: 66px;	text-align: center;}
div#imagen2 {	background:  url(../index_ar/mitopq.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 111px;	POSITION: relative;	height: 86px;	text-align: center;}
div#imagen3 {	background:  url(../index_ar/pnuevas.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 115px;	POSITION: relative;	height: 35px;	text-align: center;}
div#acesibi {	background:  url(../index_ar/acce_boaaa.jpg) no-repeat 100% 100%;	MARGIN-LEFT: 0px;	WIDTH: 310px;	POSITION: relative;	height: 41px;	text-align: center;	left: 60px;}
div#novedad {
	background:  url(../index_ar/novedad_ani.gif) no-repeat 10px;
	MARGIN-LEFT: 0px;
	WIDTH: 150px;
	POSITION: relative;
	height: 16px;
	left: 30px;
	
}
div#google {
	background:  url(../index_ar/google.gif) no-repeat 100% 100%;
	MARGIN-LEFT: 0px;
	WIDTH: 75px;
	POSITION: relative;
	height: 32px;
	text-align: center;
	left: 0;
}

div#solrepu {
	background:  url(../best/sol.gif) no-repeat 100% 100%;
	MARGIN-LEFT: 0px;
	WIDTH: 411px;
	POSITION: relative;
	height: 300px;
	text-align: center;
	left: 0;
}
/********************Fin imágenes******************/
/*********************************************/
/*Enlaces cabecera                           */
/*********************************************/
.navcontainer{width:970px;margin: 2px 2px 2px 10px;padding:2px 2px 5px 2px;}
.navcontainer ul { padding: 1px; }
.navcontainer ul li { display: inline}
.navcontainer ul{margin: 2px 2px 2px 2px;}
.navcontainer ul li a{padding: 2px 2px 2px 2px;width:112px !important;min-width:120px !important;display:block;
background:#cc0000;color: #ffff22;text-decoration: none;text-align: center;text-transform: uppercase; 
float: left; border-left:#fff 5px solid
}
.navcontainer ul li a:link{color: #fff;background-color: #0272c6; border-left:#fff 5px solid}
.navcontainer ul li a:hover{color: #fff;background-color: #0272c6; border-left:#fff 5px solid; text-decoration:line-through}
.navcontainer ul li a:visited{color: #fff; border-left:#fff 5px solid;background-color: #ccc}
.partir {clear:both; border-top:#999999 1px solid}
.super_titu {float:right; font-size:280%; margin-right:0.3em}
.hoja {
	background-image:  url(../eleccion/isabel/berliet_1926pq.gif);
	background-repeat: no-repeat;
}
.raya {
	color:#ececec;
	background-color:#FFFFFF	
}
.rayagris {
	color:#eeeeee;
	background-color:#FFFFFF	
}
.rayagriscc {
	color:#cccccc;
	background-color:#FFFFFF	
}
.titulos {  font-family: Arial, Helvetica, sans-serif; font-size: 130%; color: #808080;background-color:#FFFFFF	}
.titucabe a{
	color: #000000;
	font-size:14px;
	text-decoration: none;
	font-weight: bold;
	background-color: #e1e1e1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.titucabe a:link{
	color: #000000;
	font-size:14px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF	
}

.titucabe a:visited{
	color: #003399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF	
}

.titucabe a:hover{
	color: #cc0000;
	text-decoration: none;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titucen a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #e1e1e1 
	}

.titucen a:link{
	color: #000000;
	text-decoration: none;
	background-color:#FFFFFF	
}

.titucen a:visited{
	color: #000080;
	text-decoration: none;
	background-color:#FFFFFF	
}

.titucen a:hover{
	color: #cc0000;
	text-decoration: none;
	background-color: #FFFFFF; 
}

.titu a{
	color: #e1e1e1;
	text-decoration: none;
	font-weight: bold;
	background-color:#FFFFFF	
	}

.titu a:link{
	color: #ffffff;
	text-decoration: none;
	background-color:#e1e1e1	
}

.titu a:visited{
	color: #ffffff;
	text-decoration: none;
	background-color:#e1e1e1	
}

.titu a:hover{
	color: #cc0000;
	text-decoration: none;
	background-color:#FFFFFF	
}
.marco {
	border: thin solid #cc3300;
	text-align: center;
	color: #CC3300;
	font-weight: bold;
	background-color:#FFFFFF	
}
.sectionLinks{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF	
}
.sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

.sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

.sectionLinks a:hover{
	background-color: #dddddd;
	color:#FFFFFF	
}
.masthead{	border-bottom: 1px solid #cccccc;	width: 100%;}
.breadCrumb{	font-size: 80%;	padding: 2px 0px 0px 10px;}
.linea{	color:#99ccff;	text-align: center;	font-size: 50%;	background-color:#FFFFFF}
.atajos  {	color:#cc0000;	background-color:#FFFFFF}
.letrapq { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
.letrapq a:link {color: #999999; background-color:#FFFFFF;text-decoration: none; font-size: 10px}
.letrapq a:visited {  color: #cc0000; text-decoration: none; background-color:#FFFFFF	}
.letrapq a:hover {  color: #ffffff; background-color: #7cb0ae}

.letrapqp { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.letrapqp a:link {color: #999999; background-color:#FFFFFF;text-decoration: none; font-size: 9px}
.letrapqp a:visited {  color: #cc0000; text-decoration: none; background-color:#FFFFFF}
.letrapqp a:hover {  color: #ffffff; background-color: #7cb0ae}	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{	border-bottom: 1px solid #cccccc;	width: 100%;}
#navBar{	float: left;	width: 20%;	margin-left: 10px;	background-color: #eeeeee;	color:#FFFFFF;		border: 1px solid #cccccc; margin-top:10px}
#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;	
}

#content{
	float: left;
  width: 55%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{	margin: 0;	padding: 0 0 0 10px;}

/************* #globalNav styles **************/
#titucabe{
	padding: 1px 5px 1px 10px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
	font-weight: bold;
	background-color:#dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#titucabe img{
 display: block;
}

#titubace a {
	color:#000;
	padding: 0 4px 0 0;
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#titucen{
padding: 5px 5px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
font-weight: bold;
background-color:#dddddd;
}

#titucen img{
 display: block;
}

#titucen a {
	font-size: 90%;
	padding: 0 4px 0 0;
}
#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #ececec;
color: #cccccc; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;
background-color:#FFFFFF	
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}
#globalNav a:hover { text-decoration:line-through;
	
}
/*************** #pageName styles **************/

#pageName{	margin-left: 20px}

/************* #breadCrumb styles *************/

#breadCrumb{
font-size: 12px;
	padding: 2px 0px 0 5px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	text-align:justify;
	color:#000000;
	background-color:#FFFFFF	
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}

.encabeza{
	padding: 0px 0px 1px 1px;
	font-size: 110%;
}
.encabeza1{
	padding: 10px 10px 10px 10px;
	font-size: 90%;
	background-color: #eeeeee;
	color:#FFFFFF	
}
.cabecera{
	padding: 5px 5px 10px 10px;
	font-size: 100%;
	background-color: #eeeeee;
	color:#FFFFFF	
}
.letpq{
font-size: 11px;
text-align: justify;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both; text-align:center;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	background-color:#FFFFFF	
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{	padding: 5px 0px 5px 10px;	border-bottom: 1px solid #cccccc;	font-size: 90%;	text-align: center;}
#search form{ margin: 0px; padding: 0px;}
#search label{	display: block;	margin: 0px;	padding: 0px;}
#search1{	padding: 10px 0px 0px 0px;	font-size: 90%;}
#search form1{ margin: 0px; padding: 0px;}
#search label1{	display: block;	margin: 0px;	padding: 0px;}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom:  1px solid #EEE;}


/*********** #sectionLinks styles ***********/

#sectionLinks{	margin: 0px;	padding: 0px;	font-size: 90%;	color: #000000;	background-color:#FFFFFF}
#sectionLinks h3{	padding: 12px 0px 0px 2px;}
#sectionLinks a {	display: block;	border-top: 1px solid;	padding: 2px 0px 2px 10px;}
#sectionLinks a:hover{	background-color: #dddddd;	color:#000	}


/*********** .relatedLinks styles ***********/

.relatedLinks{	margin: 0px;	padding: 0px 0px 10px 10px;	font-size: 85%;}
.relatedLinks h3{	padding: 10px 0px 2px 0px;}
.relatedLinks a:link,
.relatedLinks a:visited {	display: block; }

/************** #advert styles **************/

#advert{	padding: 30px 0px 10px;}
#advert img{	display: block;}


/************** #headlines styles **************/

#headlines{	margin: 0px;	padding: 10px 0px 20px 10px;	font-size: 80%;}
#headlines p{	padding: 5px 0px 5px 0px;}