/***************** IZQUIERDA ************************/
.contenido h1 {
	font-size:20px;
	border-bottom: 1px solid #000;
	margin:10px 10px 10px 0px;
}
.contenido h2 {
	font-size:15px;
	margin: 10px 0px 5px 0px;
}
.contenido p {
	margin:0px 20px 10px 0px;
	text-align:justify;
}
.contenido img.izq {
	float:left;
	margin-right:0px;
}
.contenido img.txt {
	border:none;
	float:left;
	margin: 10px 20px 10px 0px;
}
.contenido ul.texto {
	padding:5px 20px 10px 0px;
}
.contenido ul.texto li {
	list-style:square;
	list-style-position:inside;
	padding:0px 0px 3px 25px;
}
.izquierda {
    width: 411px;
	border-right: 1px solid #999;
	float:left;
	padding-right:10px;
}
.izquierda bold {
	font-weight:bold;
}
.izquierda p {
	padding: 10px 0px 10px 0px;
	margin-right:0px;	
}

.izquierda .piefoto {
    clear: left;       
	padding:0px; 
    text-align:center; 
}

.izquierda .piefoto p{
    text-align:justify;  
    padding: 0 20px 20px;
    font-weight: normal;
    
}

.izquierda .fotoGaleria{
    width:410px;
    height: auto;              
    margin: 5px auto;
    text-align: center;  
}
 .izquierda .fotoGaleria img { 
    float:none;  
    margin-bottom:0px;
 }
 
.izquierda .infoComollegar {
    font-size: 1em;
    font-family: sans-serif;
    font-weight: bolder;  
    margin-bottom:10px;
    padding-bottom:10px;
    background: url(../img/bg-info-bottom.jpg) no-repeat left bottom;    
    text-align:left;    
}   
.izquierda .infoComollegar p{
    margin:0px;
    padding:0px;      
}  

/* Información EMPRESA  */
.izquierda .info {
    font-size: 1em;
    font-family: sans-serif;
    font-weight: bolder;  
    margin-bottom:15px;
    padding-bottom:30px;
    background: url(../img/bg-info-bottom.jpg) no-repeat left bottom;  
    text-align:right; 
     
       
}   
.izquierda .info p{
    margin-top:0px;       
    margin-bottom:2px;
    /* */
    width:auto;
    float:none;
   
}

.izquierda .info a{
    text-decoration: underline;
    font-weight: normal; 
    
    /* */ 
    width:auto;
    float:none;
        
}

.izquierda .info img { 
    border:0;
    margin-top:5px;
    margin-bottom:12px; 
    /* */ 
    margin-right:10px;
    float:left;
     
}
/* --------------------------------- */
 /*
 .izquierda .info {
    font-size: 1em;
    font-family: sans-serif;
    font-weight: bolder;  
	margin-bottom:10px;
	padding-bottom:5px;
	background: url(../img/bg-info-bottom.jpg) no-repeat left bottom;   
    overflow: auto;   
      
    
}   
.izquierda .info p{
	margin-top:-10px;
	margin-bottom:2px;
    position: relative;
   
}

.izquierda .info a{
    text-decoration: underline;
    font-weight: normal; 
    position: relative;
        
}

.izquierda .info img { 
    position: relative;
    margin-top:-10px;
    margin-bottom:2px; 
    
    
}
*/
.izquierda .sin {
	background: none;
}
.izquierda h3 {
	font-size:12px;
	color:#CC0000;
	background: url(../img/bg-info-bottom.jpg) no-repeat left bottom;
	margin: 10px 0px 10px 0px;
}
.izquierda h3.bulet{
	font-size:13px;
	color:#000;
	background: url(../img/bg-h3-bulet.jpg) no-repeat left bottom;
	margin: 10px 0px 10px 0px;
	padding:0px 0px 2px 20px;
}
.izquierda h4.info {
	font-size:1.3em;
	float: right;
}

.izquierda h5 {
	font-size:18px;
}

.izquierda h6 {
	font-size:14px;
}
.izquierda h6.linea {
	font-size:14px;
	border-bottom:1px solid #000;
   clear: both;
}

