@charset "utf-8";
/* CSS Document */
#titolpag{
	width: 250px;
	margin-left: 2px;
	height: 30px;
	margin-top: 0px;
	}
#quadrecapsalera {
	padding-left: 50px;
	float: left;
	height: 120px;
	clear: both;
}
#dretacap{
	width: auto;
	float: left;
	margin: 0 auto;
	height: auto;
}
#direccionscontinent {
	width: 650px;
	margin-left: 10px;
	height: auto;
	border: thin solid #CCCC99;
	padding: 10px;
	background-color: #FFFFFF;
}
#directions {
	margin-left: 0px;
	height: auto;
	overflow: auto;
	max-height: 344px;
	padding: 10px;
	width: 375px;
}
#map_canvas {
	width: 460px;
	height: 485px;
	float: left;
	border: 1px solid #77645D;
	margin-top: 20px;
	padding-right: 0px;
	margin-bottom: 10px;
}
#com_arribar {
	float: left;
	clear: both;
}
#MapaiRuta {
	float: left;
}
.formcamp {
	font-family: tahoma, Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #333333;
}
#formDesde {
	width: 270px;
	margin-left: 0px;
	height: auto;
	}
.menuDalt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	width: 70px;
	padding: 2px 0px 2px 0px;
	font-style: normal;
	font-weight: lighter;
}
.mapa {
margin-top: 10px;
position: relative
}

/* leyenda */
.legend h3 {
	color: #666;
	font-size: 14px;
	margin-top: 8px
}

.legend img {
	top:10px;
	left:0px;
	position:relative;
}

.legend fieldset {
	border: 1px solid #ececec;
	margin-top: 8px;
	padding: 0px 0px;
	background: #fcfeff url(/img/mapa/bg-legend.gif) 0 bottom repeat-x
}

.legend label {
	font-weight: bold;
	font-size: 12px;
	color: #666;
	padding: 3px 0 1px 2px;
	line-height: 14px;
}

.legend input {
	vertical-align: middle;
	line-height: 12px;
	margin-left:2px;
}

.legend fieldset p {
	margin-top: 5px;
	margin-left: 2px;
}

/* bocadillo en mapa grande */
.bubble {
	width: 161px;
	background: transparent url(/img/mapa/bubble-botom.png) 0 bottom no-repeat;
	position: absolute;
	padding-bottom: 22px
}
.bubble .vcard {
background: transparent url(/img/mapa/bubble-top.png) 0 0 no-repeat;
padding: 6px 9px 10px 9px
}
.bubble h3 {
line-height: 22px;
background: url(/img/mapa/icon-legend.gif) right 2px no-repeat
}
.bubble p {
margin: 0;
line-height: 1.1 
}
.bubble p.tools {
font-size: 10px; 
margin-top: 4px
}
#mapa img {
position: absolute;
cursor: pointer
}

h3.resourcemap {
color: #666;
font-size: 14px;
margin-top: 15px;
}
a.resourcemap { 
display: block;
background: url(/img/mapa/bg-map.gif) left bottom no-repeat;
font-size: 12px;
line-height: 15px;
color: #FFF;
padding: 3px 20px 10px 20px;
text-align: center;
}

/* bocadillo en mapa pequeño */
.bubble2 {
	width: 50px;
	background: transparent url(/img/mapa/bubble2-botom.png) 0 bottom no-repeat;
	position: absolute;
	padding-bottom: 8px
}
.bubble2 div {
background: transparent url(/img/mapa/bubble2-top.png) 0 0 no-repeat;
padding: 6px 10px 10px 10px
}
.bubble2 h4 {
line-height: 22px;
color: #FFF;
font: normal 10px Arial, Helvetica, sans-serif;
}

/*estilos de listas*/
table.lista_general{
	width:760px;
	border-style:solid;
	border-width:1px;
}

table.lista_general tr.encabezado{
	font-weight:bold;
	background-color:#b32264;
	color:#FFFFFF;
	width:350px;
}

table.lista_general tr.encabezado a{
	color:#FFFFFF;
}

/*Fila impar en lista de aperturas*/
table.lista_general tr.fila0{
	background-color:#EEEEFF;
}

/*Fila impar en lista de aperturas*/
table.lista_general tr.fila1{	
	background-color:#CCCCEE;
}

/*Estilos para el como llegar*/
div.como_llegar{
	padding:0px 5px 5px 5px;
	margin-bottom:10px;
}

div.como_llegar input{
	width: 200px;
}

div.como_llegar h2{
	font-size:14px;
}

div.como_llegar div.origen{
	padding-left:20px;
	width:200px
}

div.como_llegar div.destino{
	padding-left:20px;
	width:200px
}

div.como_llegar div.boton{
    margin-top:5px;
    padding-left:100px;
}

div.como_llegar div.boton input{
    width:130px;
}

div.como_llegar div.resumen{
	float:right;
	position:relative;
	width:200px;
	height:100px;
}

div.como_llegar div.resumen strong{	
	color:#b32264;
	font-weight:bold;
}

div#indicaciones_ruta{
	padding: 5px; 
	overflow: auto; 
	height: 200px;
	width: 500px;
	display:none;
	padding:0px;
	margin-bottom:5px;
}

div#indicaciones_ruta table{
	width: 482px;
}

div#indicaciones_ruta table tr.extremoRuta{
	background-color:#b32264;
	color:#FFFFFF;
	border:1px solid #000;
}

div#indicaciones_ruta table tr.extremoRuta td{
	padding-left:25px;
}

div#indicaciones_ruta table td.num{
	width:20px;
	text-align:right;
	vertical-align:text-top;
}

div#indicaciones_ruta table tr.fila0{
	background-color:#EEEEFF;
	cursor:pointer;
}

div#indicaciones_ruta table tr.fila1{
	background-color:#CCCCEE;
	cursor:pointer;
}

/*ESTILOS DE LAS FICHAS DEL MAPA*/
div.detalle_archivo{
	width: 250px;
	padding:0px;
}

div.detalle_archivo h3{
	font-size:12px;
	margin-bottom:0px;
}

div.detalle_archivo div{
	margin:0px;
	padding:0px;
}

div.detalle_archivo p.enlaces{
	position: absolute;
	bottom:0px;
	left: 10px;
}

div.detalle_archivo img.acercar{
	position: relative;
	margin-left:0px;
}


div.detalle_archivo img.alejar{
	position: relative;
	margin-left:18px;
}

.block_e {
	float: left;
	width: 400px;
	padding-right: 10px;
}
.subr {
	text-decoration: underline;
}
.titbubble {
	font-family: Trebuchet MS, Tahoma, Arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: underline;
}