/*
	Resetear CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 1;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}


/* 
	Resetear CSS 
*/


body{
  /*background: transparent url('/images/layout/plantilla.jpg') no-repeat top left;*/
  background: #fff url('/images/layout/cabecera_fondo.jpg') repeat-x top left;
  font-family: Arial, Helvetica, sans-serif;
}


*.clear {
	clear: both;
}
hr {
	clear: both;
	visibility: hidden;
}
* strong {
	font-weight: bold;
}
.imgflotaizq {
	float: left;
	margin-right: 10px;
}

.imgflotadcha {
	float: right;
	margin-left: 10px;
}


#contenedor {
  width: 960px;
  margin: 0 auto;
}


/* ----------- CABECERA ----------------- */
  
  #cabecera {
    background: transparent url('/images/layout/cabecera.jpg');
    height: 164px;
    margin-bottom: 15px;
  }
  #cabecera #idiomas {
    float: right;
    background-color: #fff;
  }
  #cabecera #idiomas p {
    text-align: right;
    font-size: 0.7em;
    padding: 5px;
  }

#cabecera h1 {
clear: both;    
float: left;
    width: 80%;
    height: 150px;
}
#cabecera h1 a {
    display: block;
    height: 150px;
    text-decoration: none;
}
#cabecera h1 a span {
    visibility: hidden;
}
#tiempo {
    float: right;
	width: 144px;
	padding-top: 20px;
}
	#tiempo #TT_guypS4o9Z5hK1iVyp{
		float: left;
		width: 55%;
		margin-top: 25px
	}
	#tiempo #aenor {
		float: right;
		width: 38%;
		text-align: right;
	}



/* ----------- MENU --------------------- */

  #menu {
    clear: both;
    float: left;
    width: 130px;
    padding: 0 15px;
    font-size: 0.75em;
  }
  #menu ul li h2 {
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size: 1.3em;
    border-bottom: 1px solid #426800;
    color: #426800;
  }
  #menu ul li ul {
    margin: 10px 0 16px 0;
  }
  #menu ul li ul li {
    line-height: 1.6em;
  }
  
  #menu ul li a {
    color: #0041AD;
    text-decoration: none;
  }
  #menu ul li a:hover {
    text-decoration: underline;
  }
  #menu ul li a.cms_active_link{
  	font-weight: bold;
  }