.izquierda img {
	border:1px solid #666;
	float:left;
	margin-bottom:10px;
}
#map {
    border:1px solid #666;
    float:left;
    margin-bottom:10px;
}

.izquierda .mapa {
    clear: left;
    float:left;   
 
}
.izquierda img.sin {
	border:none;
	float:left;
	margin: 0px 0px 10px 0px;
}
.izquierda img.izq {
	border:1px solid #666;
	float:left;
	margin: 0px 10px 10px 0px;
}

.izquierda img.derecha {
	border:1px solid #666;
	float:right;
	margin: 0px 0px 10px 10px;
}
.izquierda ul{ 
padding:10px;
}
.izquierda li {
	background:url(../img/bulet.gif) left center no-repeat;
	padding-left: 7px;
	font-weight:bold;
}
.izquierda .productos {
    width: 180px;
	float:left;
	margin:0px 0px 10px 10px;
	font-size:12px;
	font-weight:bold;
	height:90px;
}
.izquierda .productos img{
	margin-right:10px;
}

.izquierda .productos a:link, .izquierda .productos a:visited{
	color:#000;
	text-decoration:underline;

}
.izquierda .productos a:hover, .izquierda .productos a:active {
	color:#cc0000;
	text-decoration:none;
}


/** Editor ***/  
.izquierda .formatoContenido{
    width:410px;
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 1em;
    height: auto;
    clear: both;
    float: left;
    margin-bottom: 10px;



} 

.izquierda .formatoContenido img{
    float:none;
    margin:10px auto;
    border:1px solid #000;
    display:block;
}
.izquierda .formatoContenido p{
    padding:0;
    margin:2px 0 0 0;
    text-align:justify;
}

.izquierda .formatoContenido .colL{
    float:left;
    margin-right:15px;
    display:inline;
}
.izquierda .formatoContenido .colR{
    float:right;
    margin-left:15px;
    display:inline;
}
.izquierda .formatoContenido h6{
    font-weight: bolder;  
    margin: 10px 0px 3px 0px;
    font-size:1.2em;  
    display:block;   
    text-transform:uppercase;                 
}           
.izquierda .formatoContenido a,
.izquierda .formatoContenido a:link,
.izquierda .formatoContenido a:visited,
.izquierda .formatoContenido a:active{
    color: #e9001e !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: bold !important;
    font-size: 1em !important;
    line-height: normal !important;
    text-decoration: underline !important;
}
.izquierda .formatoContenido a:hover{
    text-decoration: none !important;
}
/*****************FIN Indicaciones trayecto ************************/
.indicaciones h5 {
	margin-top:10px;
	background-color:#FF9900;
	color:#fff;
	font-size:12px;
	padding:3px 20px 3px 20px;

}
.indicaciones table {
	width:411px;
}
.indicaciones tr{
	background-color:#eaeaea;
}
.indicaciones tr.gris{
	background-color:#ccc;
}
.indicaciones td{
	padding:0px 10px 0px 10px;
	margin:0px;
}
.indicaciones td.km{
	border-left:1px solid #fff;
	width:40px;
}
.indicaciones p{
	text-align:center;
}
.indicaciones p.rojo{
	color:#CC0000;
	padding:0px 10px 0px 0px;
	float:left;
}
.indicaciones a:link, .indicaciones a:visited{
	color:#CC0000;
	text-align:center;
}
.indicaciones a:hover, .indicaciones a:active{
	color:#CC0000;
	text-align:center;
}
.indicaciones img{
	border:none;
}
/*****************FIN Indicaciones trayecto ************************/


/***************** DERECHA ************************/

.derecha {
	width: 178px;
	float:right;
}
.derecha bold {
	font-weight:bold;
}
.derecha h3 {
	font-size:12px;
	background-color:#333;
	padding: 4px 10px 0px 0px;
	height: 21px;
	text-align:right;
	color:#fff;
}
.derecha p{
	padding:10px;
	margin-right:0px;
	text-align:justify;	
}
.derecha p.centrado{
	padding:10px;
	text-align:center;
	margin-right:0px;
	
}
.derecha .datos {
    font-size: 1em;
	padding:10px 10px 0px 10px;	
}
.derecha .datos p{
	padding:0px 0px 5px 0px;
	
}

