/* CSS Document */

/******************************** BASICO ********************************/
div.ctrl_contenido{
	float:left;
	width:600px;
	height:auto;
	margin:10px 0 0 0;
	font-size:11px;
}

	div.ctrl_contenido p{
		float:left;
		width:640px;
		height:auto;
		margin:0 0 10px 0;
		padding:0;
	}
	*>div.ctrl_contenido p{
		margin:0 0 10px 2%;
	}
	div.ctrl_contenido table{
		float:left;
	}

	div.ctrl_contenido p.imagen{
		float:left;
		height:auto;
		width:30%;
		margin:10px 0 10px 2%;
		text-align:center;
	}
	div.ctrl_contenido p.imagen img.imagen{
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}



div.ctrl_contenido p.titulo{
	position: relative;
	float:left;
	width:96%;
	margin:0 0 5px 2%;
	padding:0;
	font-size:14px;
	font-weight: bold;
	color: #00A9D2;
	text-decoration: none;
}
	div.ctrl_contenido p.titulo a{
		text-decoration: none;
		cursor:pointer;
	}
			div.ctrl_contenido p.titulo a:hover{
				text-decoration: underline;
			}

	div.ctrl_contenido p.resumen{
		position: relative;
		float: left;
		width:96%;
		margin:0 0 5px 2%;
		padding:0;
		font-size: 11px;
		font-weight: bold;
		height:auto;
	}

	div.ctrl_contenido p.createdat{
		float: left;
		width: 95%;
		margin:0 0 10px 3%;
		padding:0;
		font-size:10px;
		color:#666666;
		font-weight:bold;
	}
	*>div.ctrl_contenido p.createdat{
		margin:0 0 10px 4%;
	}

	div.ctrl_contenido div.contenido{
		position: relative;
		float: left;
		margin:10px 0 10px 20px;
		padding:0;
		color:#676767;
	}
	div.ctrl_contenido div.contenido a{
		font-weight:bold;
		text-decoration:underline;
		color:#00A9D2;
	}
		div.ctrl_contenido div.contenido ul{
			float: left;
			width:95%;
			margin:10px 0 10px 10px;
			padding:0;
			list-style-type:none;
		}
		div.ctrl_contenido div.contenido ul li{
			clear:both;
			display:block;
			float: left;
			width:90%;
			margin:5px 0 10px 5px;
			padding:0 0 7px 30px;
			background:url(../images/fondo_li.gif) top left no-repeat;
		}
			div.ctrl_contenido div.contenido ul li a{
				float:left;
				height:20px;
				text-decoration:none;
				font-size:14px;
				color:#676767;
			}
				div.ctrl_contenido div.contenido ul li a:hover{
					height:19px;
					border-bottom:1px dotted #676767;
				}
			div.ctrl_contenido div.contenido a img{
				float:left;
				border: 2px solid #00A9D2;
			}
	div.ctrl_contenido div.contenido_ficha{
		position: relative;
		float: left;
		width:60%;
		margin:10px 0 10px 20px;
		padding:0;
		color:#676767;
	}
/******************************** MAPAS ********************************/
div.ctrl_contenido div#mapa{
  float:left;
  width: 100%;
  height: 600px;
  margin: 3px;
}



.titulo_seccion{
	float:left;
	width:877px;
	height:34px;
	margin:10px 0 0 5px;
	padding: 24px 30px;	
	background-image: url(../images/titulo_secciones.jpg);
	background-repeat: no-repeat;	
	font-size:30px;
	font-weight: normal;
}

/******************************** DESTACADOS ********************************/

div.ctrl_destacados{
	width:284px;
	margin-left:14px;
	_margin-left:5px;
	float:left;
	margin-top:15px;
	_margin-top:15px;
	margin-bottom:0px;
	padding:0px;
	font-size:12px;
}

div.ctrl_destacados_cabecera{
	height:10px;
	_font-size:7px;
	background:url(../images/superior_destacado.gif) top left no-repeat;	
}

