.navbar {
	min-height: 40px;
    margin-bottom: 0px;   

}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
  
}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 12px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#titulo{
	background-color: #000393;
	color: #fff;
	padding-top: 1px;
}

.header{
	font-size: 10px;
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;
}

#titulo h1{
	display: inline;
	font-size: 21px;
	letter-spacing: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	

}

#titulo h2{
	display: inline;
	font-size: 13px;
	letter-spacing: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	

}

#titulo a{
	color: #fff;
}

#titulo a:hover{
	text-decoration: none;
	color: #fff;
}

#titulo a:focus{
	text-decoration: none;
	color: #fff;
}


h1 small{
	color: #fff;
}

h2 small{
	color: #ccc;
}

#subtitulo{
	background-color: #F1F1F1;

}

#subtitulo p{
	margin-top:5px;
	color: #888888;
	text-align: center;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}

#subtitulo b{
	color:#009999;
	text-transform: capitalize;
	font-size: 12px;
}

#subtitulo b.linea-titulo{
	font-size: 24px;
	color: #000;
}

.link { color: #FFFFFF; } 
.link:hover { color: #bed1f1; }

}

/** LISTA COLECTIVOS **/
#lista-colectivos{
	margin-bottom: 30px;
	margin-top: 5px;
}
.lista-colectivos{	
	padding-right: 0px;
	padding-left: 0px;
	font-size: 14px;
}


.lista-colectivos a{
	margin-bottom: 10px;
	margin-right: 5px;
}

.btn {
    display: inline-block;
    /*padding: 7px 20px;*/

}


.btn-default {
    color: #337ab7;
    background-color: #fff;
        width: 50px;
    height: 35px;
}

/** informacion  **/

#historia{
	padding-top: 10px;
}
.img-historia{
	padding-top:7px
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 3px;

}


#informacion{
	background-color: rgb(237, 237, 237);
	/*margin-bottom: 150px;*/
	padding-top: 0px;
	padding-bottom: 0px;

}

#informacion .titulo{
	font-size: 14px;
	color: #000;
	font-weight: 700;
}

.trans{
	color: rgb(0, 51, 153);;
	font-weight: bold;
}

/**  secciones  **/

#secciones{
	margin-top: 30px;
}

.titulo-seccion{
	background-color: rgb(237, 237, 237);
}

.titulo-seccion h5{
	color: rgb(0, 51, 153);;
}

.titulo-seccion h4{
	font-weight: bold;
	color: rgb(102, 102, 102);
}

.body-seccion {
	padding-top: 10px;
	padding-bottom: 10px;
}

.row-seccion{
	margin-top: 10px;
	margin-bottom: 10px;
}

.item-descripcion{
	
	color: 000;
	padding-left: 25px;
}

.item{
	font-weight: bold;
	color: rgb(153, 153, 153);
}

#informacion{
	background-color: #F1F1F1;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: -20px; 
}

#informacion .titulo{
	font-size: 14px;
	color: #000;
	font-weight: 700;
}

.trans{
	color: rgb(0, 51, 153);;
	font-weight: bold;
}

.ramal{
	margin-top: 5px;
}

/** footer  **/

#footer{
	background-color: #F1F1F1;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px; 
}

#footer p{
	font-size: 8px;
	color: #888888;
	text-align: right;
}



.arrow{
	position: fixed;
	top:87%;
	left:82%;
	z-index: 999;
}

.tel{
	color: #000;

}

.caja {

    color: white;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    background: #3366CC;
    margin: 2px 2px 2px; 
    overflow: hidden;
    padding: 1px;

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10x 10px;
    -webkit-border-radius: 10px 10px 10px 10px;

    border: 1px solid #333333;

}

.btn-default {
    color: #337ab7;
    background-color: #fff;
    width: 65px;
    height: 55px;
    border-radius: 10px 10x 1px 1px;
    -moz-border-radius: 10px 10px 1x 1px;
    -webkit-border-radius: 10px 10px 1px 1px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-color: #AAA;
   	padding-top: 1px;

}

