/* - - - - - - - - - - - - - - - - - - - - -



Título : RAICES

Diseño : Lorena Espínola Angulo
Construcción: Sergio Ballestero (Elpana)

Descripción : raices.css



Creado : 05 de enero, 2009



- - - - - - - - - - - - - - - - - - - - - */





/***********************/

/* ATRIBUTOS DE PAGINA */

/***********************/

/* CSS Document */



body{

	color: #FFFFFF;

	margin: 0px;

	background-color: #001948;

}

body, input, list, select {
	font-family:Tahoma;
	font-size:12px;
}

p{

font-family:Tahoma;

font-size:12px;

color: #001848;

}



h1{

color:#fad002; 

font-size:14px; 

font-weight:bold;

} 



h2{

color:#fad002; 

font-size:12px; 

}



h3{

font-family:Tahoma;

font-size:12px;

color: #fff;

font-weight:normal;

}



a{

color:#fad002;

text-decoration:none;

list-style:none;

}



a:hover{

color:#666;

text-decoration:none;

list-style:none;

}

.texto_info p {
color: #ffffff;	
	
}


.tablas td {

	padding: 5px 0 5px 0;

}



.clear {

	clear: both;

	visibility: hidden;

}



/*CONTENIDO*/

#contenedor{

width:980px;

margin:0 auto;

}



#back_top {

background-image: url(../gfx/imagenes/bordes/b_inicio.gif);

background-repeat: repeat-x;

}



#top{

width:980px;

margin:auto;

padding-top:20px;

*padding-top:17px;

}



#medio{

width:980px;

margin:auto;

padding-top:20px;

*padding-top:0px;

}



#medio_medio{

width:852px;

float:left;

background-color:#FFFFFF;

}



#medio_interna{

width:980px;

margin:0 auto;

/*background-color:#012368;*/

background: url(../gfx/imagenes/bordes/fondo_medio.jpg) repeat-y #012368;

margin-top:8px;

}



.internas{

width:204px;

float:left;

padding-left:5px;

}



#izq_interna{

/*width:330px;*/

width:310px;

float:left;

padding:10px;

margin-left:15px;

}



#der_interna{
width:600px;
float:left;
padding:10px;
padding-left:15px;
/**padding-left:20px;*/
*padding-left:10px;
}



.texto_info{

width:570px;

font-family:Tahoma;

font-size:12px;

color:#fff;

text-align:justify;

line-height:16px;

}



#novedades_out{

/*width: 330px;*/

width: 310px;

float:left;

/*margin-top:25px; */

margin-bottom:20px;

}


.cuadro_novedades{

width:258px;

height:258px;

font-family:Tahoma;

font-size:12px;

color:#666;

text-align:justify;

line-height:14px;

/*border: dashed 1px #9abbff;*/

background-image:url(../gfx/imagenes/banners/fondo.png);

background-repeat:no-repeat;

padding:10px;

float:left;

}



.scroll{

	width:225px;

	height:215px;

	overflow:auto; 

	overflow-x:hidden;

	padding:5px;

}



/*.banner{

width:250px;

font-family:Tahoma;

font-size:12px;

color:#666;

text-align:justify;

line-height:18px;

border: solid 3px #d82717;

background-color:#FFFFFF;

float:left;

padding:10px;

margin-left:10px;

margin-top:20px;

}

*/

.banner{

/*width: 330px;*/

width: 244px;

float:left;

/*margin-top:20px; */

margin-bottom:10px; 

/*

padding-left:55px;	

padding-left:20px;	

*/

padding-left:5px;

}



#contactos{

width:420px;

float:left;

padding-bottom:10px;

}



.texto_datos{

width:350px;

font-family:Tahoma;

font-size:12px;

color:#fff;

text-align:justify;

line-height:20px;

float:left;

padding:10px;

}



/*#buscador{
width:125px;
height:248px;
float:left;
padding:10px;
margin-top:20px;
margin-left:60px;
line-height:20px;
--------------------------------
background-image:url(../gfx/imagenes/mapa/fondo_buscador.png);
background-repeat:no-repeat;
*background-image: none;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=gfx/imagenes/mapa/fondo_buscador.png, sizingMethod='image');
--------------------------------
}*/

#buscador{
width:155px;
float:left;
padding-top:20px;
padding-left:60px;
line-height:20px;
}



#buscador input {
	float: left;
}