.derecha .datos h4{
	font-size:12px;	
}
.derecha .datos .email a{
    color:#000;
    text-align:center;
    text-decoration:none;
}
.derecha .datos a{
	color:#CC0000;
	text-align:center;
	text-decoration:underline;
}
.derecha p.boton{
	background-image: url(../img/bg-boton.jpg);
	background-repeat: repeat-x;
	padding:10px;
	text-align:center;
	width:138px;
	font-size:11px;
	font-weight: bold;	
	margin-left:10px;
}
.derecha p.boton a{
	color:#000;
	
}
.derecha p.boton a:hover{
	color:#CC0000;
	text-decoration:none;
	
}
.derecha .barra{
	background: url(../img/bg-barra-derecha.jpg) no-repeat left bottom;
	height:5px;
	margin:10px 0px 10px 10px;
}
.derecha .submenu {
	margin: 10px 10px 10px 10px;
	font-size:12px;
	background: url(../img/bg-barra-derecha.jpg) no-repeat left bottom;
	padding:5px 0px 5px 0px;
    
}
.derecha ul.submenu {
	margin: 10px 10px 10px 10px;
	font-size:12px;
	background: url(../img/bg-barra-derecha.jpg) no-repeat left bottom;
	padding:5px 0px 5px 0px;
}
.derecha ul.submenu li{
	background:url(../img/bulet-bola.gif) no-repeat left 3px;
	color:#CC0000;
	height:25px;
	margin-left:0px;
	padding-left:15px;
}

.derecha ul.submenu li a:link, .derecha ul.submenu li a:visited{
	list-style-image:url(../img/bulet-bola.gif);
	color:#000;
}
.derecha ul.submenu li a:hover, .derecha ul.submenu li a:active{
	color:#CC0000;
	list-style-image:url(../img/bulet-bola.gif);
}
.derecha ul.menufamilia{
	margin-top:20px;
}
.derecha ul.menufamilia li{
	background: url(../img/bg-btn-familia.jpg) no-repeat left top;
	color:#CC0000;
	height:25px;
	margin-left:10px;
	padding:0px 0px 5px 20px;
}

.derecha img.visita{
	margin:10px 0px 10px 20px;
	border:1px solid #999;
}
.derecha img.flecha{     
	margin:5px 0px 5px 80px;    
}
.derecha ul.galeria{
	margin:5px 0px 5px 10px;
	text-align:center;
}
.derecha .galeria img{
	margin:5px 0px 5px 0px;
	border:1px solid #999;
}
.derecha a.bola{
	margin:5px 0px 5px 10px;
	text-decoration:underline;
	background: url(../img/bulet-bola.gif) no-repeat left center #fff;
	padding-left:20px;
}
.derecha ul.texto{
	padding:5px 10px 5px 0px;
	margin:0px 0px 0px 25px;
	text-align:justify;
}
.derecha ul.texto li{
	padding:0px 0px 3px 0px;
	margin-right:0px;
	list-style-image: url(../img/bulet-bola.gif);
	list-style-position:outside;
	
}

.fichaMap img{
	clear:both;
	text-align:center;

}
/***************** FIN DERECHA ************************/
/*****************Formulario trayectos ************************/
form {
	margin: 0px;
	padding: 0px;
	display: block;
	width:310px;
	clear:both;	
	margin-bottom:30px;
}
form label {
	display:block;
	width:50px;
	float: left;
	text-align:right;
}
form input, form textarea, form select{
	border: 1px solid #333;
	float: left;
}
form div.fila {
	height: 30px;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 70px;
	width:310px;
}
div.btnform {
	height: 20px;
	width: 320px;
	float: left;
	padding:10px 0;
    
}
.izquierda #mapa {
    height: 366px;
    width: 404px;
    float: left;
    margin:20px 0;
    
}
div.btnform input{
	border: none;
	font-weight:bold;
	text-align:right;
	text-decoration:underline;
	padding:2px 15px 0px 10px;
	font-size:11px;
	height: 14px;
	background: url(../img/bulet-bola.gif) no-repeat right center #fff;
	float:right;
}
/*****************FIN Formulario trayectos ************************/
/***************** Formulario DERECHA ************************/
.derecha form {
	margin: 10px;
	padding: 0px;
	display: block;
	width:150px;
	clear:both;	
	margin-bottom:30px;
	height:auto;
}
.derecha form label {
	display:block;
	width:150px;
	float: left;
	text-align:left;
	margin-bottom:5px;
	
}
.derecha form input, form textarea, form select{
	border: none;
	float: left;
	margin-right:10px;
}
.derecha form checkbox{
	border: none;
	float: left;
	margin-right:15px;
}


