@import "includes/reset.css";
@import "includes/grids.css";
@import "includes/loading.css";
@import "includes/rating.css";
@import "includes/licitaciones.css";
@import "includes/l5-maipu.css";
@import "includes/licitaciones.css";

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

html {
  /*background: #e6e6e6;*/
}

body {
  background: #fff url(../img/backgrounds/body.png) repeat-x;
  text-align: center;
  min-width: 940px;
  color: #666;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #af2020;
}

#main a {
  color: #600;
}

#main a:hover {
  color: #f00;
}

h1.special {
  font-size: 33px;
  font-weight: normal;
  line-height: 2.2em;
  *padding-top: 18px;
  margin-bottom: 12px;
  color: #2b2b2b;
}

h4 {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.5em;
}

#main ul, #main ol {
  /*padding-left: 15px;*/
  list-style:none;
}

.container {
  position: relative;
  width: 940px;
  min-width: 940px;
  margin: 0 auto;
  text-align: left;
}

#section-icon {
  position: absolute;
  z-index: 10;
  top: 20px;
  left: 20px;
}

#section {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #aaa;
  padding-left: 320px;
  height: 70px;
  color: #444;
}

div.corporativo {
  padding: 20px;
}

h2 {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #c00;
  margin: 10px 5px -3px 5px;
}

a.overlay img, a.veov img { 
  border: 1px solid #999;
  background: #fff url(../img/icons/overlay.gif) no-repeat right bottom;
  padding: 3px;
  padding-bottom: 16px;
}

/* HEADER ________________________________________________________________________*/

#header {
  background-position: center 56px;
  background-repeat: no-repeat;
  height: 500px;
  margin-bottom: -370px;
  background-image: url(../img/backgrounds/header.png);
  min-width: 940px;
}

#header .container {
  position: relative;
  padding-top: 6px;
  color: #fff;
  font-size: 12px;
}

#header h1 {
  position: absolute;
  top: 26px;
  left: 0;
  background: transparent url(../img/backgrounds/logo.gif) no-repeat;
  padding: 10px 23px;
}

#header h1 a {
  display: block;
  overflow: hidden;
  padding-top: 74px;
  height: 0;
  width: 208px;
  background: transparent url(../img/logo.png) no-repeat;
}

#header a {
  color: #ccc;
  text-decoration: none;
}

#header a:hover {
  color: #fff;
  text-decoration: underline;
}

#header.home {
  background-image: url(../img/backgrounds/main/1.jpg);
}

#userinfo {
  position: absolute;
  margin-left: 264px;
}

#header .formLogin {
  position: absolute;
  margin-top: -6px;
  margin-left: 254px;
  background: transparent url(../img/division.gif) repeat-y;
  height: 23px;
  padding: 3px 10px 0 10px;
}

#header .formLogin #email, #header .formLogin #clave {
  width: 120px;
}

.formLogin span {
  font-size: 93%;
}

#register {
  position: absolute;
  top: 0;
  left: 150px;
  background: #c00 url(../img/division.gif) repeat-y;
  height: 19px;
  padding: 5px 10px 2px 10px;
  text-decoration: none;
  color: #fff;
}

#header #register:hover {
  text-decoration: none;
}

#sites {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  background: transparent url(../img/division.gif) repeat-y;
  height: 26px;
  padding: 0;
}

#sites div {
  border: 1px solid #666;
  border-top: 0;
  display:none;
}

#sites h6 {
  display: block;
  margin-left: 2px;
  padding: 5px 8px;
  cursor: pointer;
  background: #6b6b6c url(../img/down-arrows.gif) no-repeat 135px center;
}

#sites a {
  display: block;
  background: #fff;
  color: #666;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}

#header #sites a:hover {
  background: #ccc;
  color: #000;
  background-repeat: no-repeat;
  background-position: 5px center;
  text-decoration: none;
}

#header input, #header select{
  vertical-align: middle;
}

#searchbox {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  background: transparent url(../img/division.gif) repeat-y;
  height: 24px;
  padding: 2px 10px 0px 10px;
  width: 153px;
}

#searchbox input, #searchbox select {
  vertical-align: middle;
}

#header ul {
  margin-top: 26px;
  float: right;
}

#header ul li {
  list-style: none;
  float: left;
  padding: 0px 0px 0px 20px;
}