.buscador_pana, #img_izq {

	width:145px;

	float:left;

	color:#fff;

	padding-top:10px;

	padding-left:30px;

}



.buscador_pana_info {

	width: 122px;

	float: left;

	padding: 0 10px 0 10px;

/*	background-color: #5875b0;*/

}



.buscador_pana_info td {

	padding: 5px 0 5px 0;

}



#clima{
/*width:210px;*/
width:280px;
float:left;
/*padding-left:395px;*/
padding-left:305px;
color:#333333;
/*border: 1px solid red;*/
}



#clima_index{
/*width:210px;*/
width:280px;
float:left;
/*padding-left:425px;*/
padding-left:305px;
color:#333333;
/*border: 1px solid red;*/
}



#cotizaciones{

width:350px;

float:left;

padding-left:280px;

color:#333333;

*padding-top:5px;

}



#idioma{

width:150px;

float:right;

padding-right:0px;

color:#333333;

padding-top:15px;

padding-bottom:10px;

}



#logo_raices{

padding-left:20px;

float:left;

}



#logos_negocios{

width:150px;

float:left;

}



.logos_negocios a{

width:100px;

float:left;

padding-top:3px;

}



.logos_negocios a:hover{

width:150px;

background-color:#FFFFFF;

padding-top:3px;

}



.volver{

width:530px;

float:left;

padding-top:20px;

}



.todo{

float:left;

width:580px;

padding:5px;

}



.todo_img{

float:left;

width:130px;

height:92px;

}



.todo_txt{

float:left;

width:400px;

padding:10px;

}



/*MENU*/

#menu {

	margin:0;

	float: left;

	width:580px;

	color:#FFFFFF;

	padding-top:10px;

	*padding-top:35px;

	padding-left:20px;

}



.ubercolortabs{

padding: 0;

width: 100%;

overflow: hidden;

background: transparent;

}



.ubercolortabs ul{

font:normal 12px Tahoma;

margin: 0;

padding: 0;

list-style: none;

}



.ubercolortabs li{

display: inline;

margin: 0 2px 0 0;

padding: 0;

}



.ubercolortabs a{

float: left;

color: white;

background: #012368 url(../gfx/imagenes/botonera/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/

margin: 0 4px 0 0;

padding: 0 0 1px 3px;

text-decoration: none;

}



.ubercolortabs a span{

float: left;

display: block;

background: transparent url(../gfx/imagenes/botonera/roundright.gif) no-repeat right top; /*right corner image*/

padding: 7px 9px 3px 6px;

cursor: pointer;

}



.ubercolortabs a span{

float: none;

}



.ubercolortabs a:hover, .ubercolortabs li.selected a{

background-color: #004e9a; /*background color of tabs onMouseover*/

color: white;

}



.ubercolortabs a:hover span{

background-color: transparent;

}



.ubercolordivider{ /*CSS for horizontal line.*/

clear: both;

padding: 0;

width: 100%;

height: 5px;

line-height: 5px;

background: #004e9a; /*background color of horizontal line*/

border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/

}



/*LOGOS INDEX*/

#logos_afuera{

background-color:#FFFFFF;

height: 80px;

padding-top:5px;

background-image:url(../gfx/imagenes/bordes/rayafooter.gif);

background-repeat:repeat-x;

}



#logos{

width:940px;

margin:auto;

background-color:#FFFFFF;

padding-left:20px;

padding-right:20px;

padding-top:5px;

}



.img_logos{

width:212px;

float:left;

text-align:center;

}



.img{

float:left;


}



.imganes_ubicacion{

float:left;

width:600px;

padding-top:20px;
text-align:center;

}



.img_espacio{

float:left;
padding:3px;

}

.cuadritoimagen {
	width: 120px;
	height: 120px;
	float:left;
	margin:3px;
	text-align: center;
}

#img_logos1{

	float:left;

	width: 170px;

	height: 70px;

	background-image:url(../gfx/imagenes/logos/hacienda1.gif);

	background-repeat:no-repeat;

}



#img_logos1:hover{

	background-image:url(../gfx/imagenes/logos/hacienda1_inn.gif);

	background-position:bottom;	

}



#img_logos2{

	float:left;

	width: 113px;

	height: 51px;

	background-image:url(../gfx/imagenes/logos/viva.gif);

	background-repeat:no-repeat;

}



