@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/descargar-plano.css";

@import "includes/intermodales.css";

@import "includes/footer.css";

@import "960gs/960.css";



@font-face {
 font-family: 'duebold';
 src: url('../fonts/cadson_demak_-_due_bold-webfont.eot');
 src: url('../fonts/cadson_demak_-_due_bold-webfont.eot?#iefix') format('embedded-opentype'),
 url('../fonts/cadson_demak_-_due_bold-webfont.woff') format('woff'),
 url('../fonts/cadson_demak_-_due_bold-webfont.ttf') format('truetype'),
 url('../fonts/cadson_demak_-_due_bold-webfont.svg#duebold') format('svg');
 font-weight: normal;
 font-style: normal;

}
@font-face {
    font-family: 'TSInfGruesanov2014';
    src: url('../fonts/TSInfGruesanov2014.eot');
    src: url('../fonts/TSInfGruesanov2014.eot') format('embedded-opentype'),
         url('../fonts/TSInfGruesanov2014.woff2') format('woff2'),
         url('../fonts/TSInfGruesanov2014.woff') format('woff'),
         url('../fonts/TSInfGruesanov2014.ttf') format('truetype'),
         url('../fonts/TSInfGruesanov2014.svg#TSInfGruesanov2014') format('svg');
}

@font-face {
    font-family: 'TSInfRegnov2014';
    src: url('../fonts/TSInfRegnov2014.eot');
    src: url('../fonts/TSInfRegnov2014.eot') format('embedded-opentype'),
         url('../fonts/TSInfRegnov2014.woff2') format('woff2'),
         url('../fonts/TSInfRegnov2014.woff') format('woff'),
         url('../fonts/TSInfRegnov2014.ttf') format('truetype'),
         url('../fonts/TSInfRegnov2014.svg#TSInfRegnov2014') format('svg');
}


.fFaceInfoParadero{
  font-family: 'TSInfRegnov2014', 'TSInfGruesanov2014','duebold';
}

.fFaceInfoGruesaParadero{
  font-family: 'TSInfGruesanov2014', 'TSInfRegnov2014','duebold';
}

img, div { behavior: url(iepngfix/iepngfix.htc) }

.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;

}


#sidebar a:visited{
  color: #af2020;
}

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: #444;
 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: #fff;
 text-decoration: none;

}



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

}



#header.home {
 /*background-image: url(../img/bg-2015-a.jpg);*/
 background-image: url(../img/backgrounds/main/bg-2012-a.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 .site {
 border: 1px solid #666;
 border-top: 0;
 display:none;

}



#sites div:first-child {
 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: 28px 0 0 260px;

}



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

}



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

}



#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: 960px;
 font-size: 11px;
 margin-top: 16px;

}



#footer .container {
 position: relative;
 padding: 10px 0;
 color: #666;
 background:url(../img/bg-footer.png) repeat-y;

}



#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: 140px;
 background: transparent url(../img/logo_footer.png) no-repeat;
 padding: 5px 5px 5px 60px;
 color: #333;

}



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

}



/* 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.png") no-repeat;
 background-position:left top;
 background-size:15px 15px;
 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:0;
  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: 4px  !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 5px 5px;
 min-height: 75px;

}



.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;

}



/*-----  ancho planificador -----*/



@font-face {
 font-family: 'DisplayOTFRegular';
 src: url('../fonts/displayotf-webfont.eot');
 src: url('../fonts/displayotf-webfont.eot?#iefix') format('embedded-opentype'),
 url('../fonts/displayotf-webfont.woff') format('woff'),
 url('../fonts/displayotf-webfont.ttf') format('truetype'),
 url('../fonts/displayotf-webfont.svg#DisplayOTFRegular') format('svg');
 font-weight: normal;
 font-style: normal;

}



#estado-red { float: left; width: 221px; background: #F0F0F0; font-size: 11px; height: 310px; padding: 10px 10px 0 10px ; margin: 0 auto; color: #666; border: 1px solid #CC0000}

#estado-red div { float: none}

