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

}
@font-face {
    font-family: 'din-ligh';
    src: url('../font/din-ligh/din-ligh.eot');
    src: url('../font/din-ligh/din-ligh.eot?#iefix') format('embedded-opentype'),
         url('../font/din-ligh/din-ligh.woff') format('woff'),
		 url('../font/din-ligh/din-ligh.ttf') format('truetype'),
         url('../font/din-ligh/din-ligh.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
img{ border:none;}
html, body
{height:100%;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.clear{ clear:both;}
.center-body{ width:1024px; position:relative; margin:auto; padding:1px; }
.center-body-inner{ width:930px; position:relative; margin:auto; }
a{ color:#333; text-decoration:none;}
body{ font-family:Arial, Helvetica, sans-serif;}
#body{ min-width:1024px; }

.smenu, .smenu ul, smenu li{ padding:0; margin:0; list-style:none; }

#body-top{ margin-top:20px; padding-top:1px; margin-bottom:38px;}
#menu-prin{ width:377px; margin-left:240px; background:#FFF; display:block; margin-top:40px; text-align:center;}
#menu-prin li{ display:inline-block; }
#menu-prin li a{ display:block; padding:2px; font-size:14px; font-family:din-medium;}
#menu-prin li a.current,
#menu-prin li a:hover{ color:#fd0017; }
#logo-ayuntamiento{ position:absolute; left:0; top:0; }
#logo-tiemporeal{ position:absolute; right:135px;top:6px; }
#logo-tiemporeal img {width:162px;}
.qr { position:absolute; right:0;top:-12px; }
.qr img {width:120px;}


.qr-tiempo-real { position:absolute; right:17px;top:218px; }
.qr-tiempo-real img {width:118px;}

#banner-prin{ width:928px; height:600px; background:url(../img/banner.png); background-repeat: no-repeat; padding:1px; }

#horarios-prin{ width:316px; height:600px; background:url(../img/bg-horarios.png); background-repeat: no-repeat; padding:1px; margin-left:15px; margin-top:10px;  }
#horarios-prin ul{ margin-left:5px; margin-top:80px; }
#horarios-prin li{ margin-bottom:15px;}

#foot-info{ text-align:center; font-size:14px; margin:15px 20px 10px; padding-bottom:10px;  }
#foot-info a { color:#4c4c4c;}
a#phone-foot{ color:#fd0017; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; }

.reti{ background:url(../img/reti.png);}

.col-left{ float:left; width:412px; margin-top:30px;  }
.col-right{ float:left; width:513px;  margin-top:30px;  }

#lineas-prin{ background:url(../img/bg-lineas.png); width:386px; padding:1px;}
#lineas-prin ul{ margin-left:70px; margin-top:20px; }
#lineas-prin li{ margin-bottom:5px;}


.box-text{ padding-left:18px;  font-size:18px; font-family:din-ligh; line-height:20px; color:#393939; }

#torrebus-min-logo{ margin-left:45px; margin-top:10px; margin-bottom:10px;}
#torrebus-tiempo-real #torrebus-min-logo{ display:none; }

.box-red{ background:#fd0017; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; color:#FFF;}

.box-red .text{ padding:30px; font-family:din-ligh; font-size:18px; line-height:20px;}
.box-red hr{ border:none; border-bottom:#FFF solid 1px;}

.box-gr{ background:#e1e3d6; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; color:#FFF; color:#707172; padding:20px; width:305px; margin-left:45px;font-family:din-ligh; font-size:16px; line-height:16px; }
.box-gr b{font-family:din-medium; font-weight:normal; }

#plano-rutas #col-prin{ display:none;} 
#box-contact{background:#e1e3d6; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; color:#393939; padding:25px 20px 25px 20px;font-family:din-ligh;font-size:17px; line-height:19px;  }
#box-contact h1{ margin:0; font-size:35px; color:#fd0017; font-family:din-medium; font-weight:normal;}
.color-r{ color:#fd0017; }



.txup{ text-transform:uppercase;}

.ul-form{ list-style:none; padding:0; margin:0; }
.ul-form .txt{ border:1px #b0b0b1 solid; background:#faf9f9; width:300px; color:#424242;  font-size:12px; padding:3px 10px 2px 10px; font-family:Arial, Helvetica, sans-serif; }
.ul-form li{ margin-bottom:4px; position:relative;}
.ul-form textarea.error,
.ul-form input.error{ border-color:#F00; margin-top:15px; }

input.button{ border:none; background:#fd0017; cursor: pointer; color:#FFF; font-family:din-medium; font-size:18px; line-height:18px; padding-bottom:4px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; height:25px; margin-top:-2px;   }
.ul-form .button{ position:absolute; bottom:0;right:10px; margin-left:10px;}

label.error{ position:absolute; left:0; font-size:10px; background:#fd0017; padding:0px 10px 0px 10px; margin-top:-2px; top:0; color:#FFF; margin-left:15px; 
-webkit-border-radius: 8px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 8px;
-moz-border-radius-bottomleft: 0;
border-radius: 8px;
border-bottom-left-radius: 0;}


#swin_b{ position:fixed; top: 0;left:0; width:100%; height:100%; background-color:#000; z-index:100001; text-align:center; display:none; }
#swin_t{ position: absolute; z-index:100005;  display:none; color:#FFF;}
#swin_t .box a{color:#3a4b55;}
#swin_t .box{ padding:20px; font-size:14px; background:#FFF; color:#3a4b55;  box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000;  }
#swin_t .r{ text-align:right;}
#swin_t .info{ }
#swin_t .swin-error{background:#000  no-repeat center left; padding:20px;  box-shadow: 0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; min-width:500px;   }
#swin_t .box-error{ background:url(../img/bgwinerror.png) no-repeat; width:560px; height:60px; padding:30px; font-size:18px; text-transform:uppercase; text-align:center; }
#swin_t .close{ background:#000;  color:#FFF; padding-left:10px; padding-right:10px; display:inline-block; cursor:pointer; }
#swin_t .he{ text-align:right; margin-top:5px;}


#swin_t .bt-close, #swin_t .bt-accept, #swin_t .bt-cancel{ cursor:pointer;}
#swin_t .bt-close{ position:absolute; right:0px; top:-15px; font-size:12px}
#loading_t{position: absolute; z-index:100011;  display:none; color:#FFF;  height:30px; line-height:30px; padding-left:30px; padding-right:5px; background: url(../img/loaders/cir-20x20.png) no-repeat left #000; background-position:5px center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.com-msn-box{ background:#FFC; color:#000; border:#FC6 solid 1px; padding:15px 25px 15px 25px; margin:50px; }

.table-horarios{ padding:25px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.table-horarios table{ width:100%;  border-collapse:collapse; }
.table-horarios .bor{ border:#FFF 5px solid; padding:5px;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.th-c{ text-align:left; color:#FFF; font-size:13px;}
.th-t{ font-size:12px;line-height:13px; }
.th-t th{ vertical-align:bottom; padding:1px; text-align:center;  white-space:nowrap;}
.th-t span{ display:block; height:100%; margin:1px;  color:#333; font-weight:normal; font-family:din-medium; background:#FFF; padding:3px; margin-left:1px; margin-right:1px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.ninfo{font-family:din-ligh; color:#FFF; text-align:center; margin-top:10px;}
.table-horarios h2{ font-size:14px; color:#FFF; border-bottom:#FFF solid 1px;font-family:din-medium; font-weight:normal; margin-bottom:5px; padding-bottom:2px; padding-left:5px;}

.table-horarios.color-1{background:#ff9901;}
.table-horarios.color-2{background:#008737;}
.table-horarios.color-3{background: #88bb0d}
.table-horarios.color-4{background:#00a6b1;}
.table-horarios.color-5{background:#ff1300;}
.table-horarios.color-6{background:#0a5bb3;}


.table-horarios tbody{ font-family:din-ligh; font-size:14px;}
.table-horarios b, .table-horarios strong{font-family: 'din-medium'; font-weight:normal;}
.table-horarios tbody td{ text-align:center; color:#4c4c4c; background:#e9eae2; border-left:5px solid  #FFF; border-right:5px solid #FFF; cursor:default; line-height:18px; }
.table-horarios tbody tr.active td,
.table-horarios tbody tr:hover td{ background:#FFF; }
.table-horarios tbody tr.active td{ font-family:din-medium; color:#000}



.table-horarios tbody span{ display:block; }
.table-horarios .first td{ padding-top:10px;  }
.table-horarios tbody tr.first:hover td{  background:#e9eae2; }

.table-horarios .last td{ padding-top:10px; }
.table-horarios tbody tr.last:hover td{  background:#e9eae2; }

.table-horarios.color-1  tbody td{ border-color:#ff9901;}
.table-horarios.color-2  tbody td{ border-color:#008737;}
.table-horarios.color-5  tbody td{ border-color:#ff1300;}
.table-horarios.color-6  tbody td{ border-color:#0a5bb3;}

.table-horarios h3{ margin:0; padding:0; margin-bottom:5px; }
.table-horarios h3.c1{ background:#00aaee;  padding:5px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFF;  }
.table-horarios h3.c1 .arrow{ vertical-align:middle; display:inline-block; width:58px; height:20px; background:url(../img/arrow-sep-a.png) no-repeat center; margin-left:15px; margin-right:15px;}
.table-horarios h3.c2{ background:#f4f232;  padding:5px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#000;  }

.table-horarios h3.c2 .arrow{ vertical-align:middle; display:inline-block; width:58px; height:20px; background:url(../img/arrow-sep-b.png) no-repeat center; margin-left:15px; margin-right:15px;}
.cif{ font-size:12px; text-align:right; display:block; color:#FFF; margin-top:2px; margin-bottom:5px; }

.box-scroll .container-scroll{ overflow:hidden; position:relative;}
.box-scroll {position:relative;}
.nojs .box-scroll .container-scroll{ overflow:auto;}
.btscroll{ display:block; position:absolute; width:50px; height:80px; background: no-repeat center; cursor:pointer; top:50%; margin-top:-40px;  }
.btscroll span{ display:block; width:123px; height:100px; background:no-repeat center;  position:absolute; top:50%; margin-top:-50px; }

.btscl{ left:-50px;background-image:url(../img/arrow-scroll-left-a.png); }
.btscr{ right:-50px;background-image:url(../img/arrow-scroll-right-a.png); }
.btscl span{ background-image:url(../img/flecha2.png); right:40px;}
.btscr span{ background-image:url(../img/flecha1.png); left:40px;}

.boxscroll{ position:relative; }

.til1 span{ display:inline-block; height:110px; vertical-align:top;  }
.til1 { height:110px; background:url(../img/hl1-2.png) no-repeat; margin:0; padding:0; font-size:20px; line-height:22px; white-space:nowrap; display:block; margin-bottom:5px; margin-left:12px; color:#FFF; margin-top:15px;}
.til1 span.hl{ width:180px;}
.til1 span.hc{ height:30px; vertical-align:text-bottom; vertical-align:bottom; padding-top:30px;}

.til2 span{ display:inline-block; height:110px; vertical-align:top;  }
.til2 { height:110px; background:url(../img/hl2-2.png) no-repeat; margin:0; padding:0; font-size:20px; line-height:22px; white-space:nowrap; display:block; margin-bottom:5px; margin-left:12px; color:#FFF; margin-top:15px;}
.til2 span.hl{ width:180px;}
.til2 span.hc{ height:30px; vertical-align:text-bottom; vertical-align:bottom; padding-top:30px;}

.til3 span{ display:inline-block; height:110px; vertical-align:top;  }
.til3 { height:110px; background:url(../img/hl3-2.png) no-repeat; margin:0; padding:0; font-size:20px; line-height:22px; white-space:nowrap; display:block; margin-bottom:5px; margin-left:12px; color:#FFF; margin-top:15px;}
.til3 span.hl{ width:180px;}
.til3 span.hc{ height:30px; vertical-align:text-bottom; vertical-align:bottom; padding-top:30px;}

.til4 span{ display:inline-block; height:110px; vertical-align:top;  }
.til4 { height:110px; background:url(../img/hl4-2.png) no-repeat; margin:0; padding:0; font-size:20px; line-height:22px; white-space:nowrap; display:block; margin-bottom:5px; margin-left:12px; color:#FFF; margin-top:15px;}
.til4 span.hl{ width:180px;}
.til4 span.hc{ height:30px; vertical-align:text-bottom; vertical-align:bottom; padding-top:30px;}

.til5 span{ display:inline-block; height:110px; vertical-align:top;  }
.til5 { height:120px; background:url(../img/hl5-2.png) no-repeat; margin:0; padding:0; font-size:19px; line-height:22px; white-space:nowrap; display:block; margin-bottom:5px; margin-left:12px; color:#FFF; margin-top:15px;}
.til5 span.hl{ width:180px;}
.til5 span.hc{ height:40px; vertical-align:text-bottom; vertical-align:bottom; padding-top:30px;}

.til6 span{ display:inline-block; height:110px; vertical-align:top;  }
.til6 { height:116px; background:url(../img/hl6-2.png) no-repeat; margin:0; padding:0; font-size:18px; line-height:22px; white-space:nowrap; display:block; margin-bottom:5px; margin-left:12px; color:#FFF; margin-top:15px;}
.til6 span.hl{ width:180px;}
.til6 span.hc{ height:40px; vertical-align:text-bottom; vertical-align:bottom; padding-top:30px; }

/* sliders horarios */
 .horarios1{ position: relative;}	
 .horarios2{ position: relative; padding-top: 15px;}
 .galeriaImagenes ul{list-style: none}
 .galeriaImagenes2 ul{list-style: none}
 
.galeriaImagenes {position: relative; overflow: hidden; margin: 0 auto;  height: 380px;  width: 855px; }
    .galeriaImagenes ul.galeriaSliders{position: absolute;top:0;left:0;}
        .galeriaImagenes ul.galeriaSliders li {position: relative; float:left;}
    a.sliderAnterior {position: absolute; top: 50%; left: -130px; margin-top: -50px; height:100px; width:123px; z-index: 100; background: url(/static/img/flecha2.png) no-repeat; }
 	a.sliderSiguiente {position: absolute; top: 50%; right: -130px; margin-top: -50px;  height:100px; width:123px; z-index: 100; background: url(/static/img/flecha1.png) no-repeat; }
 	
.galeriaImagenes2 {position: relative; overflow: hidden; margin: 0 auto;  height: 380px;  width: 855px; }
    .galeriaImagenes2 ul.galeriaSliders2{position: absolute;top:0;left:0;}
        .galeriaImagenes2 ul.galeriaSliders2 li {position: relative; float:left;}
    a.sliderAnterior2 {position: absolute; top: 50%; left: -130px; height:100px; width:138px; z-index: 100; background: url(/static/img/flecha2.png) no-repeat; }
 	a.sliderSiguiente2 {position: absolute; top: 50%; right: -130px; height:100px; width:138px; z-index: 100; background: url(/static/img/flecha1.png) no-repeat; } 	

	 .galeriaImagenes.linea2{height: 310px}
 	.galeriaImagenes2.linea2{height: 310px}
	.galeriaImagenes.linea3{height: 205px}
 	.galeriaImagenes2.linea3{height: 205px}
 	.galeriaImagenes.linea5{height: 328px}
 	.galeriaImagenes.linea6{height: 340px}