#img_logos2:hover{

	background-image:url(../gfx/imagenes/logos/viva_inn.gif);

	background-position:bottom;	

}



#img_logos3{

	float:left;

	width: 87px;

	height: 48px;

	background-image:url(../gfx/imagenes/logos/sena.gif);

	background-repeat:no-repeat;

}



#img_logos3:hover{

	background-image:url(../gfx/imagenes/logos/sena_inn.gif);

	background-position:bottom;	

}



/*FOOTER*/

#bottom {

	height:75px;

	background-image:url(../gfx/imagenes/bordes/b_footer.gif);

	background-repeat:repeat-x;

}



#footer {

	width: 980px;

	margin:auto;

	padding-top:12px;

}



#desarrollado{

	float:right;

}



#derechos{

	float:left;

	font-family:Tahoma;

	font-size:11px;

	color:#ccc;

	line-height:18px;

}



.btn_izq {

	width: 244px;

	float: left;

	background-color: #9abbff;

	margin: 20px 0 0 0px;

}



.btn_izq a {

	color: #001848;

	display: block;

	background-color: #9abbff;

	padding: 5px;

}

table.tablesorter {
	width: 100%;
}

table.tablesorter thead tr .header {
	border: #004e9a 1px solid; 
	padding:5px; 
	background-color:#5875b0;
}

table.tablesorter tbody td {
	border: #004e9a 1px solid;
	padding:5px;
}

.watermark {
	background: #000 url(../gfx/vendido.png);
	width: 135px;
	height: 100px;
	margin: 0 auto;
	display: block;
	position: relative;
}
.watermark img.blank {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

/**************************/
/********Google Maps*******/

#marker_form {
	margin: 1em 0;
}

#noOfMarkers {
	width: 3em;
}
#map {
	clear: both;
	float: left;
	margin: 0 20px 1em 0;
	width: 600px;
	height: 500px;
	border: 1px solid black;
}
.gmarker {
	background-image: url(../img/red-dot.png);
}
.markermanager {
	background-image: url(../img/blue-dot.png);
}
.markerlight {
	background-image: url(../img/red-circle.png);
}
.markermanagermarkerlight {
	background-image: url(../img/orange-circle.png);
}
.clusterer2 {
	background-image: url(../img/pink-dot.png);
}
.clustermarker {
	background-image: url(../img/green-dot.png);
}
.markerclusterer {
	background-image: url(../img/purple-dot.png);
}

/**************************************************************************
ESTILOS PARA LA VENTANA POPUP 20090323@gregados por Juanca
***************************************************************************/
#capaPopUp {
	background-color:#000;  	/* Le damos la el color de la opacidad. */ 
	opacity:0.65; 				/* Este valor mostrará la intensidad de la opacidad. */
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:9001; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9001. */
	top:0; 						/* Para que posicione la capa al punto '0' del top de la página. */
	left:0; 					/* Para que posicione la capa al punto '0' a la izquieda de la página. */
	width:100%; 				/* El valor por defecto que tendrá que expandirse. */
	height:100%; 				/* El valor por defecto que tendrá que expandirse. */
	display:none;				/* Por defecto estará desactiva */
}
#popUpDiv {
	position:absolute; 			/* La posición tendrá que ser absoluta. */
	z-index:9002; 				/* Esta propidad es para añadir la capa superpuesta al nivel 9002 (antes que la capa 'capaPopUp'). */	
	overflow:auto;				/* Esta propiedad la indicamos por si el contenido es más grande que la capa que por defecto salga el 'scroll'. */
	left:50%; 					/* Para posicionar horizontalmente la capa al centro de la página */
	display:none; 				/* Por defecto estará desactiva */
	top:50%; 					/* Para posicionar verticalmente la capa al centro de la página */
}
/**************************************************************************
ESTILOS PROPIOS DEL POPUP 20090323@JCP
***************************************************************************/
#capaContent {
	display:block;
	width:529px; 				/* Necesario para que el script centre la capa horizontalmente en la página */
	height:350px;				/* Necesario para que el script centre la capa verticalmente en la página */
	background-color:#FFF;
}

#descripcion {margin: 10px 10px 10px 10px; }

.entradas{float:left; width:600px;}

#imagenes-entradas{}

#titulo-entradas{ }

#texto-entradas{float:left; width:600px; }

.entradas p{ color:#FFF; }
/* - - - - - - - - - - - - - - - - - - - - -