/* ----------- CONTENIDO --------------------- */

  #contenido {
    float: right;
    width: 785px;
  }
  
  #contenido.wide {
    float: none;
    width: 100%;
  }
  
  #izquierda {
    float: left;
    width: 440px;
    padding-right: 20px;
  }
  #izquierda.estrecha {
    width: 290px;
  }

  #derecha {
    float: right;
    width: 320px;
  }
  #derecha.ancha {
    width: 465px;
  }
  
  
  #contenido h2 {
  	color: #fff;
  	background: #70AF00;
  	font-size: 1.2em;
  	padding: 0.4em;
  	font-weight: bold;
  	margin: 1em 0;
  }
  #contenido h3 {
  	color: #0041AD;
  	font-size: 1.2em;
  	font-weight: bold;
  	border-bottom: 1px solid #0041AD;
  	margin: 1em 0;
  }
  #contenido h4 {
  	font-size: 1.1em;
  	color: #0041AD;
  	font-weight: bold;
  }
  #contenido h5 {
  	color: #0041AD;
  	font-weight: bold;
  	font-size: 0.9em;
  }
  #contenido h6 {
  	color: #555;
  	font-weight: bold;
  	font-size: 0.8em;
  }

	/*
	#contenido h2 a, #contenido h3 a, #contenido h4 a, #contenido h5 a, #contenido h6 a {
		text-decoration: none;
		color: #fff;
	}
	#contenido h2 a:hover, #contenido h3 a:hover, #contenido h4 a:hover, #contenido h5 a:hover, #contenido h6 a:hover {
		text-decoration: underline;
	}
	*/
  
  
  #contenido p {
    font-size: 0.75em;
    line-height: 1.4em;
    margin: 1em 0;
  }
  #contenido p.derecha {
    text-align: right;
  }
  /*#contenido p.iconomapa {
    padding: 20px 50px 20px 20px;
    background: #fff url('/images/iconos/mapa.png') no-repeat top right;
  }*/
  #contenido ul {
    margin: 1em;
  }
  
  #contenido ul li, #contenido ol li {
    font-size: 0.75em;
    line-height: 1.4em;
  }
  
  #contenido ul li ul li, #contenido ol li ol li, #contenido ol li ul li {
  	font-size: 1em;
  }
  #contenido ul li ul, #contenido ol li ol, #contenido ol li ul {
  	margin-bottom: 0.7em;
  }
  #contenido ul li {
    list-style-type: disc;
    margin-left: 1.2em;
  }
  
  #contenido ol li {
    list-style-type: decimal;
    margin-left: 3em;
  }
  
  
  
  /* vínculos */
    #contenido a {
      color: #0041AD;
    }
    #contenido p a:hover {
      text-decoration: none;
    }
     #contenido h2 a:hover, #contenido h3 a:hover {
      text-decoration: none;
    }
  /* fin de vínculos */
  
  #contenido .fecha {
    color: #555;
  }
  
  /* EStilos específicos ------------ */
  
  
  /* snippets */
    #izquierda .snippetNoticias {
      margin-bottom: 30px;
      clear: both;
      padding-top: 5px;
    }
      #izquierda .snippetNoticias h2 {
        margin: 5px 0;
        padding: 0;
        background-color: transparent;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 1.2em;
      }
  
      #izquierda .snippetNoticias .flota {
        float: left;
        margin-right: 10px;
      }
      
      
    #noticias .snippetNoticias {
      padding: 15px;
      background-color: #EAF3DA;
      margin-bottom: 5px;
    }
      #noticias h3 {
      	border-bottom: none;
      	font-size: 1em;
      	margin: 0;
      	line-height: 1.2em;
      }
      #noticias .alternate {
        background-color: #DAE3F3;
      }
      #noticias .snippetNoticias p.fecha {
        font-size: 0.7em;
        margin: 0;
        padding: 0;
      }
      
      #noticias table {
      	border-collapse: collapse;
      	width: 80%;
      }
      #noticias table tr th {
      	background-color: #70AF00;
      }
      #noticias table tr td {
      	font-size: 0.8em;
      	border: 1px solid #555;
      	padding: 3px;
      }
      
      
      
    #cabeceraNoticias {
     /* height: 25px;*/
      padding-top: 1.5em;
    }
      #cabeceraNoticias h2 {
        /*float: left;
        width: 75%;*/
        font-size: 1.2em;
        font-weight: bold;
        background-color: transparent;
        color: #000;
        padding: 0;
        margin: 0;
      }
      #cabeceraNoticias h2.mini {
        font-size: 0.9em;
        width: 88%;
      }
      #cabeceraNoticias p {
        /*float: right;
        width: 10%;
        text-align: right;
        margin: 0;*/
      }
      #cabeceraNoticias p.mini {
      	color: #333;
      	font-weight: bold;
      	font-size: 0.7em;
      }
      
    #tiemposLlegada {
      background-color: #DED0B3;
      padding: 12px;
      margin-top: 15px;
    }
      #tiemposLlegada p {
        background-color: #fff;
        padding: 10px;
        color: #333;
        margin: 0;
      }
    
    
    
  /* lineas */

  #titularLinea {
    color: #fff;
    height: 30px;
    background: #70AF00 url(/images/layout/lineas/titular_esquina_sup.jpg) no-repeat top left;
    margin-bottom: 15px;
  }
  #titularLinea h2 {
    font-weight: bold;
    float: left;
    font-size: 1.2em;
    background-color: transparent;
    margin: 0;
    padding: 5px 0 0 0;
  }
  #titularLinea h2 span {
    display: block;
    float: left;
    width: 35px;
    text-align: center;
    margin-right: 5px;
  }
  #titularLinea p {
    float: right;
    padding: 8px 15px 0 0;
    margin: 0;
  }
  