div.ctrl_destacados_cuerpo{
	/*height:269px;*/
	height:auto;
	width:268px;
	border-left:solid #e6f3f9 1px;
	border-right:solid #e6f3f9 1px;
	background:url(../images/fondo_cuerpo_destacado.jpg) top left repeat-y;
	padding: 0px 7px;
  min-height: 100px;
  margin:0px;
}

.destacados div.ctrl_destacados_cuerpo {
  text-align: center;
}

div.ctrl_destacados_pie{
	height:10px;
	_font-size:7px;
	background:url(../images/inferior_destacado.gif) top left no-repeat;  
}


div.pestana_destacado{
	float:left;
	width:268px;
	background:url(../images/sombra_titulo.jpg) bottom left repeat-x;
	}

.pestana_destacado_pestanas{
	margin-left:18px;
	float:left;
	padding-top: 9px;
	}

.pestana_destacado_pestanas a.pestana_destacado_seleccionado, .pestana_destacado_pestanas a.pestana_destacado{
	display:block;
	float:left;
	width:19px;
	height:11px;
	margin-left:6px;
	text-decoration:none;
	border: 1px solid #2e7998;
	background: #3c9cc4;
	_font-size: 7px;
	}

.pestana_destacado_pestanas a.pestana_destacado{
	border: 1px solid #2e7998;
	background: #b9e2fe;
	}


.titulo{
	color: #1e5e77;
	height:33px;
	margin:0px;
	padding-left:8px;
	line-height:33px;
	font-size:15px;
	font-weight:bold;
	width: 150px;	
}

.pestana_destacado .titulo{
	float:left;
  text-align: left;
}


.subtitulo{
  display:block;
	color: #FFF;
	height:30px;
	margin:0px;
	padding-left:8px;
	line-height:30px;
	font-size:13px;
	font-weight:bold;
  text-align: left;
	width: 268px;
	*width: 260px;
	background:url(../images/fondo_titulo_destacados.jpg) bottom left no-repeat;		
	float:left;
}

.caja_pantalla_destacado
{
  overflow:hidden;
  width:268px;
  height:130px;
  float:left;
}


/******************************** NOTICIAS ********************************/

div.ctrl_noticias{
	width:640px;
	margin-left:14px;
	_margin-left:0px;
	float:left;
}

div.ctrl_noticias_cabecera{
	height:10px;
	width:641px;
	_font-size:7px;
	background:url(../images/superior_principal.gif) top left no-repeat;
}

div.ctrl_noticias_cuerpo{
	/*height:269px;*/
	height:auto;
	width:626px;
	_width:624px;
	border-left:solid #e6f3f9 1px;
	border-right:solid #e6f3f9 1px;
	background:#FFFFFF;
	padding: 0px 7px;
	font-size:11px;

}

div.ctrl_noticias_pie{
	height:10px;
	width:641px;
	background:url(../images/inferior_principal.gif) top left no-repeat;

}



*>div.ctrl_noticias_cuerpo{
	/*min-height:268px;*/
	height:auto;
}

.titulo_principal{
	color: #1e5e77;
	height:33px;
	margin:0px;
	padding-left:8px;
	line-height:33px;
	font-size:15px;
	font-weight:bold;
	background:url(../images/sombra_titulo.jpg) bottom left repeat-x;
	display: block;
}



.corregidor {
  clear: both;
  display: block;
  height: 0px;
  width: 100%;
  margin-top: -16px;
}



/***************************** TWITTER *************************************/
.entrada_twitter{
  border-top:2px solid #FFF;
  font-size:11px;
}

.images_twitter{
  width:33px;
  height:33px;
}
.imagen_entrada_twitter{
  width:33px;
  height:33px;
  float:left;
  margin:11px 9px;
}

.usuario_entrada_twitter{
  width:217px;
  _width:210px;
  float:left;
  margin-top:11px;
  color: #5fafd2;
  font-weight:bold;
  font-size:13px;
}

