@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body{
	font-family: Arial;
	background:url(../img/body-bkg.jpg) repeat-x top left #c7e0ff;
	height: 100%;
	font-size:12px;
}
h1{ font-size:18px;}
h2{ font-size:16px;}
h3{ font-size:14px;}
h4{ font-size:14px;}
hr{ color:#006dda;}

a{
	color:#0A56AF;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#4F9FFF;
	text-decoration:none;
	font-weight:bold;
}

a:active{
	color:#0A56AF;
	text-decoration:none;
	font-weight:bold;
}

a:visited{
	color:#0A56AF;
	text-decoration:none;
	font-weight:bold;
} 

h1,h2{
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
}

h3{
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
}

#maincontainer {
	height: 100%;
	width: 98%;
	min-width: 760px;
	float:left;
	margin: 0 1%;
}

#topmenu {
	float: left;
	height: 27px;
	width: 100%;
}

#topmenu a{
	margin: 4px 0 0 0;
}

#topmenu a.inicio {
	width: 67px;
	height: 23px;
	background: url(../img/inicio.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#topmenu a:hover.inicio {
    background-position: 0px -23px;
}

#topmenu a.productos {
	width: 102px;
	height: 23px;
	background: url(../img/productos.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#topmenu a:hover.productos {
    background-position: 0px -23px;
}

#topmenu a.nosotros {
	width: 94px;
	height: 23px;
	background: url(../img/nosotros.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#topmenu a:hover.nosotros {
    background-position: 0px -23px;
} 

#topmenu a.ayuda {
	width: 78px;
	height: 23px;
	background: url(../img/ayuda.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#topmenu a:hover.ayuda {
    background-position: 0px -23px;
}

#topmenu a.contacto {
	width: 114px;
	height: 23px;
	background: url(../img/contacto.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#topmenu a:hover.contacto {
    background-position: 0px -23px;
}

#topmenu span{
	float: right;
	width: 100px;
	height:100%;
	margin: 0 10px 0 0;
}

#topmenu span img{
	margin: 4px 1px 4px 0;
	border:#000 solid 1px;
}

#header {
	background:url(../img/header-bkg.jpg) repeat-x;
	float: left;
	height: 92px;
	width: 100%;
	border-right: 1px solid #006dda;
	border-left: 1px solid #006dda;
}

#logo {
	float: left;
	height: 64px;
	width: 250px;
}

#logo img {
	margin: 0;
	padding: 0;
}

#banner {
	float: right;
	height: 64px;
	width: 472px;
	text-align:left;
}

#banner img{
	margin: 2px;
	padding: 0;
	border:none;
}

#menu {
	background:url(../img/menu-bkg.jpg) repeat-x;
	float: left;
	height: 28px;
	width: 100%;
}

#menu a.amarillas {
	width: 147px;
	height: 28px;
	background: url(../img/amarillas.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#menu a:hover.amarillas {
    background-position: 0px -28px;
}

#menu a.economicos {
	width: 161px;
	height: 28px;
	background: url(../img/economicos.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#menu a:hover.economicos {
    background-position: 0px -28px;
} 

#menu a.creartour {
	width: 150px;
	height: 28px;
	background: url(../img/crear-tour.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#menu a:hover.creartour {
    background-position: 0px -28px;
}

#menu a.mapas {
	width: 161px;
	height: 28px;
	background: url(../img/mapas.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#menu a:hover.mapas {
    background-position: 0px -28px;
}


#restriccion {
	background:url(../img/restriccion.jpg);
	position:relative;
	float: left;
	width: 161px;
	height: 28px;
}

#restriccion input{
	position:absolute;
	float: left;
	width: 20px;
	height: 20px;
	top: 4px;
	left: 4px;
}

#restriccion label{
	position:absolute;
	width:50px;
	height:27px;
	font-size:20px;
	font-weight:bold;
	color:#324171;
	top:1px;
	left:105px;
}

#sitebody {
	height: 100%;
	width: 100%;
	float:left;
}

#left {
	height: auto;
	width: 320px;
	vertical-align:top;
	border-left:#006dda solid 1px;
	background:#FFF;
}

#search {
	position:relative;
	background:url(../img/buscar-bkg.jpg) repeat-x top;
	float: left;
	height: 183px;
	width: 319px;
	border-bottom:#006dda solid 1px;
	padding: 15px 0 0 0;
}