.btn-default-100 {
    color: #337ab7;
    background-color: #fff;
    width: 65px;
    height: 55px;
    border-radius: 10px 10x 1px 1px;
    -moz-border-radius: 10px 10px 1x 1px;
    -webkit-border-radius: 10px 10px 1px 1px;
    color: #000;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    border-color: #AAA;
   	padding-top: 1px;

}



.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c12,.c15,.c19,.c20,.c22,.c26,.c34,.c37,.c39,.c41,.c42,.c51,.c57,.c59,.c60,.c65,.c67,.c68,.c71,.c78,.c88,.c93,.c95,.c102,.c103,.c105,.c107,.c110,.c124,.c146,.c151,.c160,.c161,.c179,.c181,.c194,.cplus,.c195{
	position: relative;
}

.c4:before,.c5:before,.c6:before,.c7:before,.c8:before,.c9:before,.c10:before,.c12:before,.c15:before,.c19:before,.c20:before,.c22:before,.c26:before,.c34:before,.c37:before,.c39:before,.c41:before,.c42:before,.c51:before,.c57:before,.c59:before,.c60:before,.c65:before,.c67:before,.c68:before,.c71:before,.c78:before,.c88:before,.c93:before,.c95:before,.c102:before,.c103:before,.c105:before,.c107:before,.c110:before,.c124:before,.c146:before,.c151:before,.c160:before,.c161:before,.c179:before,.c181:before,.c194:before,.cplus:before,.c195:before{
	content: '';
    width: 100%;
	position: absolute;
    left: 0;
    top: 68%;
    z-index: 1;
}


.c4:before{
    border-top: solid 2px #000;
    border-bottom: solid 2px white;
}

.c4:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px red;
    position: absolute;
    left: 0;
    top: 76%;
    height: 10px;
    min-height: 10px;
    z-index: 1;
}


.c5:before{
    border-top: solid 1px #cc9933;
    border-bottom: solid 3px white;
}

.c5:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px green;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c6:before{

    border-top: solid 2px red;
    border-bottom: solid 2px #0066ff;

}