#estado-red img { vertical-align: center }

#estado-red select { margin: 2px 0 }

#estado-red button { margin-left: 73px; border: 1px solid #999; background: #fff; color: #333; padding: 2px 0; width: 194px; cursor: pointer }

#estado-red li { float: left; letter-spacing: -0.5px; border: none !important; background: none !important; padding: 0 !important; }

#estado-red .service { width: 43px; display: block; float: left; color: #66CC33; text-align: center; border-left: 1px solid #CCC; height: 55px }

#estado-red .service img:first-child { margin-top: 5px}

#estado-red .service:first-child { border: none }

#estado-red .warn { background: #DF8833 }

#estado-red .ok { background: #66CC33 }

#estado-red .alert { background: #EE081B }

#estado-red h3, #planificador h3, #accesos h3, #banner-accesos h3, #sabias-que h3, #enlaces h3 { font-family: 'duebold'; border: none; padding: 0; font-size: 14px; font-weight: normal; margin-bottom: 10px }

#estado-red h3 { color: #CC0000 }

#planificador { color: #FFF; width: 190px; height: 310px; border:1px solid #FFF; background: #CD0101; float: left; margin: 0 5px; padding: 10px 5px 0 10px }

#planificador h3 { color: #FFF }

#planificador span { font-size: 11px}

#home #planificador input, #home #planificador select { margin-bottom: 5px; padding: 3px}

#home #planificador input, #home #planificador select, #home #planificador button { width: 95% !important; border: 1px solid #999; background: #fff; color: #333 }



#estado-red-descripcion-wrap { height: 70px; background: #545454; width: 97%; padding: 3px; line-height: 12px; margin-bottom: 8px; margin-top: 2px}

#estado-red-descripcion { font-size: 20px; font-weight: bold; line-height: 20px; color: #FFF}

#estado-red-descripcion li { float:none; width: 100%; text-align: center }

#estado-red-descripcion li.inicio { height: 70px; font-size: 18px; padding: 5% 0}

#estado-red-descripcion li.inicio div { padding: 10% 0 }



#accesos { width: 100%; margin-top: 6px; margin-bottom: 20px; border: 1px solid #CCC !important }

#accesos h3 { margin: 0; width: 170px; float: left; color: #CD0101; border-left: none ! important; border-right: 1px solid #CCC !important }

#accesos h3, #accesos li { height: 38px; line-height: 38px; border: 1px solid #CCC; border-top: none; border-bottom: none !important; text-align: center }

#accesos li { float: left; width: 127px; font-size:10px; border-left: 1px solid #FFFFFF !important; border-right: none ! important; background: #F5F5F5 !important; padding: 0 !important; font-weight: bold }

#accesos li:first-child { border-left: 4px solid #FFF }

#accesos li a { display: block; width: 100%; height: 36px }

#accesos li a:hover { background: #D62929; color: #FFF}



#banner-accesos { margin-bottom: 10px; }

#banner-accesos li { float: left; background: none !important; border: none !important; padding: 0 !important; margin-left: 2px }

#banner-accesos li:first-child { margin-left: 0}

#banner-accesos h3 { color: #646464}



#sabias-que { position: relative; border-top: 1px solid #CC0000; border-bottom: 1px solid #CC0000; clear:both; margin-top: 10px; margin-right: 10px; padding: 10px 15px 10px 0 }

#sabias-que h3 { color: #666666; position: absolute; top: 35%; margin-right: 50px; margin-left: 5px; margin-bottom: 0 }

#sabias-que span { display: inline-block; width: 520px; margin-left: 160px }



#enlaces { margin-top: 15px}

#enlaces h3 { color: #666}

#enlaces li { float: left; margin-left: 7px; border: none !important; background: none !important; padding: 0 !important }

#enlaces li:first-child { margin-left: 0}