#search div{
	margin: 1px 9px 2px;
	float: left;
	height: 26px;
}

#search div span{
	text-align:right;
	width: 100px;
	float: left;
	font-size:12px;
	font-weight:bold;
	margin: 0 4px 0 0;
}

#search div#aspsearch{
	width: 191px;
	float: left;
	margin:0;
	padding:0;
}

#search div select#comboCategoria{
	width: 195px;
	float: left;
}

#search div select#comboPais{
	width: 155px;
	float: left;
}

#search div select#comboProvincia{
	width: 155px;
	float: left;
}

#search div select{
	width: 155px;
	float: left;
	margin: 0;
}

#search div#Search_button{
	position:absolute;
	top: 130px;
	left: 272px;
	margin:0;
	padding:0;
	float:right;
	width: 40px;
	height: 55px;
}

#search div#Search_button input.search {
	width: 40px;
	height: 55px;
	background: url(../img/busqueda-btn.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
	border:none;
	font-size: 0.1px; 
	line-height: 0;
	text-transform: capitalize;
    color: transparent;
    /*padding: 0 0 0 100px !important;*/
    overflow: hidden;
	text-indent:-9999px;
}
#search div#Search_button input:hover.search {
    background-position: 0px -55px;
}

/*#search div#Search_button a.ubicame span p{
	visibility:hidden;
}*/

#search div#udpEnviarDatos{
	margin:0;
	padding:0;
	float:right;
	width: 40px;
	height: 55px;	
}

#search div#Ofertas_button{
	background:url(../img/ofertas-bkg.jpg);
	position:absolute;
	top: 70px;
	left: 272px;
	margin:0;
	padding:0;
	float:right;
	width: 40px;
	height: 55px;
}

#search div#Ofertas_button input{
	position:absolute;
	float: left;
	width: 20px;
	height: 20px;
	top: 30px;
	left: 15px;
}

#search2 {
	position:relative;
	background:url(../img-am/buscar-bkg.jpg) repeat-x top;
	float: left;
	height: 183px;
	width: 319px;
	border-bottom:#006dda solid 1px;
	padding: 5px 0 0 0;
}

#search2 div{
	margin: 1px 9px;
	float: left;
	height: 24px;
}

#search2 div span{
	text-align:right;
	width: 100px;
	float: left;
	font-size:12px;
	font-weight:bold;
	margin: 0 4px 0 0;
}

#search2 div#aspsearch{
	width: 191px;
	float: left;
	margin:0;
	padding:0;
}

#search2 div select#comboCategoria{
	width: 155px;
	float: left;
}

#search2 div select#comboPais{
	width: 155px;
	float: left;
}

#search2 div select#comboProvincia{
	width: 155px;
	float: left;
}

#search2 div select{
	width: 155px;
	float: left;
	margin: 0;
}

#search2 div#Search_button{
	position:absolute;
	top: 130px;
	left: 272px;
	margin:0;
	padding:0;
	float:right;
	width: 40px;
	height: 55px;
}

#search2 div#Search_button input.search {
	width: 40px;
	height: 55px;
	background: url(../img-am/busqueda-btn.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
	border:none;
	font-size: 0.1px; 
	line-height: 0;
	text-transform: capitalize;
    color: transparent;
    /*padding: 0 0 0 100px !important;*/
    overflow: hidden;
	text-indent:-9999px;
}
#search2 div#Search_button input:hover.search {
    background-position: 0px -55px;
}

/*#search div#Search_button a.ubicame span p{
	visibility:hidden;
}*/

#search2 div#udpEnviarDatos{
	margin:0;
	padding:0;
	float:right;
	width: 40px;
	height: 55px;	
}

#search2 div#Ofertas_button{
	background:url(../img-am/ofertas-bkg.jpg);
	position:absolute;
	top: 70px;
	left: 272px;
	margin:0;
	padding:0;
	float:right;
	width: 40px;
	height: 55px;
}

#search2 div#Ofertas_button input{
	position:absolute;
	float: left;
	width: 20px;
	height: 20px;
	top: 30px;
	left: 15px;
}

#results {
	position:relative;
	float:left;
	min-height: 358px;
	height: auto;
	width: 268px;
	border-right:#006dda solid 1px;
}

#results2 {
	position:relative;
	float:left;
	min-height: 358px;
	height: auto;
	width: 319px;
}