#header li a {
  display: block;
  overflow: hidden;
  padding-top: 15px;
  width: 81px;
  height: 0px;
  background: transparent url(../img/navmenu.png) no-repeat;
  color: #fff;
}

#header li a.guia {
  width: 134px;
  background-position: 0 -15px;
}

#header li a.atencion {
  width: 162px;
  background-position: 0 -30px;
}

#header li a.corporativo {
  width: 185px;
  background-position: 0 -45px;
}

/* FOOTER ________________________________________________________________________*/

#footer {
  border-top: 2px solid #c00;
  background: #e6e6e6;
  min-width: 940px;
  font-size: 11px;
}

#footer .container {
  position: relative;
  padding: 10px 0;
  color: #666;
}

#footer_links {
  margin-left: 240px;
}

#footer_links h4 {
  margin: 5px 0 5px 0;
  font-weight: bold;
  font-size: 12px;
}

#footer_links a {
  display: block;
  color: #666;
  text-decoration: none;
  margin: 2px 0;
}

#footer_links a:hover {
  color: #3f3f3f;
  text-decoration: underline;
}

#footer_links div {
  float: left;
  width: 25%;
}

#footer_links strong {
  display: block;
  margin-bottom: 3px;
}

#copyright {
  position: absolute;
  top: 10px;
  left: 0;
  width: 170px;
  background: transparent url(../img/logo_footer.png) no-repeat;
  padding: 5px 5px 5px 60px;
  color: #3f3f3f;
}

#copyright strong {
  display: block;
  font-size: 12px;
  color: #666;
}

/* CONTENT _______________________________________________________________________*/

#content img.top {
  position: relative;
  display: block;
}

#content {
  position: relative;
  background: #fff url(../img/backgrounds/content.png) repeat-y;
  border-top: 1px solid #ccc;
  padding-left: 5px;
  padding-bottom: 11px;
  min-height: 580px;
}

.clearfix:after, .list_item:after, #content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#main {
  float: right;
  width: 629px;
}

#sidebar {
  float: left;
  width: 300px;
}


#content.right {
  background: #fff url(../img/backgrounds/content-right.png) repeat-y right 0;
}

.right #main {
  float: left;
}

.right #sidebar {
  float: right;
}

h3 {
  border-bottom: 1px solid #BC7F7F;
  font-size: 13px;
  margin-bottom: 5px;
  padding: 8px 5px;
  font-weight: bold;
  color: #222;
}

#main p {
  margin-bottom: 1em;
}

#main .padding {
  padding: 0 7px;
}

/* SIDEBAR _______________________________________________________________________*/

#sidebar ul li {
  clear: both;
  list-style: none;
  background: transparent url(../img/arrow_right.png) no-repeat 5px center;
  padding: 5px 0 5px 15px;
  border-bottom: 1px solid #ddd;
  color: #bbb;
}

#sidebar ul li.title {
  font-weight: bold;
  color: #333;
}

#sidebar ul li.sub {
  background: transparent;
  padding-left: 25px;
}

#sidebar ul li.month {
  background: transparent;
  float: left;
  width: 85px;
  clear: none;
}

#sidebar .destacado img {
  float: left;
  border: 1px solid #cc353a;
}

#sidebar .destacado div {
  float: right;
  width: 215px;
}

/* NOTICIAS ______________________________________________________________________*/

.navigator {
  float: right;
  font-size: 18px;
  line-height: 1.5em;
}


.navigator img {
  vertical-align: middle;
}

.list_item {
  clear: both;
  color: #bbb;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-bottom: 10px;
}

.list_item.first {
  border: 0;
  padding-top: 0;
}

.list_item h4 {
  font-size: 14px;
  font-weight: bold;
}

.list_item img {
  display: block;
  float: left;
  margin-right: 10px;
  border: 1px solid #ccc;
}

.list_item p {
  color: #666;S
}

.list_item span {
  color: #d30000;
}

.list_item span.past {
  color: #bbb;
}

.list_item span.big {
  color: #666;
  font-size: 13px;
  margin: 0.3em 0;
}

.intro {
  padding:10px 5px;
  font-size:13px;
}

#detalle_noticia {
  font-size: 12px;
}

#detalle_noticia h1 {
  font-size: 22px;
  color: #333;
  line-height: 1.2em;
}

