/* CSS Document */

/*Documento creado por Esteban Cordero el Viernes 15/02/2008 */
/* Todos los derechos reservados bajo licencia de ZEWS S.A.*/

*{ margin:0px; padding:0px; } 
body {
background:url(../images/bgindex.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#contendor { width:750px; margin:0 auto; background:#FFFFFF; }
	/*Cabeza*/
	#contendor #cabeza { position: relative; height:162px; background:url(../images/bgindex.gif) repeat-x;}
		#contendor #cabeza object{ left: 0; position: absolute; top:0; width:190px; }
		#contendor #cabeza #logo a{ position:absolute; top:110px; left:0;}
		#contendor #cabeza #logo img {border:0; }
		#contendor #cabeza #rotativas, 
		#contendor #cabeza #rotativas img { position:absolute; top:0; right:0; width:356px; height:162px; z-index:1;}
		#contendor #cabeza #rotativas h1{font-size:12px; } 
	/*fin de la Cabeza*/	
	/*Navegador*/
	#contendor #navegador { background:url(../images/bg_navegador.jpg) repeat-x; height:30px;}
	#contendor #navegador ul li { list-style:none; float:left;}
	#contendor #navegador ul li a {color:#0100a5; font:bold 12px/30px  Arial, Helvetica, sans-serif; text-decoration:none;  padding:5px 6px 8px 6px;}
	#contendor #navegador ul li a:hover{ background:url(../images/bg-nabon.jpg) repeat-x; padding:5px 6px 8px 6px; }
	#contendor #navegador .idioma {color:#000099; text-decoration:none; font-weight:bold; font:bold 12px/30px  Arial, Helvetica, sans-serif; padding:0 5px; float:right;}
	#contendor #navegador .idioma:hover {background:url(../images/bgnavegadoroni.gif);} 
	/*Fin del Navegador*/
	#contendor #cuerpo { display:block;}
	
	/******************************************************************************************************************/
	/* aqui se define toda la parte izquierda                                                                        */
	/*****************************************************************************************************************/
	
	#contendor #cuerpo #izquierda { width:518px; float:left;}
	/*Esquinas Redondeadas, son 2 tipos, las que estan en el lado derecho, con naranaja y las del lado izquierdo con celeste*/
		/*Esquinas lado derecho*/
			/********************* SECCION **********************************/
		#contendor #cuerpo #izquierda .seccion{
			background: #FFFFFF;
			border-color: #D3A850;	
			border-style: solid;
			border-width: 1px;
			color:#3635A8;
			font:Arial, Helvetica, sans-serif;
			font-size:11px;
			width:516px;
			padding: 0px;
			margin:10px 0 0 0;
			float:left;
		}
		#contendor #cuerpo #izquierda .seccion .contenido {
			font: normal Arial, Helvetica, sans-serif;	
			font-size:11px;
			margin: 0px;
			padding: 5px;
			position:relative;
			text-align:left;
			float:left;
		}
		#contendor #cuerpo #izquierda .seccion .contenido h2 { font:bold 12px Arial, Helvetica, sans-serif; color:#cc6636; background:url(../images/icrecent.gif) left no-repeat; padding:0 0 0 20px;}
		
		#contendor #cuerpo #izquierda .seccion .rbtop {
			position:relative;
			margin-top: -1px;    /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=tr&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat top right;
			float:left;
		}
		
		#contendor #cuerpo #izquierda .seccion .rbtop div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=tl&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat top left;
		} 
		
		#contendor #cuerpo #izquierda .seccion .rbbot {
			position:relative;
			margin-bottom: -1px; /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=br&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat bottom right;
			float:left;
		}
		
		#contendor #cuerpo #izquierda .seccion .rbbot div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=bl&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat bottom left;
		}
		
		#contendor #cuerpo #izquierda .seccion .rbtop div, .rbtop, .rbbot div, .rbbot {
			width: 100%;
			height: 10px;
			font-size: 1px;
		}
		
		/********************* RECIENTES **********************************/
		#contendor #cuerpo #izquierda .recientes{
			background: #FFFFFF;
			border-color: #D3A850;	
			border-style: solid;
			border-width: 1px;
			color:#3635A8;
			font: bold 1.1em Arial, Helvetica, sans-serif;
			width:516px;
			padding: 0px;
			margin:10px 0 0 0;
			float:left;
		}
		#contendor #cuerpo #izquierda .recientes .contenido {
			font: normal 1.0em Arial, Helvetica, sans-serif;	
			margin: 0px;
			padding: 5px;
			position:relative;
			text-align:left;
			float:left;
		}
		#contendor #cuerpo #izquierda .recientes .contenido h2 { font:bold 12px Arial, Helvetica, sans-serif; color:#cc6636; background:url(../images/icrecent.gif) left no-repeat; padding:0 0 0 20px;}
		
		#contendor #cuerpo #izquierda .recientes .contenido .propiedad { width:116px; float:left; padding:2px 1px; margin:3px; font-size:11px;}
		#contendor #cuerpo #izquierda .recientes .contenido .propiedad h3 {color:#9d2a00; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
		#contendor #cuerpo #izquierda .recientes .contenido .propiedad img { display:block; margin:0 auto; border:0;}
		#contendor #cuerpo #izquierda .recientes .contenido .propiedad a { padding:5px 0 0 0; color:#6297ff; text-decoration:underline; text-transform:uppercase;}
		#contendor #cuerpo #izquierda .recientes .contenido .propiedad a:hover { text-decoration:none; text-transform:uppercase;} 
		
		
		
		#contendor #cuerpo #izquierda .recientes .rbtop {
			position:relative;
			margin-top: -1px;    /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=tr&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat top right;
			float:left;
		}
		
		#contendor #cuerpo #izquierda .recientes .rbtop div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=tl&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat top left;
		} 
		
		#contendor #cuerpo #izquierda .recientes .rbbot {
			position:relative;
			margin-bottom: -1px; /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=br&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat bottom right;
			float:left;
		}
		
		#contendor #cuerpo #izquierda .recientes .rbbot div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=bl&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat bottom left;
		}
		
		#contendor #cuerpo #izquierda .recientes .rbtop div, .rbtop, .rbbot div, .rbbot {
			width: 100%;
			height: 10px;
			font-size: 1px;
		}
				
		/****************** OTRAS PROPIEDADES ****************************/
		#contendor #cuerpo #izquierda .otras_propiedades{
			background: url(../images/bg_otras_f.gif) repeat-x top #FFFFFF;
			border-color: #D3A850;	
			border-style: solid;
			border-width: 1px;
			color:#3635A8;
			font: bold 1.1em Arial, Helvetica, sans-serif;
			width:516px;
			padding: 0px;
			margin:10px 0 0 0;
			float:left;
		}
		#contendor #cuerpo #izquierda .otras_propiedades .contenido {
			font: normal 1.0em Arial, Helvetica, sans-serif;	
			margin: 0px;
			padding: 5px;
			position:relative;
			text-align:left;
			float:left;
			color:#5b5b5b;
		}
		#contendor #cuerpo #izquierda .otras_propiedades .flecha{ background:url(../images/bentrar.gif) no-repeat; color:#6b91ff; text-align:right; padding:0 0 0 28px;}		
		#contendor #cuerpo #izquierda .otras_propiedades .contenido h2 { font:bold 12px Arial, Helvetica, sans-serif; color:#cc6636; background:url(../images/icother.gif) left no-repeat; padding:0 0 0 20px;}
		
		#contendor #cuerpo #izquierda .otras_propiedades .contenido .propiedad { width:116px; float:left; padding:2px 1px; margin:3px; font-size:11px;}
		#contendor #cuerpo #izquierda .otras_propiedades .contenido .propiedad h3 {color:#3663d6; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
		#contendor #cuerpo #izquierda .otras_propiedades .contenido .propiedad img { display:block; margin:0 auto; border:0;}
		#contendor #cuerpo #izquierda .otras_propiedades .contenido .propiedad a { padding:5px 0 0 0; color:#6297ff; text-decoration:underline; text-transform:uppercase;}
		#contendor #cuerpo #izquierda .otras_propiedades .contenido .propiedad a:hover { text-decoration:none; text-transform:uppercase;} 
				
		#contendor #cuerpo #izquierda .otras_propiedades .rbtop2 {
			position:relative;
			margin-top: -1px;    /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=tr&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat top right;
			float:left;
		}
		
		#contendor #cuerpo #izquierda .otras_propiedades .rbtop2 div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=tl&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat top left;
		} 
		
		#contendor #cuerpo #izquierda .otras_propiedades .rbbot2 {
			position:relative;
			margin-bottom: -1px; /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=br&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat bottom right;
			float:left;
		}
		
		#contendor #cuerpo #izquierda .otras_propiedades .rbbot2 div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=bl&s=10&b=1&cb=D3A850&ci=FFFFFF&co=FFFFFF) no-repeat bottom left;
		}
		
		#contendor #cuerpo #izquierda .otras_propiedades .rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
			width: 100%;
			height: 10px;
			font-size: 1px;
		}
		
	/******************************************************************************************************************/
	/* aqui se define toda la parte derecha                                                                        */
	/*****************************************************************************************************************/
	#contendor #cuerpo #derecha { width:229px; float:right;}
	/********************* RECIENTES **********************************/
		#contendor #cuerpo #derecha .Proprecomendadas{
			background: #FFFFFF;
			border-color: #3698f9;	
			border-style: solid;
			border-width: 1px;
			color:#3635A8;
			font: bold 1.1em Arial, Helvetica, sans-serif;
			width:222px;
			padding: 0px;
			margin:10px 0 0 0;
			float:right;
		}
		#contendor #cuerpo #derecha .Proprecomendadas .contenido {
			font: normal 1.0em Arial, Helvetica, sans-serif;	
			margin: 2px;
			padding: 5px;
			position:relative;
			text-align:left;
			float:left;
			border:1px solid #3698f9;
			width:203px;
		}
		#contendor #cuerpo #derecha .Proprecomendadas .servicios {
			font-family:Arial, Helvetica, sans-serif;	
			font-size:11px;
			font-weight:normal;
			margin: 2px;
			padding: 5px;
			position:relative;
			text-align:left;
			float:left;
			border:1px solid #3698f9;
			width:203px;
			color:#6b6b6b;
		}
		#contendor #cuerpo #derecha .Proprecomendadas h2 { font:bold 12px Arial, Helvetica, sans-serif; color:#3a68c6; padding:0 0 0 10px;}
		
		#contendor #cuerpo #derecha .Proprecomendadas .contenido .propiedad { width:98px; float:left; padding:5px 1px; font-size:11px; color:#9d9d9d; display:block; height:150px;}
		#contendor #cuerpo #derecha .Proprecomendadas .contenido .propiedad h3 {color:#2a65c9; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
		#contendor #cuerpo #derecha .Proprecomendadas .contenido .propiedad a { padding:5px 0 0 0; color:#7093f1; text-decoration:underline; text-transform:uppercase;}
		#contendor #cuerpo #derecha .Proprecomendadas .contenido .propiedad a:hover { text-decoration:none; text-transform:uppercase;} 
		#contendor #cuerpo #derecha .Proprecomendadas .contenido .propiedad img { display:block; margin:0 auto; border:0;}
		
		/*ESTILOS PARA LOS SERVICIOS*/
		#contendor #cuerpo #derecha .Proprecomendadas .servicios h2 { font:bold 12px Arial, Helvetica, sans-serif; color:#3a68c6; text-align:center; text-transform:uppercase;}
		#contendor #cuerpo #derecha .Proprecomendadas .servicios h3 a{ color:#6997f7; font:normal 12px Arial, Helvetica, sans-serif; }
		
		#contendor #cuerpo #derecha .Proprecomendadas .servicios .flecha { background:url(../images/bentrar.gif) no-repeat right; padding:5px 28px 0 0; color:#6997f7; text-decoration:underline; display:block; text-align:right;} 
		#contendor #cuerpo #derecha .Proprecomendadas .servicios .flecha:hover { text-decoration:none;}
		
		#contendor #cuerpo #derecha .Proprecomendadas .rbtop3 {
			position:relative;
			margin-top: -1px;    /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=tr&s=10&b=1&cb=3698f9&ci=FFFFFF&co=FFFFFF) no-repeat top right;
			float:left;
		}
		
		#contendor #cuerpo #derecha .Proprecomendadas .rbtop3 div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=tl&s=10&b=1&cb=3698f9&ci=FFFFFF&co=FFFFFF) no-repeat top left;
		} 
		
		#contendor #cuerpo #derecha .Proprecomendadas .rbbot3 {
			position:relative;
			margin-bottom: -1px; /** -W  **/
			margin-left: 1px;    /**  W  **/
			margin-right: -1px;  /** -W  **/
			background: transparent url(/rounded.php?cn=br&s=10&b=1&cb=3698f9&ci=FFFFFF&co=FFFFFF) no-repeat bottom right;
			float:left;
		}
		
		#contendor #cuerpo #derecha .Proprecomendadas .rbbot3 div {
			position:relative;
			margin-left: -2px;   /** -2W **/
			_margin-left: -3px;
			background: transparent url(/rounded.php?cn=bl&s=10&b=1&cb=3698f9&ci=FFFFFF&co=FFFFFF) no-repeat bottom left;
		}
		
		#contendor #cuerpo #derecha .Proprecomendadas .rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
			width: 100%;
			height: 10px;
			font-size: 1px;
		}
	/********************** CREDITOS ********************************/
	#contendor #creditos { background:url(../images/bg_navegador.jpg) repeat-x; clear:both; font:normal 11px Arial, Helvetica, sans-serif; color:#000000; height:28px; padding:0 0 0 10px; margin:10px 0 10px 0; display:block;}
	#contendor #creditos img { border:0; padding:5px 0 0 0;}