#divTAGS{
	margin:10px 9px;
	float:left; 
	max-height:100%;
	clear:both;
}
#gridResultados{
	position:absolute;
	top:0;
	left:0;
	height:358px; 
	max-height:358px;
	width:100%;
	float:left;
	font-size: 11px;
	color:666;
	clear:both;
}
#gridResultados table tr td span{
	text-align:left;
	background:#FFF;
}
#udpResultado{ height:100%; width:100%;}
#grdResultados{ height:100%; width:100%;}

.HeaderGrid { background:#ffffff; width:268px; height:24px; font-size:14px;}
.HeaderGrid th{ text-align:left; padding: 0 0 0 5px;}
.etiquetasGrid { margin:0px 0 0 5px; font-size:12px; font-weight:bold; color:#0A56AF; width:209px; height:auto; min-height:19px; line-height:19px; float:left;}
.Provincia { margin:2px 0 0 5px; font-size:10px; font-weight:bold; width:209px; height:12px; float:left; line-height:12px}
.labelsGrid { margin:0 0 0 5px; font-size:12px; font-weight:bold; width:66px; height:12px; float:left;}
.datosGrid { font-size:12px; font-weight:normal; width:143px; height:12px; float:right;}
.CatIcon { margin: 29px 14px 0 10px; float:left; width:30px; height:30px;}
.CheckBox { margin: 2px 0 0 10px; width:18px; height:18px; float:left;}
.Pagergrid { background:#FFF; color:#0A56AF;}
.TextoCombos { font-size:12px; text-transform:uppercase;}
.Ubicaion{ font-size:12px; font-weight:normal; padding-left:5px}
.nodata{ font-size:14px; font-weight:normal; padding:80px 50px; background:#FFF; float:left;}





#politico_bar{
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	height:auto; 
	max-height:348px;
	width:268px;
	float:left;
	font-size: 12px;
	color:666;
	clear:both;
	text-align:left; 
	display: block;
} 

#politico_bar p{
	padding:0 0 0 10px;
	min-height:18px;
}  

#politico_bar p img{
	float:left;
} 

#politico_bar p a{
	padding:0;
}

.HeaderResultado{ background:#ffffff; font-size:14px; font-weight:bold; width:268px; height:22px; text-align:center; margin:0; line-height: 22px; color:#000;}
.rutatips{ margin: 0 0 10px 0;}
.rutatips span{ margin: 0 10px; float:left;}
.rutatips span img{ float:left; width:16px; height:16px; border:none;}
.headersmall{ margin:0 0 0 10px; font-size:14px; font-weight:bold; line-height:20px; width:258px;}
.headersmall p a{ color:#2D8BFD;}
#side_bar{ float:left; text-align:left; position:absolute; top:100px; left:0;}
#side_bar table{ float:left; text-align:left;}
.fila{ margin:0; float:left;}
.button{ color:#0A56AF; margin:0 0 0 10px; font-size:14px; font-weight:bold; line-height:20px; width:258px;}
.style7{ margin:0 0 0 20px; font-size:12px; line-height:16px; background:#FFF; z-index:100;}
.ubidatos{ position:absolute; top:35px; left:0; font-size:14px; line-height:18px; background:#FFF; z-index:200; width:243px; float:left;}
/*.ubidatos span{ margin:0 0 0 20px;}*/
#Info_TiempoDist{ margin:0px 0 0 10px; font-size:12px; font-weight:normal; line-height:20px;}
.distanciatotal{ margin:0px 0 0 10px; font-size:12px; font-weight:normal; line-height:18px; height:auto; width:258px; float:left;}

#control {
	background:#ecf5fe;
	float:left;
	height: 356px;
	width: 50px;
	margin: 0;
	padding: 2px 0;
}

#control a{
	margin: 1px 0 0 2px;
	padding: 0;
	border:none;
}

#control a.ubicame {
	width: 46px;
	height: 60px;
	background: url(../img/ubicame.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#control a:hover.ubicame {
    background-position: 0px -60px;
}

#control a.ubicame span p{
	visibility:hidden;
}

#control a.pto-inicial {
	width: 46px;
	height: 46px;
	background: url(../img/pto-inicial.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#control a:hover.pto-inicial {
    background-position: 0px -46px;
} 

#control a.pto-inicial span p{
	visibility:hidden;
}

#control a.pto-intermedio {
	width: 46px;
	height: 46px;
	background: url(../img/pto-intermedio.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#control a:hover.pto-intermedio {
    background-position: 0px -46px;
}

#control a.pto-intermedio span p{
	visibility:hidden;
}