#detalle_noticia .photo {
  float: left;
  margin-right: 10px;
}

#detalle_noticia p {
  margin-bottom: 1em;
}


/* PLANIFICADOR __________________________________________________________________*/

.titulo_planificador {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #c00;
  margin: 5px 5px 0px 5px !important;
}


.separador {
	clear:both;	
}

.separador1  {
	clear:both;
	float:left;
}

.mensaje_accesib {
  background: url(../img/dis-small.png) no-repeat;
  background-position:left top;
  padding-left:20px;
  font-size:11px;
  list-style:11px;
	}

.rojo {
	color:#C00  !important;
}

.negrita { 
	font-weight:bold  !important;
}

.color222 {
	color:#222 !important;}

.noborder { 
	border: none;
}

.nomarginbottom { 
	margin-bottom:0px !important;
}

.nopaddingbottom { 
	padding-bottom:0px !important;
}

.marginleft_planifica { 
	margin-left:5px !important;
}

.borde_bottom_rojo_planifica {
	border-bottom:1px solid #BC7F7F; 
	margin:18px 0px 6px 0px;
}

.borde_bottom_rojo_indice {
	border-bottom:1px solid #BC7F7F
}

#planificador_cont { 
	background: transparent url(../img/planificador/ruta.png) no-repeat 550px;
	background-position:left top;
	margin:0px;
	padding:0px 0px 0px 50px ;
}

#desde_hasta {
	background: #F0F0F0;
	border:1px solid #BBB;
	padding:9px 8px 8px 12px;
	margin-top:6px;
}
/* descripcion de ruta de viaje */

.a100 {
	width:100%;
}

.aizq { 
	float:left;
}

#p_detalles_tit{
	float:left;
	padding-top:0px;
}
#p_direccion_compartir{
	margin:0px;
	float:left;
	width: 145px;
	padding:9px 0px 0px 0px;
}
#p_direccion_url{
	font-size:9px;
	float:right;
	padding-top:7px;


}

/* caja detalles ruta, tiempo viaje, distancia, horario */

#caja_detalles_ruta {
	width:100%; 
	clear:both; 
	float:left;
	background-color:#F7F7F7; 
	border-top:1px solid #EEE; 
	border-bottom:1px solid #EEE; 
	padding:7px 0px; 
}

#tiempo_viaje {
	width:45%;
	margin:0px; 
	float:left; 
	padding-left:10px;
}

#distancia_cubierta {
	width:150px;
	margin:0px;
	float:right;
	padding-right: 10px;
}

.datos {
	font:bold 18px Arial,Helvetica, sans-serif;	
}
#distancia_cubierta .datos, #distancia_cubierta .titulo {
	text-align:right;
}



#caja_detalles_ruta .titulo {
	font-size:13px; 
	margin-bottom:0px;
}

/* calculadora ambienta ruta */

.bgris {
	background-color:#000 !important;
	}

/**/

.gris  { color:#AAA !important;}

.normal { font-weight:normal !important;}

#ruta {
  /*background: transparent url(../img/planificador/ruta.png) no-repeat 550px center;*/
  font-size: 13px;
}

#ruta p {
  /*border-bottom: 1px solid #ccc;*/
  margin: 0;
  padding: 0px;
}

#ruta p.first {
  margin-right: 3px;
}

#ruta strong {
  color: #c00;
}

#ruta .s_linea {
  width: 100px;
}

#ruta .s_estacion {
  width: 240px;
}

#ruta button {
  border: 1px solid #999;
  background: #fff;
  color: #333;
  padding: 2px 0;
  width: 140px;
  margin-left: 10px;
  cursor: pointer;
}

#ruta .button_plan {
  border: 1px solid #999;
  background: #fff;
  color: #333;
  padding: 2px 0;
  width: 150px !important;
  margin-left: 5px  !important;
  cursor: pointer;
}

#estacion {
  font-size: 13px;
}

#estacion p {
  margin: 0;
  padding: 5px;
}

#estacion p.first {
  margin-right: 90px;
}

#estacion strong {
  color: #c00;
}

#estacion .s_linea {
  width: 110px;
}

#estacion .s_estacion {
  width: 240px;
}

#ruta .first .s_linea {
  width: 110px !important;
}

#ruta .first .s_estacion {
  width: 260px  !important;
  margin-left:3px  !important;
}