.fecha_entrada_twitter{
  color: #789fae;
  font-style:italic;
}

.cuerpo_entrada_twitter{
  width:217px;
  _width:210px;
  float:left;
  margin-top:5px;
  margin-bottom:15px;
}

.boton_twitter{
  text-decoration:none;
  display:block;
  margin-left:15px;
  padding-bottom:10px;  
}

.titulo_twitter{
	color: #1e5e77;
	background:url(../images/fondo_titulo_twitter.png) bottom left repeat-x;
	height:33px;
	margin:0px;
	padding-left:8px;
	line-height:33px;
	font-size:15px;
	border-bottom:1px solid #FFF;
	font-weight:bold;	
	width:256px;
}



/***************************** ENLACES *************************************/
div.ctrl_enlaces{
	float:left;
	width:100%;
	height:360px;
	margin:0;
}
	*>div.ctrl_enlaces{
		min-height:360px;
		height:auto;
	}
	div.ctrl_enlaces p.titulo{
		float:left;
		width:90%;
		padding:0;
		margin:15px 0 10px 5%;
		color:#41788D;
		font-size:12.5px;
		font-weight:bold;
	}
	div.ctrl_enlaces ul{
		float:left;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	div.ctrl_enlaces ul li{
		float:left;
		width:100%;
		margin:0 0 10px 0;
	}
	div.ctrl_enlaces ul li a img{
		width:100%;
		overflow:hidden;
		margin:0;
		text-decoration:none;
		border:none;
	}

	/******************************** VENTAJAS ********************************/

div.ctrl_ventajas, div.ctrl_ventajas_ultimo{
	width:283px;
	_width:283px;
	height:282px;
	margin-right:45px;
	margin-bottom:30px;
	_margin-right:44px;
	float:left;
	margin-top:15px;
	color:#333333;
}

div.ctrl_ventajas_ultimo{
	margin-right:0;
}

div.ctrl_ventajas_cabecera{
	height:9px;
	_font-size:7px;
	background:url(../images/superior_ventaja.gif) top left no-repeat;
}

div.ctrl_ventajas_cuerpo{
	height:265px;
	width:268px;
	_width:254px;
	border-left:solid #e6f3f9 1px;
	border-right:solid #e6f3f9 1px;
	background:url(../images/fondo_cuerpo_ventaja.jpg) top left repeat-y;
	background-color: #FFF;
	padding: 0px 7px;

}

div.ctrl_ventajas_pie{
	height:9px;
	background:url(../images/inferior_ventaja.gif) top left no-repeat;

}

.titulo_ventaja{
	color: #1e5e77;
	height:33px;
	margin:0px;
	padding-left:8px;
	line-height:33px;
	font-size:12px;
	font-weight:bold;
	background:url(../images/fondo_titulo_ventaja.jpg) top left repeat-x;
	width: 260px;
	_width: 260px;
}

.descripcion_ventaja{
	margin:0px;
	padding-left:8px;
  padding-right:8px;	
	width: 252px;
}

/******************************** SOLUCIONES ********************************/
div.ctrl_soluciones
{
	width:640px;
	height:282px;
	margin-right:45px;
	margin-bottom:30px;
	_margin-right:44px;
	float:left;
	margin-top:15px;
	color:#333333;
}

.titulo_solucion{
	color: #5FAFD2;
	height:33px;
	margin:0px;
	line-height:33px;
	font-size:12px;
	font-weight:bold;
	display: block;
}

.soluciones_cuerpo
{
float: left;
margin: 10px;
margin-left: 35px;
width: 260px;
_margin-left: 15px;
}

.soluciones 
{
	margin-top: 2px;
	margin-bottom: 25px;
	padding:0px;
	padding-left:14px;
	*padding-left:0px;
	*margin-left:17px;
}
.soluciones_cuerpo li, .soluciones_cuerpo li{
margin-left: 0px;
list-style: square;
padding:0px;
}


div.ctrl_soluciones_pie{
	height:10px;
	width:641px;
	background:url(../images/inferior_principal.gif) top left no-repeat;
	float:left;
	margin-bottom: 10px;

}

/******************************** CASOS DE ESTUDIO **************************/
#geolocalizador
{

width: 626px;
height: 690px;
float:left;
}

#geolocalizador .cajabocadillo
{
width: 350px;
}

#geolocalizador .cajatitulo
{
width: 260px;
height: 50px;
float: left;
margin-top: 5px;
}

#geolocalizador .cajatitulo .titulocaso
{
color: #1F5F7A;
text-decoration: underline;
font-weight: bold;
margin-bottom: 0px;
}

#geolocalizador .cajatitulo .resumencaso
{
color: #5FAFD2;
margin-top: 4px;
float: left;
}

#geolocalizador .cajalogo
{
float: left;
width: 140px;
height: 50px;
text-align: right;
margin-top: 5px;
}

#geolocalizador .cajalogo img
{
margin-top: 10px;
float: left;
border: 1px solid #f0f5fb;
}

#geolocalizador .cajatexto
{
color: #666666;
float: left;
margin-top: 11px;
}

#geolocalizador .enlacecaso
{
margin-top: 10px;
text-align: right;
float: left;
}

#geolocalizador .bocetoscaso
{
margin-top: 10px;
height: 400px;
float: left;
}

#geolocalizador .enlacebocetoscaso
{
margin-top: 30px;
height: 400px;
float: right;
}

#geolocalizador .bocetoscaso img
{
width: 100px;
margin: 8px;
vertical-align: top;
}


#buscar{
 display:block;
 float:left; 
 width: 365px; 
}