#control a.pto-final {
	width: 46px;
	height: 46px;
	background: url(../img/pto-final.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#control a:hover.pto-final {
    background-position: 0px -46px;
}

#control a.pto-final span p{
	visibility:hidden;
}

#control a.crear-ruta {
	width: 46px;
	height: 46px;
	background: url(../img/crear-ruta.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#control a:hover.crear-ruta {
    background-position: 0px -46px;
}

#control a.crear-ruta span p{
	visibility:hidden;
}

#control a.calc-distancia {
	width: 46px;
	height: 46px;
	background: url(../img/calc-distancia.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#control a:hover.calc-distancia {
    background-position: 0px -46px;
} 

#control a.calc-distancia span p{
	visibility:hidden;
}

#control a.limpiar {
	width: 46px;
	height: 46px;
	background: url(../img/limpiar.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#control a:hover.limpiar {
    background-position: 0px -46px;
}

#control a.limpiar span p{
	visibility:hidden;
}

#right {
	position:relative;
	float:left;
	min-height: 548px;
	height: inherit;
	vertical-align:top;
	border-right: 1px solid #006dda;
	border-left: 1px solid #006dda;
	background:#f5fbff;
	width:100%;
}

#cargando {
	font-size:14px;
	font-weight:normal;
	height:auto;
	left:250px;
	position:absolute;
	top:170px;
	width:100px;
	z-index:2;
	background:#EBF3FE;
	padding:5px;
	text-align:left;
}

#map_canvas {
	width: 100%; 
	height:558px;
	text-align: center;
	z-index:1;
}



/* Estilos de la página Contáctenos */
#Contactenos
{ 
    float:left;
    padding:20px 30px 30px;
	text-align:left;
}
#contactenosheader {
	text-align:left;
	width:558px;
}
#contactenosheader span{
	float:right;
	position:absolute;
	left:338px;
}
#contactenosheader span a.personal {
	width: 100px;
	height: 40px;
	background: url(../img/contactopersonal.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#contactenosheader span a:hover.personal {
    background-position: 0px -40px;
}
#contactenosheader span a.servicios {
	width: 150px;
	height: 40px;
	background: url(../img/contactoservicios.jpg) 0 0 no-repeat;
	text-decoration: none;
	float:left;
}
#contactenosheader span a:hover.servicios {
    background-position: 0px -40px;
}
#Contactenos label
{ 
	text-align:left;
	float: left;
	font-size:12px;
	font-weight:normal;
	height:auto;
	line-height:20px;
}
#Contactenos input
{ 
    float:right;
	width:200px;
	margin:0 5px 0 53px;
}
#Contactenos select
{ 
    float:right;
	width:204px;
	margin:0 5px 0 53px;
}
#Contactenos textarea
{ 
    float:left;
	width:553px;
	margin:0 5px 0 0;
	height:120px;
}
#Contactenos .submit input
{ 
    float:left;
	width:auto;
	margin:5px 5px 0 0;
}
 
 
 

#Contenido 
{
    float:left;
    padding:20px 3% 30px;
	text-align:left;
	font-size:16px;
	width:94%;
 }
 
#Contenido h2 
{
    font-size:16px; color:#0066FF; 
    text-align:left;
 }
 
#Contenido li 
{
    font-size: 12px;
    list-style-type:none;
 }
 
#Contenido p 
{
    font-size: 12px; 
    text-indent:1.5px;
 }
 
#Contenido h3{ font-size:14;}