#estacion button {
  border: 1px solid #999;
  background: #fff;
  color: #333;
  padding: 2px 0;
  width: 140px;
  margin-left: 10px;
  cursor: pointer;
}

#horario {
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  color: #333;
  margin: 10px 0;
}

#detalle_ruta {
  width: 100%;
  margin-bottom: 20px;
}

#detalle_ruta td {
  text-align: center;
  vertical-align: top; /* */
  padding: 7px;
  border-bottom: 1px solid #ccc;
}

#detalle_ruta .icons {
  width: 100px;
}

#detalle_ruta .detail {
  width: 380px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

#detalle_ruta .extras {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#detalle_ruta .comb td {
  background: #f2f2f2;
}
/*L1*/
	#detalle_ruta .l1 div {
	  background: transparent url(../img/planificador/arrow-right-l1.gif) no-repeat 0 center;
	  padding-left: 18px;
	}
	
	#detalle_ruta .l1 div.down {
	  background-image: url(../img/planificador/arrow-down-l1.gif);
	}
	
	#detalle_ruta .el1 td {
	  background: #f7e0e1;
	}
	
	#detalle_ruta .el1 .icons {
	  background: #f7e0e1 url(../img/planificador/icon-l1.gif) no-repeat;
	  background-position: center 7px;
	  padding-top: 30px;
	}
/**/
/*L2*/
	#detalle_ruta .l2 div {
	  background: transparent url(../img/planificador/arrow-right-l2.gif) no-repeat 0 center;
	  padding-left: 18px;
	}
	
	#detalle_ruta .l2 div.down {
	  background-image: url(../img/planificador/arrow-down-l2.gif);
	}
	
	#detalle_ruta .el2 td {
	  background: #faede0;
	}
	
	#detalle_ruta .el2 .icons {
	  background: #faede0 url(../img/planificador/icon-l2.gif) no-repeat 0;
	  background-position: center 7px;
	  padding-top: 30px;
	}
/**/
/*L4*/
	#detalle_ruta .l4 div {
	  background: transparent url(../img/planificador/arrow-right-l4.gif) no-repeat 0 center;
	  padding-left: 18px;
	}
	
	#detalle_ruta .l4 div.down {
	  background-image: url(../img/planificador/arrow-down-l4.gif);
	}
	
	#detalle_ruta .el4 td {
	  background: #E9EBF5;
	}
	
	#detalle_ruta .el4 .icons {
	  background: #E9EBF5 url(../img/planificador/icon-l4.gif) no-repeat 0;
	  background-position: center 7px;
	  padding-top: 30px;

	}
/**/
/*L4A*/
	#detalle_ruta .l4a div {
	  background: transparent url(../img/planificador/arrow-right-l4a.gif) no-repeat 0 center;
	  padding-left: 18px;
	}
	
	#detalle_ruta .l4a div.down {
	  background-image: url(../img/planificador/arrow-down-l4a.gif);
	}
	
	#detalle_ruta .el4a td {
	  background: #EAF4FB;
	}
	
	#detalle_ruta .el4a .icons {
	  background: #EAF4FB url(../img/planificador/icon-l4a.gif) no-repeat;
	  background-position: center 7px;
	  padding-top: 30px;
	}
/**/
/*L5*/
	#detalle_ruta .l5 div {
	  background: transparent url(../img/planificador/arrow-right-l5.gif) no-repeat 0 center;
	  padding-left: 18px;
	}
	
	#detalle_ruta .l5 div.down {
	  background-image: url(../img/planificador/arrow-down-l5.gif);
	}
	
	#detalle_ruta .el5 td {
	  background: #E7F3EF;
	}
	
	#detalle_ruta .el5 .icons {
	  background: #E7F3EF url(../img/planificador/icon-l5.gif) no-repeat 0 center;
	  background-position: center 7px;
	  padding-top: 30px;
	}
/**/

#servicios_list #explain {
	margin-bottom:5px;
}

#servicios_list p {
	padding-left:15px;
	background: url(../img/planificador/arrow-right-l5.gif) no-repeat;
	background-position:0px 0px;
	
}

#servicios_list select {
  margin: 0.5%;
  width: 138px;
}

#servicios_list #boxServicios {
  width: 100%;
}

#servicios_list th {
  border-bottom: 2px solid #999;
  padding: 4px;
  color: #555;
  font-weight: bold;
}