#texto_buscar{
	height:21px;		
	width:250px;
	border-color:	#e1f0f7;
	border-style: solid;
	display:block;
	float:left;		
	padding-top:5px;		
}


#boton_buscar{
	height:25px;	
	width:102px;
	display:block;
	float:left;
	margin-left:5px;
}

.titulo_principal_casos{
	color: #1e5e77;
	height:33px;
	margin:0px;
	line-height:33px;
	font-size:15px;
	font-weight:bold;	
	display: block;
	float:left;
	width:250px;	
}

div.ctrl_casos_cabecera{
	height:10px;
	width:641px;
	_font-size:7px;
	background:url(../images/superior_principal.gif) top left no-repeat;
	float:left;
}

div.ctrl_casos_cuerpo{
	/*height:269px;*/
	height:auto;
	width:626px;
	_width:624px;
	border-left:solid #e6f3f9 1px;
	border-right:solid #e6f3f9 1px;
	background:#FFFFFF;
	padding: 0px 7px;
	font-size:11px;
	float:left;

}

div.ctrl_casos_pie{
	height:10px;
	width:641px;
	background:url(../images/inferior_principal.gif) top left no-repeat;
	float:left;

}

.cabecera_casos{
  color: #1e5e77;
	height:33px;
	width:618px;
	margin:0px;
	padding-left:8px;
	line-height:33px;
	font-size:15px;
	font-weight:bold;	
	display: block;
	float:left;
  background:url(../images/sombra_titulo.jpg) bottom left repeat-x;
  margin-bottom:7px;
  padding-bottom:3px;
}

/******************************** CONTENIDOS ********************************/

div.ctrl_contenidos{
	width:640px;
	margin-left:14px;
	_margin-left:0px;
	float:left;
}

div.ctrl_contenidos_cabecera{
	height:10px;
	width:641px;
	_font-size:7px;
	background:url(../images/superior_principal.gif) top left no-repeat;
	float:left;
}

div.ctrl_contenidos_cuerpo{
	/*height:269px;*/
	height:auto;
	width:626px;
	_width:624px;
	border-left:solid #e6f3f9 1px;
	border-right:solid #e6f3f9 1px;
	background:#FFFFFF;
	padding: 0px 7px;
	font-size:11px;
	float:left;

}

