/* ================================================== GENERALES */

* { margin: 0; padding: 0; }
body { font-size: 76%; font-family: Tahoma, sans-serif; color: #808285; background: #FFF; }
a { outline: none; text-decoration: none; color: #ACACAC; }
a img { border: 0; }
div { overflow: hidden; width: 100%; }
ul { list-style-type: none; }
input { font-family: Tahoma; }

.block_width    { width: 982px; }
.block_width953 { width: 953px; }
.block_width946 { width: 946px; }

.title_blue { margin-bottom: 14px; background: #3469B2 url(../images/titulos/title-blue-border-left.png) top left no-repeat; }
.title_blue h2 {
  height: 20px;
  padding: 3px 0 0 13px;
  background: transparent url(../images/titulos/title-blue-border-right.png) top right no-repeat;
  font-size: 1.1em; color: white;
}

h3.blue { margin-top: 20px; padding: 0 14px; font-size: .9em; color: #3469B2; }
h3.blue.arrow { background: transparent url(../images/generales/icon-arrow.gif) center left no-repeat; }

.text { margin: 12px 0; padding: 0 14px; font-size: .9em; color: #808285; }
.text strong { font-weight: bold; color:#3469B2}
h3.text { font-weight: bold; color:#3469B2; font-size:14px}
ul.text {list-style:circle; list-style-position:inside; }

a.link { color: black; }
a.link:hover { text-decoration: underline; }

.mensaje {
  height: 36px;
  padding-top: 24px;
  text-align: center;
  border-bottom: 1px dotted #CCCDCF;
  font-size: .8em; color: #B2B2B2;
}

/* ================================================== HEADER */

#container { background: white; }

#headerTop { height: 88px; background: #235394 url(../images/backgrounds/header-bkg.png) top left repeat-x; }
#logo { float: left; width: 129px; }
#logo img { margin: 15px 0 0 42px; }

#mainMenu {
  float: left;
  width: 152px;
  height: 23px; 
  padding: 0 0 2px 462px;
  margin: 30px 0 0 69px;
  font-size: 9px;
  background: transparent url(../images/botonera/mainMenuHr.png) bottom left no-repeat;
  color: #E3E3E3;  
}
#mainMenu ul { width: auto; }
#mainMenu ul li { float: left; }
#mainMenu ul li.bar { font-size: 8px; margin: 0 -1px; padding-top: 8px; }

#mainMenu ul li a { 
  float: left; 
  height: 14px; 
  padding: 9px 12px 0 13px; 
  white-space: nowrap;
  color: #E3E3E3; 
}
#mainMenu ul li a:hover, #mainMenu ul li a.current { 
  height: 18px; 
  padding-top: 5px; 
  color: white; 
  background: transparent url(../images/botonera/mainMenu-over-bkg.png) no-repeat top center; 
}

#menu { height: 24px; padding-left: 29px; background: #3469B2; }
#tabs li { float: left; }
#tabs a {
  float: left;
  cursor: pointer;
  height: 18px;
  padding: 6px 8px 0 23px;
  background: #3469B2 url(../images/botonera/menu-arrow-blue.png) no-repeat center left;
  font-size: 11px; font-weight: bold; color: white;
}
#tabs a:hover { text-decoration: underline; }
#tabs a.active-tab { background: #F2F2F2 url(../images/botonera/menu-arrow-gray.png) no-repeat center left; color: #3469B2; }

#submenu { height: 17px; padding-top: 7px; padding-left: 29px; background: #F2F2F2; }
.panel { clear: both; display: none; }
.panel.active-tab-body { display: block; }
#submenu li { float: left; }
#submenu li a { float: left; font-size: 11px; color: #3469B2; }
#submenu li a:hover, #submenu li a.current { text-decoration: underline; }
#submenu li span { float: left; color: #3469B2; font-size: 8px; padding: 1px 12px 0 12px; }

/* ================================================== CAJAS */

.caja_roja, .caja_nar, .caja_azul, .caja_verde { width: 245px; }
  .caja_roja_head, .caja_nar_head, .caja_azul_head, .caja_verde_head {
    height: 24px;
    padding: 7px 0 0 11px;
    font-size: .9em; font-weight: bold; color: white;
  }

.caja_roja2 {
	height: 24px;
    padding: 7px 0 0 11px;
    font-size: .9em; font-weight: bold; color: white;
	float:left;
}


  .caja_roja_body, .caja_nar_body, .caja_azul_body, .caja_verde_body {
    width: 223px;
    padding: 0 9px;
    background: white; color: #808285; font-size: .8em;
  }
  .caja_roja_foot, .caja_nar_foot, .caja_azul_foot, .caja_verde_foot { height: 8px; }

  .caja_roja_head  { background: #ED174B url(../images/estructura/caja-roja-head.png) top left no-repeat; }
  .caja_roja_body  { border-left: 2px solid #ED174B; border-right: 2px solid #ED174B; }
  .caja_roja_foot  { background: white url(../images/estructura/caja-roja-foot.png) top left no-repeat; }
  .caja_nar_head   { background: #F8A42A url(../images/estructura/caja-nar-head.png) top left no-repeat; }
  .caja_nar_body   { border-left: 2px solid #F8A42A; border-right: 2px solid #F8A42A; }
  .caja_nar_foot   { background: white url(../images/estructura/caja-nar-foot.png) top left no-repeat; }
  .caja_azul_head  { background: #3569B4 url(../images/estructura/caja-azul-head.png) top left no-repeat; }
  .caja_azul_body  { border-left: 2px solid #3569B4; border-right: 2px solid #3569B4; }
  .caja_azul_foot  { background: white url(../images/estructura/caja-azul-foot.png) top left no-repeat; }
  .caja_verde_head { background: #61BC47 url(../images/estructura/caja-verde-head.png) top left no-repeat; }
  .caja_verde_body { border-left: 2px solid #61BC47; border-right: 2px solid #61BC47; }
  .caja_verde_foot { background: white url(../images/estructura/caja-verde-foot.png) top left no-repeat; }

.caja_gris { width: 190px; }
  .caja_gris_head { height: 12px; background: #F7F7F7 url(../images/estructura/caja-gris-head.png) top left no-repeat; }
  .caja_gris_body { background: #F7F7F7 url(../images/estructura/caja-gris-body.png) top left repeat-y; }
  .caja_gris_foot { height: 12px; background: #F7F7F7 url(../images/estructura/caja-gris-foot.png) top left no-repeat; }

/* ================================================== CONTENIDO */

#content, #content_home {
  width: 981px;
  padding-left: 28px;
  margin-bottom: 19px;
 /* background: white url(../images/backgrounds/bkg-internas.png) top left repeat-y;*/
}

/*#content_home { background: white url(../images/backgrounds/bkg-home.png) top left repeat-y; }*/

.wrapper, .wrapper2 { float: left; margin-top: 22px; }  

.wrapper { width: 750px; margin-right: 6px; }

.wrapper2 { width: 245px; margin-right: 17px; }

#banner_home { width: 743px; height: 201px; margin-bottom: 6px;  }

#concepto { float: left; margin-right: 6px; }

#ventajas { float: left; }

/*#concepto .caja_roja_head, #ventajas .caja_nar_head, #pagos .caja_verde_head { height: 18px; }*/
/*#concepto .caja_roja_body, #ventajas .caja_nar_body, #pagos .caja_verde_body { padding: 0; width: 241px; }*/

.caja_img { margin-bottom: -2px; }
.caja_hr { height: 1px; width: 100%; border-top: 1px dotted #CCCDCF; }
.caja_text { margin: 6px 0 5px 0; padding: 0 5px; font-size: 1em; color: #808285; }
a.caja_link { float: right; font-weight: bold; margin: 4px 19px 0 0; background:transparent url(../images/botones/flecha-caja-link.gif) no-repeat scroll right center; padding-right:10px; }

a.caja_link a{ background:transparent url(../images/botones/flecha-caja-link.gif) no-repeat scroll right center;}

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

#divPreview { visibility: hidden; display: none; }

#acceso { margin-bottom: 16px; height: 191px; }
#acceso .caja_azul_head { height: 18px; }

#columna_4ta { float: left; background: white; width:225px }  
#columna_4ta h3.blue { margin: 12px 0 3px 25px; }
#columna_4ta .hr { height: 1px; width: 150px; margin-left: 17px; border-top: 1px dotted #CCCDCF; }
#columna_4ta div.img_align { text-align: center; } 
#columna_4ta img { margin: 18px 0; }

.foot_columnas { height: 12px; clear: both; }
#content_home .foot_columnas { background: white url(../images/backgrounds/foot-columnas-home.png) top left no-repeat; }
#content .foot_columnas { background: white url(../images/backgrounds/foot-columnas-internas.png) top left no-repeat; }

/* ================================================== FOOTER */

#footer {
  padding: 8px 0 0 36px;
  /*height: 52px;*/
  border-bottom: 1px solid #CECECE;
  background: #F0F0F0; color: #ACACAC;
  font-size: .76em; font-weight: bold;
}

.footerWrapper { width: 250px; float: left; }
#footerBottom { padding: 7px 0 7px 36px; background: #F6F6F6; font-size: 9px; color: #808285; }
#footerBottom a { color: #808285; }
#footerBottom a:hover, #footer a:hover { text-decoration: underline; }


#footerTop {
background-color:#F0F0F0;
border-bottom:1px solid #CECECE;

font-size:9px;
line-height:14px;
padding:12px 0;
}


#footerTop .inside, #footerBottom .inside {
overflow:hidden;
padding-left:36px;
width:946px;
}
general.css (línea 371)
.inside {
width:982px;
}

#footerTop ul {
float:left;
width:150px;
}

#footerTop ul h3 {
color:#ACACAC;
font-size:9px;
}
  
/* ================================================== INTERNA */

.wrapper536 { float: left; width: 536px; margin-top: 20px; margin-right:20px; }

#banner_home2 { width: 536px; height: 88px; margin-bottom: 15px; }

#breadcrum { display: none; }

.wrapper228 {
  float: left;
  width: 228px;
  padding-top: 20px;
  background: transparent url(../images/estructura/wrapper228head.png) top left no-repeat;
}
#wrapper228content {
  width: 179px;
  background: #F2F2F2;
  margin-left: 18px;
  padding-left: 15px;
}

#acceso164 { margin-bottom: 18px; }
#demo164 { margin-bottom: 5px; }

#wrapper228content h3 {
  padding-left: 15px;
  margin-bottom: 6px;
  font-size: .9em;
  color: #3469B2;
  background: transparent url(../images/generales/icon-herramientas.png) top left no-repeat;
}
#wrapper228content li {
  width: 144px;
  height: 15px;
  padding: 0 8px 2px 12px;
  margin-bottom: 4px;
  background: transparent url(../images/backgrounds/bkg-herramientas.png) top left no-repeat;
}
#wrapper228content li a { padding-bottom: 2px; font-size: .76em; color: #808285; }
#wrapper228content li a:hover { text-decoration: underline; }

img#bifurcador { margin-left: 54px; }
a.map {
  position: absolute;
  float: left;
  height: 300px;
  width: 120px;
  margin-top: 21px;
  background: transparent url(x.jpg) top left no-repeat;
}
a.map.linkClientes  { margin-left: 119px; }
a.map.linkComercios { margin-left: 294px; }

/* ================================================== ACCORDION */

.pregunta {
  cursor: pointer;
  width: 530px;
  margin-top: 4px;
  padding-top: 4px;
  background: transparent url(../images/estructura/h3-blue-bkg-top.png) top left no-repeat;
}
.pregunta h3.blue {
  margin-top: 0;
  padding: 0 18px 2px 14px;
  background: #F2F2F2 url(../images/estructura/h3-blue-bkg-bottom.png) bottom left no-repeat;
  font-size: .8em;
}
.respuesta { width: 530px; margin-top: 2px; background: #F9F8F8; }
.respuesta .light, .respuesta .dark { font-size: .8em; color: #808285; padding: 4px 0; padding-left: 19px; }
.respuesta .dark { background: #F2F2F2; }
.respuesta span {
  float: left;
  width: 108px;
  padding-left: 13px;
  background: transparent url(../images/generales/icon-arrow-small.gif) center left no-repeat;
  font-family: Verdana; font-weight: bold; color: #3469B2;
}

/*
Tabla de locales
************************************************************/
table.text {
	margin: 0px;
	padding: 4px;
}

.locales th {
	background-color: #f2f2f2;
	color: #3469B2;
	padding: 4px;
}

.locales tr td {
	background-color: #f9f8f8;
	padding: 4px;
}

.locales tr.alt_row td {
	background-color: #f2f2f2;
}

#pasorapido {
	color:#FFFFFF;
	width:407px;
	float:left;
	}

.pasoapasobody {
	padding:0 10px 10px 10px;
	background-color:#66bc28;
	color:#FFFFFF;
	clear:both;
	}
.pasoapasobody a {
	color:#FFFFFF;
	text-decoration:underline;
	}
.pasoapasobody a:hover {
	color:#FFFFFF;
	text-decoration: none;
	}


.fondored {
	padding:0 10px 10px 10px;
	background-color:#E21947;
	color:#FFFFFF;
	clear:both;
	}
.fondored a {
	color:#FFFFFF;
	text-decoration:underline;
	}
.fondored a:hover {
	color:#FFFFFF;
	text-decoration: none;
	}