#servicios_list td {
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  padding: 4px;
}

#servicios_list h6 {
  font-weight: bold;
}

.estacion h4 {
  font-size: 14px;
  font-weight: bold;
}

.estacion h6 {
  font-weight: bold;
  margin-top: 5px;
}

.estacion #info_general {
  float: right;
  width: 310px;
}

.estacion #equipamiento {
  margin: 10px 5px 65px 5px;
}

.estacion #equipamiento li {
  float: left;
  width: 25%;
  margin: 2px 0;
  list-style: none;
  color: #999;
}


.estacion #equipamiento .is {
  color: #333;
  font-weight: bold;
}

#horarios {
  margin: 10px 0;
}

#horarios th {
  font-weight: bold;
}

#horarios td, #horarios th {
  border-bottom: 1px solid #ccc;
  padding: 5px 3px;
  text-align: center;
  vertical-align: middle;
}

#horarios .limit {
  border-right: 1px solid #ccc;
}

.evento {
border-bottom:1px solid #E5E5E5;
clear:both;
margin-bottom:10px;
padding-bottom:10px;
}
.evento .comp {
clear:right;
color:#333333;
float:right;
height:108px;
margin-left:12px;
overflow:hidden;
text-align:center;
width:76px;
}
.evento:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.evento .photo {
border:1px solid #CCCCCC;
display:block;
}
.evento div span {
color:#979A9C;
}
.evento p {
width:160px;
}
.evento p a {
color:#B2B2B2;
font-size:11px;
}
.evento p a:hover {
color:#770000;
}



/**********************************************************************************/

#sup {
  margin-bottom: 10px;
}

#sup div {
  float: left;
}

#sup #planificador {
  float: left;
  width: 237px;
  padding: 5px;
  margin: 0 15px;
  background: #fff;
  color: #979a9c;
  font-size: 11px;
}

#planificador span {
  color: #333;
}

#planificador img {
  vertical-align: center;
}

#planificador h3 {
  padding-left: 24px;
  background: transparent url(../img/planificador/estacion_small.png) no-repeat 0 center;
}

#planificador h3.ruta {
  background-image: url(../img/planificador/ruta_small.png);
}

#planificador select {
  margin: 2px 0;
}

#home #planificador #ruta {
  font-size: 11px;
}

#planificador #ruta p {
  margin: 0;
  padding: 0;
  border: 0;
}

#home #planificador #ruta .s_linea {
  width: 60px;
}

#home #planificador #ruta .s_estacion {
  width: 174px;
}

#planificador button {
  margin-left: 63px;
  border: 1px solid #999;
  background: #fff;
  color: #333;
  padding: 2px 0;
  width: 174px;
  cursor: pointer;
}

#planificador.g_50-50 .s_linea {
  width: 87px;
}

#planificador.g_50-50 .s_estacion, #planificador.g_50-50 button {
  width: 210px;
}

#planificador.g_50-50 button {
  margin-left: 90px;
}

#planificador li {
  float: left;
  width: 108px;
  letter-spacing: -0.5px;
}

#planificador .service {
  float: left;
  padding-right: 13px;
  background: transparent url(../img/planificador/service_ok.png) no-repeat center right;
  margin-right: 7px;
}

#home #planificador .warn {
  background-image: url(../img/planificador/service_warn.png);
}

#home #planificador .alert {
  background-image: url(../img/planificador/service_alert.png);
}

#sup #banners {
  width: 180px;
  margin-right: 0;
}

#banners a {
  display: block;
  margin-bottom: 15px;
}

#banners img {
  border: 1px solid #de3f3f;
}

#banners span {
  display: block;
  width: 156px;
  height: 30px;
  background: #d10000;
  color: #fff;
  margin-top: -50px;
  padding: 4px;
  position: relative;
}

.heading {
  border-bottom: 1px solid #bc7f7f;
}

.item {
  border-top: 1px solid #ddd;
  padding-top: 8px;
  margin-bottom: 8px;
}

.destacado {
  border: 0;
}

.destacado h4 {
  font-size: 13px;
}

.box {
  border: 1px solid #bc7f7f;
  padding: 5px;
  margin-bottom: 5px;
}

.box-img {
  border: 1px solid #bc7f7f;
  padding: 5px 5px 2px 5px;
  /*margin-bottom: 5px;*/
}