/* ----------- PIE --------------------------- */

  #pie {
    clear: both;
    background-color: #0041AD;
    padding: 15px;
  }
  #pie p {
    font-size: 0.8em;
    color: #fff;
  }
  #pie p a {
  	color: white;
  }


/* ---------------- HOME  ---------------- */ 

	#lineas_home{
	  background: #005FFF url(/images/layout/home/lineas_bottom.jpg) no-repeat bottom left;
	  margin-bottom: 15px;
	}
	#lineas_home h2{
	  background: #70AF00 url(/images/layout/home/lineas-top.jpg) no-repeat top left;
	  font-size: 1.2em;
	  padding: 10px 15px;
	  font-weight: bold;
	  color: #fff;
	}
	#lineas_home form {
	  padding: 0px 15px 10px 15px;
	}
	#lineas_home form label {
	 display: none;
	}
	#lineas_home form select {
		width: 275px;
	}
	#lineas_home a {
	 color: #fff;
	}

/* ---------------- HOME  ---------------- */ 


/* ------- PAGINA PRINCIPAL DE LINEAS  --------- */ 

	
	#lineashorarios h3 {
		border-bottom: 1px solid black;
	}
	#lineashorarios .snippetlinea {
		width: 48%;
		padding-left: 10px;
	}
	#lineashorarios .izquierda {
		float: left;
	}
	#lineashorarios .derecha {
		float: right;
	}
	
	#lineashorarios ul {
		margin: 1em 0;
		padding: 0 0 0 10px;
	}
	#lineashorarios ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#lineashorarios ul li a {
		text-decoration: none;
	}
	#lineashorarios ul li a:hover {
		text-decoration: underline;
	}
	#lineashorarios ul.oeste		{ border-left: 3px solid #ACBF2B; }
	#lineashorarios ul.centro		{ border-left: 3px solid #FFBC1B; }
	#lineashorarios ul.interzonales { border-left: 3px solid #287AC7; }
	#lineashorarios ul.este		  	{ border-left: 3px solid #F50F25; }
	#lineashorarios ul.microbuses	{ border-left: 3px solid #7210B7; }
	#lineashorarios ul.nocturnos	{ border-left: 3px solid #48638C; }

/* ------- PAGINA PRINCIPAL DE LINEAS  --------- */ 



/* --------- TIEMPOS LLEGADA BUS -------- */
	#tiemposLlegadaBus #alert{
		margin: 20px 0;
	}
	
	#tiemposLlegadaBus table {
		width: 350px;
		margin-right: 1em;
		margin-bottom: 2em;
		font-size: 0.8em;
		/*float: left;*/
	}

	#tiemposLlegadaBus table caption {
		background-color: #70AF00;
		padding: 0.6em 1em;
	}

	#tiemposLlegadaBus table tr th {
		text-align: left;
		padding: 0.5em 0;
		font-weight: bold;
	}
	#tiemposLlegadaBus table tr th.codigo {
		width: 70px;
	}
	#tiemposLlegadaBus table tr td {
		padding: 0.2em 0;
	}

/* -------------- PáGINA DE INICIO DE FLOTA ----- */

	#flota dl dt {
		float: left;
		width: 180px;
		height: 120px;
	}
	#flota dl dt a {
		text-decoration: none;
	}

	#flota dl dt a img {
		border: 0;
	}
	
	#flota dl dd {
		float: left;
		width: 190px;
		height: 27px;
		font-size: 0.8em;
		padding-top: 93px;
	}
	
	#flota #imagenes {
		float:left;
		width: 350px;
	}
	#flota #caracteristicas {
		float: right;
		width: 400px;
	}