.c6:after{
	content: '';
    width: 100%;
    border-top: solid 5px white;
    border-bottom: solid 8px green;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c7:before{

    border-top: solid 3px #0066ff;
    border-bottom: solid 1px red;

}

.c7:after{
	content: '';
    width: 100%;
    border-top: solid 6px white;
    border-bottom: solid 7px #0066ff;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c8:before{

    border-top: solid 2px #0066ff;
    border-bottom: solid 2px red;

}

.c8:after{
	content: '';
    width: 100%;
    border-top: solid 6px white;
    border-bottom: solid 7px #0066ff;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c9:before{

    border-top: solid 2px blue;
    border-bottom: solid 2px white;

}

.c9:after{
	content: '';
    width: 100%;
    border-top: solid 5px white;
    border-bottom: solid 8px white;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c10:before{

    border-top: solid 2px #00cccc;
    border-bottom: solid 2px black;

}

.c10:after{
	content: '';
    width: 100%;
    border-top: solid 2px white;
    border-bottom: solid 11px #00cccc;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c12:before{

    border-top: solid 2px red;
    border-bottom: solid 2px red;

}

.c12:after{
	content: '';
    width: 100%;
    border-top: solid 4px black;
    border-bottom: solid 9px #cccccc;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c15:before{

    border-top: solid 2px #00cc00;
    border-bottom: solid 2px #00cc00;

}

.c15:after{
	content: '';
    width: 100%;
    border-top: solid 2px #CCCCCC;
    border-bottom: solid 11px #009900;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c19:before{

    border-top: solid 3px black;
    border-bottom: solid 1px #cccccc;

}

.c19:after{
	content: '';
    width: 100%;
    border-top: solid 5px #cccccc;
    border-bottom: solid 8px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c20:before{

    border-top: solid 2px red;
    border-bottom: solid 2px white;

}

.c20:after{
	content: '';
    width: 100%;
    border-top: solid 3px white;
    border-bottom: solid 10px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c22:before{

    border-top: solid 2px #00cccc;
    border-bottom: solid 2px #cc9933;

}

.c22:after{
	content: '';
    width: 100%;
    border-top: solid 2px white;
    border-bottom: solid 11px #00cccc;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c26:before{

    border-top: solid 2px red;
    border-bottom: solid 2px red;

}

.c26:after{
	content: '';
    width: 100%;
    border-top: solid 8px white;
    border-bottom: solid 5px #0066ff;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c34:before{

    border-top: solid 3px red;
    border-bottom: solid 1px red;

}

.c34:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px blue;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c37:before{

    border-top: solid 3px green;
    border-bottom: solid 1px black;

}

.c37:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px green;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c39:before{

    border-top: solid 2px #cc9900;
    border-bottom: solid 2px #cc9900;

}

.c39:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px #993300;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c41:before{

    border-top: solid 3px #ffff00;
    border-bottom: solid 1px #cccccc;

}

.c41:after{
	content: '';
    width: 100%;
    border-top: solid 1px white;
    border-bottom: solid 12px #ffff00;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c42:before{

    border-top: solid 1px black;
    border-bottom: solid 3px #ffff00;

}

.c42:after{
	content: '';
    width: 100%;
    border-top: solid 4px #ffff00;
    border-bottom: solid 9px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c51:before{

    border-top: solid 2px #0066ff;
    border-bottom: solid 2px yellow;

}

.c51:after{
	content: '';
    width: 100%;
    border-top: solid 2px red;
    border-bottom: solid 11px white;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;

}

.c57:before{

    border-top: solid 2px red;
    border-bottom: solid 3px blue;

}

.c57:after{
	content: '';
    width: 100%;
    border-top: solid 3px white;
    border-bottom: solid 9px red;
    position: absolute;
    left: 0;
    top: 77%;
    z-index: 1;


}

.c59:before{

    border-top: solid 1px black;
    border-bottom: solid 3px red;

}

.c59:after{
	content: '';
    width: 100%;
    border-top: solid 3px #ffff00;
    border-bottom: solid 10px green;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c60:before{

    border-top: solid 3px black;
    border-bottom: solid 1px red;

}

.c60:after{
	content: '';
    width: 100%;
    border-top: solid 4px red;
    border-bottom: solid 9px #ffff00;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c65:before{

    border-top: solid 3px blue;
    border-bottom: solid 1px red;

}

.c65:after{
	content: '';
    width: 100%;
    border-top: solid 5px white;
    border-bottom: solid 8px green;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c67:before{

    border-top: solid 2px red;
    border-bottom: solid 2px yellow;

}

.c67:after{
	content: '';
    width: 100%;
    border-top: solid 3px #cc9900;
    border-bottom: solid 10px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c68:before{

    border-top: solid 3px black;
    border-bottom: solid 1px white;

}

.c68:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px blue;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c71:before{

    border-top: solid 1px black;
    border-bottom: solid 3px red;

}

.c71:after{
	content: '';
    width: 100%;
    border-top: solid 4px lightblue;
    border-bottom: solid 9px white;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c78:before{

    border-top: solid 1px red;
    border-bottom: solid 3px yellow;

}

.c78:after{
	content: '';
    width: 100%;
    border-top: solid 4px yellow;
    border-bottom: solid 9px green;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c88:before{

    border-top: solid 3px red;
    border-bottom: solid 1px white;

}

.c88:after{
	content: '';
    width: 100%;
    border-top: solid 3px green;
    border-bottom: solid 10px white;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c93:before{

    border-top: solid 2px black;
    border-bottom: solid 2px #ffff66;

}

.c93:after{
	content: '';
    width: 100%;
    border-top: solid 4px #ffff00;
    border-bottom: solid 9px #993300;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c95:before{

    border-top: solid 3px #663300;
    border-bottom: solid 1px #663300;

}

.c95:after{
	content: '';
    width: 100%;
    border-top: solid 2px white;
    border-bottom: solid 11px #ffff66;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c102:before{

    border-top: solid 3px blue;
    border-bottom: solid 1px blue;

}

.c102:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c103:before{

    border-top: solid 2px red;
    border-bottom: solid 2px #000000;

}

.c103:after{
	content: '';
    width: 100%;
    border-top: solid 3px #ffff66;
    border-bottom: solid 10px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c105:before{

    border-top: solid 2px red;
    border-bottom: solid 2px #000000;

}

.c105:after{
	content: '';
    width: 100%;
    border-top: solid 5px white;
    border-bottom: solid 8px blue;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c107:before{

    border-top: solid 2px red;
    border-bottom: solid 2px white;

}

.c107:after{
	content: '';
    width: 100%;
    border-top: solid 2px green;
    border-bottom: solid 11px white;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c124:before{

    border-top: solid 2px #0066ff;
    border-bottom: solid 2px white;

}

.c124:after{
	content: '';
    width: 100%;
    border-top: solid 3px #003399;
    border-bottom: solid 10px #0066ff;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c110:before{

    border-top: solid 2px #000000;
    border-bottom: solid 2px white;

}

.c110:after{
	content: '';
    width: 100%;
    border-top: solid 5px #336699;
    border-bottom: solid 8px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c146:before{

    border-top: solid 2px #0066ff;
    border-bottom: solid 2px white;

}

.c146:after{
	content: '';
    width: 100%;
    border-top: solid 5px white;
    border-bottom: solid 8px #0066ff;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;

}

.c151:before{

    border-top: solid 2px #0066ff;
    border-bottom: solid 2px #0066ff;

}

.c151:after{
	content: '';
    width: 100%;
    border-top: solid 7px white;
    border-bottom: solid 6px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c160:before{

    border-top: solid 3px red;
    border-bottom: solid 1px #cccccc;

}

.c160:after{
	content: '';
    width: 100%;
    border-top: solid 1px white;
    border-bottom: solid 12px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c161:before{

    border-top: solid 2px red;
    border-bottom: solid 2px #0066ff;

}

.c161:after{
	content: '';
    width: 100%;
    border-top: solid 6px white;
    border-bottom: solid 7px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c179:before{

    border-top: solid 2px #330099;
    border-bottom: solid 2px #330099;

}

.c179:after{
	content: '';
    width: 100%;
    border-top: solid 3px #cccccc;
    border-bottom: solid 10px #330099;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c181:before{

    border-top: solid 2px red;
    border-bottom: solid 2px #333333;

}

.c181:after{
	content: '';
    width: 100%;
    border-top: solid 4px white;
    border-bottom: solid 9px red;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.c194:before{

    border-top: solid 3px red;
    border-bottom: solid 1px white;

}

.c194:after{
	content: '';
    width: 100%;
    border-top: solid 3px green;
    border-bottom: solid 10px white;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}

.cplus:before{

    border-top: solid 2px #0066ff;
    border-bottom: solid 4px #ff66cc;

}

.cplus:after{
	content: '';
    width: 100%;
    border-top: solid 4px yellow;
    border-bottom: solid 2px white;
    position: absolute;
    left: 0;
    top: 79%;
    z-index: 1;
}

.c195:before{

    border-top: solid 3px red;
    border-bottom: solid 1px #003399;

}

.c195:after{
	content: '';
    width: 100%;
    border-top: solid 2px #003399;
    border-bottom: solid 3px green;
    position: absolute;
    left: 0;
    top: 76%;
    z-index: 1;
}




/* QUERIES */

@media only screen and (min-width: 321px) {
    #titulo h1 {
    display: inline;
    font-size: 26px;
    letter-spacing: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;

	}
}