.thumb {
  color: #979a9c;
  padding: 2px 0;
  border-bottom: 1px solid #eee;
  height: 45px;
}

.thumb img {
  float: left;
  margin: 3px 5px 0 0;
}

.thumb h6 {
  color: #333;
}
#home li {
  list-style: none;
  padding: 3px 0 3px 10px;
  background: transparent url(../img/arrow_right.png) no-repeat 0 7px;
  border-bottom: 1px solid #eee;
}
#main h5 { color:#999; font-weight:bold; letter-spacing:1px; text-transform:uppercase;}

/***************** TABLAS ESTACIO INTERMODALES *******************************/

.info_estacion_arte img { margin-bottom:10px!important;}
.tablaintermodales { 
  font-size:11px !important; 
  width:620px !important;
  border-bottom:1px dotted #eee; 
  border-right:1px dotted #eee;}
.tablaintermodales td { 
  width:35px !important; 
  border-top:1px dotted #ccc; 
  border-left:1px dotted #ddd; 
  vertical-align:middle; 
  text-align:center;}
.tablaintermodales th { 
  font-weight:bold !important; 
  background: #DDD;
  vertical-align:middle;
  text-align:center;}
.tablaintermodales2 { 
  font-size:11px !important; 
  width:860px !important;}
.tablaintermodales2 .bgalter, .tablaintermodales .bgalter { 
  background:#EEEEFE !important;}
.tablaintermodales2 strong { 
  font-size:12px !important;}
.tablaintermodales2 .bgblanco { 
  background:#FFF !important;}
.tablaintermodales2 td { 
  width: auto  !important; 
  vertical-align:middle;
  text-align:center; border-bottom:1px dotted #ddd; 
  border-right:1px dotted #ddd;}
.tablaintermodales2 th { 
  font-weight:bold !important; 
  background: #DDD;
  vertical-align:middle;
  text-align:center;}
/*********************************************************************************/

#gcorporativo {
  position: relative;
  background: transparent url(../img/backgrounds/gobierno_corporativo.png) repeat-x;
  padding: 0 15px;
}

.list_doc {
  margin-bottom: 18px;
  padding-left: 18px;
  background: transparent url(../img/red_arrow.gif) no-repeat;
}

.list_doc h4 {
  font-weight: normal;
  margin-bottom: 0;
}

#main .list_doc p {
  margin: 0;
}

#licitaciones th, .tarifas th {
  background: #999;
  color: #fff;
  padding: 5px;
}

#licitaciones td, .tarifas td {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

.tarifas th {
  font-weight: bold;
}

.tarifas td {
  text-align: left;
}

#licitaciones_links a {
  float: left;
  font-size: 9px;
  letter-spacing: -1px;
  background: transparent url(../img/red_arrow.gif) no-repeat;
  padding: 2px 10px 3px 15px;
}

.locales {
  margin-bottom: 20px;
}

.locales th {
  background: #999;
  color: #fff;
  padding: 5px;
  font-weight: bold;
}

.locales td {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}

.historia {
  clear: both;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.historia h4 {
  font-size: 34px;
  font-weight: normal;
  margin: 7px 0;
  color: #999;
}

.historia img {
  float: right;
  width: 285px;
}

.historia .first img {
  float: left;
}

#preguntas {
  border: 1px solid #ccc;
  border-width: 1px 0;
  padding: 10px 0;
}

#preguntas p {
  background: transparent url(../img/red_arrow.gif) no-repeat;
  padding: 1px 0 4px 15px;
  font-weight: bold;
  font-size: 13px;
}

#enviarFAQForm {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin-bottom: 10px;
}

#respuestas h4 {
  padding: 1px 0 4px 15px;
  background: transparent url(../img/red_arrow.gif) no-repeat;
}

.button {
  padding: 3px 20px;
  background: #ccc;
  color: #666;
  border: 1px solid #666;
  font-weight: bold;
  font-size: 12px;
}

#formBuzonSugerencias label {
  font-weight: bold;
  display: block;
}

#formBuzonSugerencias label.inline {
  font-weight: normal;
  display: inline;
}

#formBuzonSugerencias .text, #formBuzonSugerencias select {
  width: 47%;
}

#formBuzonSugerencias textarea {
  width: 99%;
}