/*****************FIN Formulario derecha ************************/
/****************LISTADO ************************/


.izquierda ul.directorio{
    font-size:15px;
    margin: 10px 0px 0px 0px;    
}
.izquierda ul.directorio li{
    list-style-image:none;
    padding: 2px 10px 3px 7px;
    background: url(../img/bg-barra-listado.jpg) no-repeat 0 top ;
    margin-bottom:10px;
    height:auto;    
}
.izquierda ul.directorio  h1{
    margin-bottom:10px;
    border:none;
    background: url(../img/bulet-bola.gif) no-repeat left 5px;
    font-size:14px;
    padding:0px 0px 0px 15px;
    margin:0px;    
}
.izquierda ul.directorio li .enlace a:link, .izquierda ul.directorio li .enlace a:visited,
.izquierda ul.directorio li .enlace a:hover, .izquierda ul.directorio li .enlace a:active{ 
    background:none;     
    text-decoration:none;
    margin:0px;
    padding:0px;
    display: inline;
}


.izquierda ul.directorio li a:link, .izquierda ul.directorio li a:visited {
    color:#000;
    background: url(../img/flecha-roja.gif) no-repeat right center;
    display:block;
    text-decoration:none;
    margin:0px;
    padding:0px;
}
.izquierda ul.directorio li a:hover, .izquierda ul.directorio li a:active{
    color:#000;
    background: url(../img/flecha-roja.gif) no-repeat right center;
    display:block;
    text-decoration:none;
}
.izquierda ul.subdirectorio{
    font-size:11px;
    margin: 10px 0px 5px 20px;
    font-weight:normal;
    background:none;
}
.izquierda ul.subdirectorio li{
    list-style-image: url(../img/bulet.gif);
    list-style-position: outside;
    padding: 2px 5px 2px 0px;
    background: none;    
    margin-bottom:0px;
}
.izquierda ul.subdirectorio li a:link, .izquierda ul.subdirectorio li a:visited{
    background: none;    
    display:inline;    
}
.izquierda ul.subdirectorio li a:hover, .izquierda ul.subdirectorio li a:active{
    background: none;    
    display:inline;    
}

.izquierda ul.directorio  ul.poligonos {
    margin:10px 0px;

}
.izquierda ul.directorio ul.poligonos li{
    background:none;
    height:auto;
    padding:0px;
    padding-bottom: 20px;
}
.izquierda ul.directorio ul.poligonos h1{
    font-size:12px;
    padding:0px;
    margin:0px 0px 5px 0px;
    color:#CC0000;
    border:none;
    background: url(../img/bg-info-bottom.jpg) no-repeat 0 bottom;    
}

.izquierda ul.directorio ul.poligonos em{
    font-size:11px;
    font-weight:bold;
    margin:0px 10px 0px 0px;
    font-style:normal;
}

.izquierda ul.directorio ul.poligonos p{
    font-size:11px;
    padding:0px;
    margin:0px 0px 5px 0px;
    font-weight:normal;
    text-align:left;

}

/****************FIN  LISTADO ************************/
table.numeros {
	width: 470px;
	margin-left:30px;	
}