/* -------- galería de fotos ------------ */

#galeriaFotos a.galeria {
	display: block;
	margin: 10px;
	float: left;
	width: 110px;
}



/* ---------- mapa de lineas --------- */

#mapalineas #lineas {
	float: left;
	width: 25%;
}

#mapalineas #lineas h3 {
	font-size: 0.7em;
	text-transform: uppercase;
}
#mapalineas #lineas ul {
	margin: 0;
	padding: 0;
}
#mapalineas #lineas ul li {
	font-size: 0.7em;
	text-transform: uppercase;
	margin: 0;
	list-style-type: none;
	padding: 0;
}

#mapalineas #lineas .checkbox {
	margin-right: 5px;
}

#mapalineas #mapa {
	float: right;
	width: 70%;
	height: 450px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
#mapalineas #mapa #openlayers-map {
	width: 100%;
	height: 100%;
}



/* ---------- formularios --------------- */
	form .clear {
		clear: both;
		padding-top: 1em;
	}
	
	
	form .flota label {
		display: block;
		float: left;
		width: 20%;
	}
	form .flota input, form .flota select, form textarea.flota {
		display: block;
		float: left;
	}
	
	
	form .bloque label {
		display: block;
	}
	
	form legend {
		font-size: 0.8em;
	}
	
	form fieldset {
		border: 1px solid black;
		padding: 0.3em 1em;
		margin: 1em 0;
	}

/* ---------- formularios --------------- */



/* ------------ admin ------------ */

  #admin table {
  	width: 100%;
  	font-size: 0.8em;
  }
  #admin table tr th {
  	background-color: #999;
  	padding: .5em;
  	text-align: left;
  	color: #fff;
  	font-weight: bold;
  }
  #admin table tr td {
  	padding: .5em;
  	border-bottom: 1px solid #999;
  }
  #admin table tr td.alternate {
  	padding: 1em;
  }