.leyenda-estados { margin-left: 8px; color: #666}

.leyenda-estados li { border:none; background: none !important; clear:both; padding: 0; margin: 0 0 5px 0; font-size: 11px; width: 100%}

.leyenda-estados li span:first-child { font-size: 25px}



html.lt-ie8 .leyenda-estados li.alert span { color: #CC0000 }

html.lt-ie8 .leyenda-estados li.warn span { color: #DF8833}

html.lt-ie8 .leyenda-estados li.ok span { color: #66CC33}



.heading {
 border-bottom: 1px solid #CC0000;
 font-family: 'duebold';
 font-size: 14px;
 text-transform: uppercase;

}

.heading, .heading a { color: #666;}

.heading .icon { display:block; height: 42px; line-height: 42px;  margin-bottom: 5px}

.heading .icon.noticias { }

.heading .icon.metro-cultura { }

.heading .icon.redes-sociales { }



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

}

.item:first-child { border-top: none; padding-top: 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;
                 }


                 #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;
                 line-height:26px;
                 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:0px;
}
img {
  behavior: url(minisitio/l5-maipu/iepngfix.htc)
}


.publicidad {
 height:250px;

}





/* TOOLTIP */

.tooltip{
 display: inline;
 position: relative;

}



.tooltip:hover:after{
 background: #FFCC00;
 background: rgba(0,0,0,.8);
 border-radius: 5px;
 bottom: 26px;
 color: #fff;
 content: attr(title);
 left: 20%;
 padding: 5px 15px;
 position: absolute;
 z-index: 98;
 width: 520px;

}



#destacados-flash { width:480px; height: 320px; overflow:hidden}

#destacados-flash a { color: #333; font-weight: bold }

#banner-contenido { z-index:50; width:480px; color: #999999}

#banner-selector { z-index:100; background:#C3C3C3; margin-top: 289px; height:31px; width:450px; position:absolute; margin-left: 30px}

#destacados-flash li, #banner-selector li { padding:0; float:left}

#banner-selector li { width:30px; border:none; list-style: none; text-align:center; height:31px; line-height:31px; background:#EFEFEF }

#banner-selector li span:first-child + span { display:none}

#banner-selector .open { background:#DBDBDB; color:#444; width: 450px; text-align:left; text-indent: 15px}

#banner-selector .open a { color: #444}

#banner-selector .open span:first-child + span { color: #444; margin-left:10px; display:inline; font-weight: normal}

#banner-selector li span:first-child + span { display:none; color: #444}

.play-box { margin-top: 289px; height: 31px; position:absolute; display:inline-block; color: #FFF; line-height: 31px; width: 30px; }

.ui-widget-header { background-color: #CD0101; background-image: none; border: none}

#pausa { text-indent: 100px; display:block; height: 31px; background-image: url('../img/play-pause.png'); background-repeat: no-repeat; }

#pausa.play { background-position: -3px 0 }

#pausa.pausa { background-position: -28px 0 }

#inclusivo { position: absolute;top: 90px;left: 34px;}
.icon-linea { background: url("../img/iconos-lineas.png"); height: 32px; width: 75px;margin-top: 10px; background-size: 100%;}
.icon-linea.l1 {  background-position: 0px 0px;}
.icon-linea.l2 { background-position: 0 -35px;}
.icon-linea.l4 {background-position: 0 -65px;}
.icon-linea.l5 {background-position: 0 -146px;}
.icon-linea.l4a { background-position: 0 -110px;}

.planifica-icono {
  
    margin-left: 160px;
    margin-top: -40px;
    position: absolute;
 
}



.tablaMarcoNormativo{
  border-top:1px solid #333;
  border-right:1px solid #333;
  font-size: 12px;
}
.tablaMarcoNormativo thead{
  background-color: #EEE;
  color:#000;
}
.tablaMarcoNormativo td, .tablaMarcoNormativo th {
  padding:5px;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;

}
.tablaMarcoNormativo tr{
  border-bottom: 1px solid #333;
}




.contenedorParaderos{
  position:relative;
  float:left;
  width:100%;
  margin-top:20px;
  margin-bottom: 20px;
}
.contenedorParaderos .paradero{
  background-color:#FFF;
  position:relative;
  float:left;
  border:5px solid #000;
  margin-top:5px;
  margin-left:175px;
  width:290px;
  height: 380px;
  background-color: #000;
}
.contenedorParaderos  .parada{
  width:90px;
  text-align:center;
  padding-top:10px;
  position:relative; 
  float:left;
  background-color: #000;
  min-height: 185px;
}
.contenedorParaderos .paradageo{
  background:url('../img/icoGeo.png') top center no-repeat #000;
  font-size: 26px;  
  color: #FFF;  
  padding-top: 10px;  
  padding-bottom: 35px;
}
.paradageo{
  background:url('../img/icoGeo.png') top center no-repeat #000;
  font-size: 26px;  
  color: #FFF;  
  padding-top: 10px;  
  padding-bottom: 35px;
}
.contenedorParaderos .paradacodigo{
  background-color:#FFF;
  color:#000;
  width:70px;
  margin:0 auto;
  border-radius:5px;
}
.contenedorParaderos .recorridos{
  position:relative;
  float:left;
  width:200px;
  overflow-y:auto;
  height: 380px;
}

.contenedorParaderos .recorrido{
  position:relative; 
  float:left;
  width:180px;
  background-color:#FFF;
  
  
}
.contenedorParaderos .nombreRecorrido{
  color:#FFF;
  background-color:#000;
  padding:10px;
  padding-top:20px;
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  text-align:center;
  cursor: pointer;
  min-height: 40px;
}
.contenedorParaderos .calleacalle{
  border-left: 5px solid #000;
  border-bottom: 5px solid #000;
  border-right: 5px solid #000;
  margin-left:5px;
  margin-right: 5px;
}
.colorNaranja{
  background: url("../img/paraderos/recorridoNaranja.png") top right no-repeat #000;
}
.colorTurquesa{
  background: url("../img/paraderos/recorridoTurquesa.png") top right no-repeat #000;
}
.colorVerde{
  background: url("../img/paraderos/recorridoVerde.png") top right no-repeat #000;
}
.colorAzul{
  background: url("../img/paraderos/recorridoAzul.png") top right no-repeat #000;
}
.colorCeleste{
  background: url("../img/paraderos/recorridoCeleste.png") top right no-repeat #000;
}
.colorRojo{
  background: url("../img/paraderos/recorridoRojo.png") top right no-repeat #000;
}
.colorAmarillo{
  background: url("../img/paraderos/recorridoAmarillo.png") top right no-repeat #000;
}
.smooth_zoom_preloader { background-image: url("/js/zoom_assets/preloader.gif"); } 
.smooth_zoom_icons { background-image: url("/js/zoom_assets/icons.png"); }

#justificativos{
  background:url("../img/fondojustificativos.png") top left repeat-x #E50707;
  color:#FFF;
  font-size:20px;
  line-height: 20px;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  border: 1px solid #B10303;
  letter-spacing: 2px;
}
#justificativos p{
  padding-left:20px;
}
#justificativos .btnDescarga{
  margin-left: 25px;
  background: rgba(236,232,236,1);
  background: -moz-linear-gradient(top, rgba(236,232,236,1) 0%, rgba(236,232,236,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,232,236,1)), color-stop(50%, rgba(236,232,236,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(236,232,236,1) 0%, rgba(236,232,236,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(236,232,236,1) 0%, rgba(236,232,236,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(236,232,236,1) 0%, rgba(236,232,236,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(236,232,236,1) 0%, rgba(236,232,236,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece8ec', endColorstr='#ffffff', GradientType=0 );
  border: 1px solid #A0A0A0;
  border-radius: 30px;
  padding:5px 20px;
  font-size:16px;
  color:#E50707;
}

.mostrarParadero{
  background: url('../img/icoGeo.png') top center no-repeat transparent;
    font-size: 26px;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 35px;
    width: 34px;
    float: left;
    text-align: center;
    cursor: pointer;
    margin-top:10px;
    margin-left:5px;
}


.migas{
  background: #fff;color: #444;padding:10px
}
.migas a{
  color:#000;
}