td.titulo {
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #999;
	padding:0px 3px 0px 3px;
	background-color:#e2e2e2;
}
td.subtitulo1 {
	font-size:10px;
	font-weight:bold;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:2px 3px 2px 5px;
}
td.subtitulo {
	font-size:10px;
	font-weight:bold;
	padding:0px 5px 0px 15px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
}
td.numero {
	text-align:right;
	font-size:10px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding-right:4px;
}
/* Formulario Solicitar informacion*/
#content .contacto{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: normal;
     color: #000;    
     margin-bottom:20px;
	 width:550px;  
	 display: block;
}




#content .contacto .campo{
    margin-bottom: -5px;   
	margin: 20px 20px;
    padding-bottom:10px;
 
}

#content .contacto label{
    float: left;
    width:130px;
    clear: left; 
	padding: 0 10px;
}

#content .contacto textarea {
    width:280px;
	height:150px;
	border:1px solid #000;

}
#content .contacto input {    
    width:280px;

}


#content .contacto fieldset {    
    border: none;

}

#content .contacto .botonEnviar{
	margin: 40px 0px 60px 260px;
    padding-top: 10px;

}

#content .contacto img{          
    padding-top: 20px;

}

/* FORMULARIO */

p.formulario {
	background:#e2e2e2;
	padding: 20px 20px 20px 20px;
	width:540px;
	border-bottom:1px solid #fff;
	background: url(../img/bg-info-bottom.jpg) no-repeat 20px bottom;	
}
	
/* FIN */
ul.transportes {
	width:590px;	
}
ul.transportes li{
	background: url(../img/bg-boton.jpg) repeat-x 0 top ;
	padding:0px 0px 10px 5px;
}
ul.transportes li h3{
	margin:0px;
	padding:2px 10px 5px 25px;
}
ul.transportes li h3.bus{
	background: url(../img/bulet-bus.gif) no-repeat left top;
}
ul.transportes li h3.avion{
	background: url(../img/bulet-avion.gif) no-repeat left top;
}
ul.transportes li h3.tren{
	background: url(../img/bulet-tren.gif) no-repeat left top;
}
ul.transportes li h3.coche{
	background: url(../img/bulet-coche.gif) no-repeat left top;
}
ul.transportes li h4{
	color:#CC0000;
	padding:10px 0px 0px 25px;
	font-size:12px;
}
ul.transportes li p{
	margin:0px 0px 3px 26px;
}
ul.transportes li a.btn, ul.transportes li a:visited.btn{
	background:url(../img/bulet-bola.gif) no-repeat left center;
	padding-left:15px;
	text-decoration:underline;
	font-weight:bold;
	margin-left:450px;
}
ul.transportes li a:hover.btn, ul.transportes li a:active.btn{
	background:url(../img/bulet-bola.gif) no-repeat left center;
	padding-left:15px;
	text-decoration:underline;
	font-weight:bold;
	margin-left:450px;
	color:#CC0000;
}

/* como llegar */
.izquierda div.fila label{
	margin-right:20px;
	margin-left:80px;
}
.izquierda div.fila input{
	width: 180px;
    
    
} #content .botonVolver{
    float:right;
    margin: 10px 20px 20px 0;
    border: none;

}
#mostrarIndicaciones{
    
    display: none;

}

.enlaceEstatico a, .enlaceEstatico a:link, .enlaceEstatico a:visited{
   color:#000;
   text-decoration:underline;
   font-weight: normal;
}

.enlaceEstatico a:hover{
   text-decoration:underline;
   color:#333;
}

/* mensaje */
.mensaje{
    text-align: center;
    font-weight: bolder;
    margin: 50px auto; 


}

/* captcha */
#content .contacto #campoCaptcha.campo.campoCaptcha{
width:320px;
padding-top: 20px;
}
#content .contacto #campoCaptcha.campo.campoCaptcha label{
float:left;
text-align:right;
margin-right:35px;
padding-top: 20px;   
}
#content .contacto #campoCaptcha.campo.campoCaptcha img,
#content .contacto #campoCaptcha.campo.campoCaptcha input{
padding: 10 0px;
}
#content .contacto #campoCaptcha.campo.campoCaptcha input{  
width: 80px;
}