div.ctrl_contenidos_pie{
	height:10px;
	width:641px;
	background:url(../images/inferior_principal.gif) top left no-repeat;
	float:left;

}

div.ctrl_contenidos_submenu{
width:626px;
float:left;
}

div.ctrl_contenidos_contenido{
float:left;
padding: 10px 20px;
color: #343434;
width:586px;
}

.submenu_activo, .submenu_no_activo{
	color: #1e5e77;
	height:33px;
	margin:0px;
	padding-left:8px;
	padding-right:8px;
	border-bottom: 1px solid #eaf5f9;
	border-left: 1px solid #eaf5f9;
	line-height:33px;
	font-size:15px;
	font-weight:bold;
	float:left;
	background:url(../images/sombra_titulo.jpg) bottom left repeat-x;
	text-decoration:underline;
}

.submenu_activo{
	background:#FFF;
	border:none;
	text-decoration:none;
}


.portada_noticia, .portada_noticia_primera{
  border-top:2px solid #FFF;
  width: 626px;
}

.portada_noticia{
  border-top: 1px dotted #d5eafd;
}


.imagen_portada_noticia{
  width:111px;
  height:111px;
  border: 1px solid #edf8fe;
  float:left;
  margin:11px 9px;
}

.titulo_portada_noticia{
  width: 493px;
  _width: 480px;
  float:left;
  color: #5fafd2;
  font-weight:bold;
  margin-top:17px;
  margin-bottom:5px;
  font-size:13px
}

.titulo_portada_noticia a{
  text-decoration:underline;
}

.fecha_portada_noticia{
  color: #789fae;
  width: 483px;
  float:left;  
}

.cuerpo_portada_noticia{
  width: 493px;
  _width: 480px;
  float:left;
  margin-top:5px;
  margin-bottom:15px;
}


.corregidor {
  clear: both;
  display: block;
  height: 0px;
  width: 100%;
  margin-top: -16px;
}



.titulo_seccion_geoportales{
	float:left;
	width:938px;
	height:204px;
  margin:10px 0 0 2px;
	padding-top: 24px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/imagen_contenido.png);
	background-repeat: no-repeat;
	font-size:30px;
	font-weight: normal;
}

.base_titulo_soluciones{
	float:left;
	width:938px;
	height:228px;
  margin:10px 0 0 2px;
	padding-top: 0px;
	padding-right: 29px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/titulo_soluciones.png);
	background-repeat: no-repeat;
	
}

.titulo_seccion_soluciones{
  font-size:30px;
	font-weight: normal;
	margin-top: 15px;
}

.parrafo_soluciones{
  font-size:13px;
  font-weight:bold;
  width:502px
}

/***************************** CONTACTO **************************************/
.titulo_contacto {
  font-weight: bold;
}

.boton_cajabocadillo {
  margin-left: 10px;
  margin-bottom: 5px;
}


.boton_ruta, #direcciondesde, .boton_contactar {
margin-top: 3px;
display:block;
float:left;
}

#direcciondesde
{ 
margin-top: 11px;
margin-right: 5px;
width : 201px;
*width : 199px;

}


#ruta{
margin-top:0px;
height: 250px;
width: 615px;
display: block;
overflow: auto;
float: left;
}

#caja_ruta{
margin-top:10px;
margin-bottom:10px;
height: 270px;
display:none;
float: left;
}


div.ctrl_contacto{
	width:640px;
	margin-left:14px;
	_margin-left:0px;
	float:left;
}

div.ctrl_contacto_cabecera{
	height:10px;
	width:641px;
	float:left;
	_font-size:7px;
	background:url(../images/superior_principal.gif) top left no-repeat;
}

div.ctrl_contacto_cuerpo{
	/*height:269px;*/
	height:auto;
	width:626px;
	_width:624px;
	float:left;
	border-left:solid #e6f3f9 1px;
	border-right:solid #e6f3f9 1px;
	background:#FFFFFF;
	padding: 0px 7px;
	font-size:11px;

}