.Header2 { background:#dbebff; font-size:14px; font-weight:bold; width:608px; height:25px; text-align:center; padding:0 0 0 10px; line-height: 25px;}




/* Estilos del InfoWindows */
.nombre {
	font-size: 14px;
	font-weight:bold;
	color: #0A56AF;
	text-align:left;
	margin: 0 0 5px 5px;
}
.subtitulo {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align:right;
	padding: 0 15px 0 5px;
	float:left;
	width:100px;
}
.contenido {
	font-size: 12px;
	font-weight:normal;
	text-align:left;
	float:left;
	width:190px;
}
 /* APARTADO FORMATOS DEL INFOWINDOW */
 #InfoWindow 
 {
   	width:auto; 
	height: 204px;
	background:#FFFFFF;
	text-align:left;
}

#ImagenInfo 
{ 
    float:left; height: 124px;
    border-style:solid; border-width:1px; border-color:Gray;
 }
 
.tooltip
{
	font-size:14px;
	font-weight:bold;
}
 /* APARTADO FORMATOS DEL UBITOOLTIP */
.UBITooltip
 {
   	width:auto;
	height:auto;
	background:#FFFFFF;
	font-size:12px;
	text-align:left;
}
.UBITooltip p
 {
	 margin:0;
	 padding:0;
}

.UBITooltip a#nombreubi {
	font-size:20px;
	font-weight:bold;
	color: #0A56AF;
	margin: 0 0 5px 5px;
 }
.subtituloubi {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align:left;
	padding: 0 10px 0 0;
	width:80px;
}
.contenidoubi {
	font-size: 12px;
	font-weight:normal;
	text-align:left;
	width:auto;
}


#Lista_Categorias
{ 
    float:left;
	width: 100%; 
	height:548px;
	margin-top:0;
	overflow:scroll;
}
ol 
{
    float:left;
    padding:20px 0 20px 30px;
 }
#Amarillas li
{
	padding: 2px 2px 2px 1px;
text-align: left;
font-size: 10px;
/*list-style-type:square;*/
font-weight:normal;
DISPLAY: table;
FLOAT: left;
WIDTH: 270px;
} 

#Amarillas a 
{   
   color:#000000;
   font-weight:normal;
   text-align: left;
   padding-left:15px;
 }
 
#Amarillas a:hover
{ 
 /*background-color:#FFBD06;/*#59AAEC;*/
 color:#4F9FFF;

 }
 
#BusquedaAmarillas
{ 
  width:100%;
  height:auto; 
  float:left; 
  background-color:#FFF025;
  border-color:Gray;
  border-style:solid;
  border-width:1px;
  padding-top:15px;
  padding-bottom:15px;
    
}
#LateralAmarillas { width:29%; float:left; height:600px;}
#ContenidoAmarillas { width:558px; float:left;text-align:left; padding:20px 30px 0;}
#ContenidoAmarillas span{ text-align:left;}
.EncabezadoAmarillas{ color:Black; font-size:14px; font-weight:bold; background-color:#edff26; float:left; width:548px; height:20px; line-height:27px; padding:5px; background: url(../img/EncabezadoAmarillas.jpg) repeat-x top;}
.LabelsAmarillas { color:Black; font-size:12px; float:left; width:10%; height:20px; line-height:20px; padding:0 0 0 5px; font-weight:bold;}
.Amarillaslink{ float:right;
font-size:14px;
height:20px;
line-height:35px;
position:absolute;
right:30px;
text-align:left;
width:auto;}
.Pager{ height:20px;}
.Pager td table td{ height:20px; padding:18px 0 0 0;}
.DatosAmarillas { color:Black; font-size:12px; float:left; width:80%; height:20px; line-height:20px;}


#lista-productos td{
	vertical-align:top;
	padding:5px;
	width:250px;
	float:left;
}

 .Lista 
 {
    list-style-type:none;
 }
 
 .Lista img
 {
	float:left;
	margin: 0 10px 10px 0;
 }
 
 .Lista p span
 {
	 float:right;
	 font-size:16px;
	 font-weight:bold;
	 width:50%;
 }
 
 .Lista li
 {
	 float:left;
	 width:
 }


#footer {
	background:url(../img/footer-bkg.jpg) repeat-x;
	height: 84px;
	width: 100%;
	text-align:center;
	display:block;
	position:relative;
	float:left;
	border: 1px solid #006dda;
	margin: -2px 0 0 0;
	z-index:100;
}

#footer p{
	margin: 8px 15px;
	font-size:12px;
	font-weight:normal;
}

.Error { background-color:Yellow;}

/**********************************************/
#simple_example_window{
  width: 300px;
}
#simple_example_window_contents{
  background-color: #FFF;
  border: 3px solid  #900;
}
#simple_example_window_beak{
  width: 28px;
  height: 38px;
  background: url('../images/corners/simple_beak.png') top left no-repeat transparent;
}
* html #simple_example_window_beak{
  /* Alpha transparencies hack for IE */
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/red_beak.png', sizingMethod='crop');
}
#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
  height: 0px;
  width: 0px;
}