/* ------------------ tabla de líneas ----------- */
 
 #salidas p {
 	padding: 0px 0px 5px 25px;
 	background: #fff url(/images/iconos/download.png) no-repeat 0px 5px;
 }
 
 /* tablas nuevas ------------------------------------- */
 
 table.tabla_nueva {
  	font-size: 0.8em;
  	margin: 0 0 20px 0;
  	width: 100%;
  	line-height: 1.3em;
  	border: 1px solid black;
 }
 
 table.tabla_nueva tr {
  	border: 1px solid black;
  	text-align: center;
 }
 table.tabla_nueva tr th {
 	font-weight: bold;
 	color: #444;
 	padding: 0.6em 0;
  	border-bottom: 1px solid black;
  	border-top: 1px solid black;
 }
 table.tabla_nueva tr td {
 	padding: 0.6em 0;
  	border-bottom: 1px solid black;
  	border-top: 1px solid black;
 }
 
 table.tabla_nueva tr td.adicionales {
 	padding: 0;
  	border-bottom: 1px solid black;
  	border-top: 1px solid black;
 }
	 
	 table.tabla_nueva tr td.adicionales table {
	 	border: none;
	 	width: 100%;
	 }
	 table.tabla_nueva tr td.adicionales table tr {
	 	border: none;
	 	padding: 0;
	 }
	 table.tabla_nueva tr td.adicionales table tr th {
	 	border: none;
	 	padding: 0;
	 }
	 table.tabla_nueva tr td.adicionales table tr td {
	 	border: none;
	 	padding: 0.6em 0 0 0;
	 }
	 table.tabla_nueva tr td.adicionales table tr td.peque {
	 	font-size: 0.85em;
	 	background-color: #e1e1e1;
	 	padding: 3px 0;
	 }

 table.tabla_nueva th.sup {
  	vertical-align: top;
 } 
 table.tabla_nueva td.sup {
  	vertical-align: top;
 }

 
 table.tabla_nueva tr.frecuencia {
  	background-color: #6C92D0;
  	font-size: 1.4em;
 } 
 table.tabla_nueva tr.frecuencia th {
  	color: white;
 }
 table.tabla_nueva tr th.origen {
  	background-color: #70AF00;
  	color: white;
 }
 table.tabla_nueva tr.frecuencia td {
 	padding: 1em 0;
 }

 table.tabla_nueva tr.frecuencia td span {
 	font-size: 0.8em;
 }
 table.tabla_nueva .sinborde {
 	border: 1px solid white;
 }
 
 /* tablas nuevas ------------------------------------- */
 
 /* tablas viejas ------------------------------------- */
  
  table.tablas {
  	font-size: 0.8em;
  	margin: 0 0 20px 0;
  	width: 100%;
  	line-height: 1.3em;
  	border: 1px solid #6C92D0;
  }
  table.tablas table.tablas {
  	font-size: 1em;
  	margin-bottom: 0;
  }
  table.tablas caption {
  	background-color: #DED0B3;
  	font-weight: bold;
  	padding: 5px;
  	color: #333;
  	text-shadow: 0 1px 0 #fff;
  }
  table.tablas tr th {
  	font-weight: bold;
  	padding: 5px;
  	text-align: left;
  }
  
  table.tablas tr td {
  	padding: 5px;
  }
  
  table.tablas tr.filauno {
  	background-color: #0041AD;
  	color: #fff;
  }
  table.tablas tr.filados{
  	background-color: #DAE3F3;
  	color: #0041AD;

  }
  table.tablas tr.filados th{

		vertical-align: middle;
  }
  table.tablas tr.filatres{
  	background-color: #DED0B3;
  	color: #333;
  	font-size: 0.9em;
  }
  
  table.tablas tr.altern{
  	background-color: #DAE3F3;
  }
   table.tablas td.altern{
  	background-color: #DAE3F3;
  }
  
  table.tablas td, table.tablas th {
  	border-right: 1px solid #6C92D0;
  	border-left: 1px solid #6C92D0;
  }
  
  table.tablas tr.filaunob {
  	background-color: #0041AD;
  	color: #fff;
  }
  table.tablas tr.filaunob th {
	text-align: center;
	}
  table.tablas tr.filadosb {
  	background-color: #DAE3F3;
  	color: #0041AD;
  }
  table.tablas tr.filatresb {
  	background-color: #DED0B3;
  	color: #333;
  }
  
  table.tablas tr.alternb {
  	background-color: #DAE3F3;
  }

 /* tablas viejas ------------------------------------- */
 
 
 
 /* tabla prebuhos */ 
 
  table.tabla_buhos {
  	font-size: 0.8em;
  	margin: 0 0 20px 0;
  	width: 100%;
  	line-height: 1.3em;
  	border: 1px solid black;
 }
 
 table.tabla_buhos tr {
  	border: 1px solid black;
  	text-align: center;
 }
 table.tabla_buhos tr th {
 	font-weight: bold;
 	color: #444;
 	padding: 0.6em 0;
  	border-bottom: 1px solid black;
  	border-top: 1px solid black;
 }
 table.tabla_buhos tr td {
 	padding: 0.6em 0;
  	border-bottom: 1px solid black;
  	border-top: 1px solid black;
 }
 table.tabla_buhos tr.frecuencia {
  	background-color: #6C92D0;
  	font-size: 1.4em;
 } 
 table.tabla_buhos tr.frecuencia th {
  	color: white;
 }
 table.tabla_buhos tr th.origen {
  	background-color: #70AF00;
  	color: white;
 }
 table.tabla_buhos tr.frecuencia td {
 	padding: 1em 0;
 }

 table.tabla_buhos tr.frecuencia td span {
 	font-size: 0.8em;
 }

 
 
 
 
 
 
 
 