div.ctrl_contacto_pie{
	height:10px;
	width:641px;
	float:left;
	_font-size:7px;
	background:url(../images/inferior_principal.gif) top left no-repeat;

}

.cajastreetview{
float:left;
height: 350px;
width: 450px;
margin: 10px;
}

.titulo_form_contacto{
	color: #1e5e77;
	background:url(../images/fondo_titulo_twitter.png) bottom left repeat-x;
	height:33px;
	margin:0px;
	padding-left:8px;
	line-height:33px;
	font-size:15px;
	border-bottom:1px solid #FFF;
	font-weight:bold;	
	width:256px;
	display:block;	
}

div.contactar_formulario_cabecera{
	height:10px;
	_font-size:7px;
	background:url(../images/superior_destacado.gif) top left no-repeat;	
}

div.contactar_formulario_cuerpo{
	height:auto;
	width:268px;
	border-left:solid #e6f3f9 1px;
	border-right:solid #e6f3f9 1px;
	background:url(../images/fondo_cuerpo_destacado.jpg) top left repeat-y;
	padding: 0px 7px;
  min-height: 100px;
  margin:0px;  
}

.contactar_formulario_pie{
	height:10px;
	_font-size:7px;
	background:url(../images/inferior_destacado.gif) top left no-repeat;  
}

.contactar_formulario_cuerpo input, .contactar_formulario_cuerpo label, .contactar_formulario_cuerpo select, .contactar_formulario_cuerpo textarea{
  display:block;
  margin-left:13px;
  margin-top:5px;
  width:235px;
  _width:229px;
}

.contactar_formulario_cuerpo label{
 font-weight:bold;
 
}

.contactar_formulario_cuerpo input, .contactar_formulario_cuerpo select, .contactar_formulario_cuerpo textarea
{
  border-color:	#e1f0f7;
	border-style: solid;
}
	
.contactar_formulario_cuerpo input{
	height:21px;				
}

.contactar_formulario_cuerpo select{
	height:26px;				
	line-height:26px;				
	width:240px;
  _width:234px;
}

.contactar_formulario_cuerpo textarea{
	height:162px;				
}


.contactar_formulario_cuerpo input
{
  display:block;
}

#contactar{
  display:block;  
  width:217px;
  _width:210px;
}

#contactar .boton_contactar{
margin-left:73px;
margin-top:15px;
padding-bottom:10px;
_margin-left:62px;
float:none;
}

.form_error{
width: 217px;
font-size: 10px;
padding-left:27px;
color: red;
}


/******************************contenidos**********************************/
#controles .capa_tipolugar1, #controles .capa_tipolugar2, #controles .capa_tipolugar3{
float:left;
height:34px;
padding-left:10px;
padding-top:10px;
width:180px;
}

#controles .capa_tipolugarPano, #controles .capa_tipolugarWiki{
float:left;
height:34px;
padding-left:10px;
padding-top:5px;
margin-top: 5px;
width:180px;
}

#controles .capa_tipolugar1{
background: transparent url(../images/fondo_restaurantes.jpg) no-repeat scroll 0% 0%
}

#controles .capa_tipolugar2{
background: transparent url(../images/fondo_alojamiento.jpg) no-repeat scroll 0% 0%
}

#controles .capa_tipolugar3{
background: transparent url(../images/fondo_lugares.jpg) no-repeat scroll 0% 0%
}

#controles .capa_tipolugarPano{
background: transparent url(../images/panoramio.jpg) no-repeat scroll 0% 0%
}

#controles .capa_tipolugarWiki{
background: transparent url(../images/wikipedia.jpg) no-repeat scroll 0% 0%
}

#controles label {
color:#009DB9;
font-weight:bold;
padding-left:38px;
}

#controles {
background:transparent url(../images/fondo_controles_mapa.jpg) repeat-x scroll 0 0;
height:45px;
width:100%;
}