#bibliometro h4 {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

#bibliometro h4.first {
  border: 0;
}

.diorama {
  clear: both;
  padding: 10px 0;
}

.diorama h4 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}

.diorama h5 {
  font-style: italic;
  font-size: 13px;
  margin-bottom: 5px;
}

.diorama p {
  float: right;
  width: 280px;
}

#oficinas_atencion div {
  float: left;
  width: 23.5%;
  margin: 4px;
}

#oficinas_atencion img {
  vertical-align: middle;
}

#social {
  padding: 5px 5px 25px 5px;
}

#social img {
  vertical-align: middle;
}

.metroarte_extras {
  float: right;
  width: 258px;
  border: 1px solid #ccc;
  padding: 6px;
  margin-bottom: 10px;
  list-style: none;
}

.metroarte_extras li {
  display: inline;
  background-position: 0 center;
  background-repeat: no-repeat;
  padding: 3px 20px;
}

.metroarte_extras li.galeria {
  background-image: url(../img/icons/img.gif);
}

.metroarte_extras li.minisitio {
  background-image: url(../img/icons/minisitio.gif);
}

.metroarte_extras li.video {
  background-image: url(../img/icons/video.gif);
}


#estacion-maps {
  border: 1px solid #ccc;
  padding: 6px;
  margin-bottom: 10px;
}

#calc {
  padding: 10px;
  margin-bottom: 10px;
  height: 60px;
}

#calc input {
  padding: 2px;
}

#calc button {
  background:#fff;
  border:1px solid #999;
  color: #333;
  cursor:pointer;
  margin-left: 5px;
  padding: 2px 0;
  width: 174px;
}

#planificador.calc_ruta {
  padding: 10px;
  margin-bottom: 10px;
  height: 100px;
}

#calculadora {
	color: #888;	
	}
#calculadora th {
  padding: 4px;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
}

#calculadora th small {
  font-size: 10px;
}

#calculadora td {
  padding: 4px;
  border-bottom: 1px solid #ddd;
}



.format {
  margin: 10px auto;
}

.format td {
  padding: 5px;
  border-bottom: 1px solid #ccc;
}

.format th {
  color: #000;
  font-weight: bold;
  padding: 5px;
  border-bottom: 2px solid #ccc;
}


/* PAGER **************************************************************************/

#search a {
  font-size: 13px;
}

#pager {
  text-align: center;
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 20px;
}

#pager a {
  border: 1px solid #ccc;
  padding: 3px 8px;
  margin: 3px;
  text-align: center;
}


#pager a:hover {
  background: #c00;
  color: #fff;
}

#pager a.highlight {
  border: 0;
  padding: 4px 9px;
  margin: 3px;
  text-align: center;
  font-weight: bold;
  color: #c00;
  cursor: default;
}

#pager a.highlight:hover {
  background: transparent;
}

.audio {
  height: 50px;
  clear: both;
}


.cuentos {
  clear: both;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.cuentos img {
  float: right;
  width: 285px;
  border: 1px solid #ccc;
}

.cuentos h4 {
  font-size: 24px;
  font-weight: normal;
  margin: 7px 0;
  color: #999;
}

.cuentos .first img {
  float: left;
}


#breadcrumb {
  position: absolute;
  right: 22px;
  top: -43px;
}

/*********************************************************************************/

.elemento_nota {
  padding: 15px;
  background: #FFEFEF;
  border: 1px solid #c00;
  color: #333;
  margin: 10px 0;
  font-size: 13px;
}
/*DEBIAN POSIBLEMENTE MALO*/
.g_50-50 .item {
	height: auto; /*32px*/
}
.noticia_item > .item{
	height: 105px;
}
.g_50-50 .destacado {
	height: auto; /*295px*/
}

/*PARA CORREGIR CLUB METRO BAJO NOTICIAS*/

.g_50-50 .destacado a {	display:block}

/*PARA REDES SOCIALES*/

#facebook{padding:8px 0;}
#twitter{padding-top:8px;}

/*.g_50-50 .col h3{
	display:block;
	padding-top:20px;
}*/
.g_50-50 .box{
	display:block;
	padding-bottom:10px;
	margin-top:10px;
}
img {
	behavior: url(minisitio/l5-maipu/iepngfix.htc)
}

.publicidad {
		height:250px;
}