/* --------- alert ------------ */

#alert {
	background-color: #FEFFED;
  padding: 10px;
  border: 2px solid #555;
}
#alert ul {
	margin: 0;
	padding: 0;
}
#alert ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#alert p {
  font-size: 0.7em;
  text-align: right;
  margin: 0;
  padding: 0;
}

/* *AITOR* */
.place-marker {
  cursor: pointer;
}

.place-marker p, .place-marker img {
  margin:   0px !important;
  position: absolute;
  top:      0px;
  left:     0px;
}

#openlayers-map_OpenLayers_Container {
  cursor:   move;
}

#popup_GroupDiv {
  cursor:   auto;
}


/*
	el pop up del openlayers
*/

#popup {

}
#popup_contentDiv {

}
#popup_close {

}
#popup_contentDiv ul {
	margin: 0;
	padding: 0;
}
#popup_contentDiv {

}
#popup_contentDiv ul li {
	list-style-type: none;
}


.snippet_dbusberri {
  width: 330px;
	float: left;
	margin: 0 2.5em 2em 0;
}

#encuesta label {
	display: block;
	font-size: 0.8em;
}
#tablaencuesta {
	border-collapse: collapse;
}
#tablaencuesta tr td {
	font-size: 0.8em;
	padding: 3px;
}

/* -- páginación ------------------------------------------------------------------------------------------------------------- */
.apple_pagination {
  background: #F1F1F1;
  border: 1px solid #E5E5E5;
  text-align: center;
  padding: 1em;
 }
          
.apple_pagination a, .apple_pagination span {
	padding: .2em .3em; 
}
.apple_pagination span.disabled {
	color: #AAA;
}
.apple_pagination span.current {
	font-weight: bold;
	background: transparent url('/images/apple-circle.gif') no-repeat 50% 50%;
}
.apple_pagination a {
	text-decoration: none;
	color: black;
}
.apple_pagination a:hover, .apple_pagination a:focus {
	text-decoration: underline;
}
/* -- ^ --------------------------------------------------------------------------------------------------------------------- */

/* -- foro ------------------------------------------------------------------------------------------------------------------ */
.forumTopics table {
  border: 1px solid black;
  width: 100%;
}

.forumTopics th {
  background-color: #333333;
  color: white;
  font-weight: bold;
}

.forumTopics tr, .forumTopics td {
  border: 1px solid #DDDDDD;
}

.forumTopics tr, .forumTopics td, .forumTopics th {
  padding: 0.5em;
  text-align: left;
}

.fieldWithErrors {
  padding: 2px;
  background-color: #c00;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h4 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

p.flash_notice, p.flash_error {
  background: #DDFF99 none repeat scroll 0 0;
  border: 1px solid #BBDD77;
  font-size: 0.8em;
  margin-top: 0;
  padding: 7px 15px;
}

p.flash_error {
  background: red none repeat scroll 0 0;
  border: 1px solid red;
}

#forumPosts table {
  width: 100%;
}

#forumPosts .avatar {
  float:        left;
  margin-right: 0.5em;
}

#forumPosts .author {
	border-top:2px solid #eee;
	padding:5px 10px;
	background:#eee;
	font-weight:bold;
	color:#333;
	font-size:0.9em;
	min-height:32px;
	width:15em;
	min-width:8em;
	vertical-align:top;
}

#forumPosts .body {
	border-top:2px solid #eee;
	font-size:0.9em;
	padding:10px 20px;
}

#reply {
  margin-top: 1em;
	border:2px solid #eee;
	padding:10px 20px;
}


/* -- ^ --------------------------------------------------------------------------------------------------------------------- */
#galeriaDibujos .snippet {
	float: left;
	width: 245px;
	padding: 5px;
	text-align: center;
}

#galeriaDibujos h3, #galeriaDibujos h4 {
	clear: both;
}