@charset "utf-8";
/* CSS Document */

body{
	font-family:Tw Cen MT, Helvetica, sans-serif;
	font-size:20px;
	height:1300px;
	}
#contenido {
	width:1024px;
	height:1160px;
	margin:0 auto;
	background-color:#ccc
	}

#logo {
	padding:10 5 10 5px;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-449px;
	}
	
#menu ul,li {
	list-style-type:none;
	}
	
#menu {
	width:898px;
	position:relative;
	top:140px;
	left:50%;
	margin-left:-449px;
	padding-top:10px;
	}
	
.menuholder {
	height:54px;
	}

.menuholder li {
	float:left;
	margin-right:25px;
	}

.menuholder a {
	display:block;
	line-height:54px;
	text-align:center;
	text-decoration:none;
	}
.menu_inicio { background-image:url(../images/botonpos1.png);}
.menu_inicio a { width:142px; color:#FFF; font-size:26px}
.menu_inicio a:hover {background-image:url(../images/botonpos2.png); width:142px; color:#FFF; font-size:26px}
.menu_inicio a.active {background-image:url(../images/botonpos2.png); width:142px; color:#CCC; font-size:28px}

.menu_venta { background-image:url(../images/botonpos1.png);}
.menu_venta a { width:142px; color:#FFF; font-size:26px}
.menu_venta a:hover {background-image:url(../images/botonpos2.png); width:142px; color:#FFF; font-size:26px}
.menu_venta a.active {background-image:url(../images/botonpos2.png); width:142px; color:#CCC; font-size:28px}

.menu_arriendo { background-image:url(../images/botonpos1.png);}
.menu_arriendo a { width:142px; color:#FFF; font-size:26px}
.menu_arriendo a:hover {background-image:url(../images/botonpos2.png); width:142px; color:#FFF; font-size:26px}
.menu_arriendo a.active {background-image:url(../images/botonpos2.png); width:142px; color:#CCC; font-size:28px}

.menu_avaluo { background-image:url(../images/botonpos1.png);}
.menu_avaluo a { width:142px; color:#FFF; font-size:26px}
.menu_avaluo a:hover {background-image:url(../images/botonpos2.png); width:142px; color:#FFF; font-size:26px}
.menu_avaluo a.active {background-image:url(../images/botonpos2.png); width:142px; color:#CCC; font-size:28px}

.menu_contacto { background-image:url(../images/botonpos1.png);}
.menu_contacto a { width:142px; color:#FFF; font-size:26px}
.menu_contacto a:hover {background-image:url(../images/botonpos2.png); width:142px; color:#FFF; font-size:26px}
.menu_contacto a.active {background-image:url(../images/botonpos2.png); width:142px; color:#CCC; font-size:28px}



#buscadorinm {
	position:absolute;
	width:898px;
	height:100px;
	top:250px;
	left:50%;
	margin-left:-449px;
	background-color:#036;
	}
	
#ubicacion {
	position:absolute;
	width:898px;
	height:920px;
	top:235px;
	left:50%;
	margin-left:-449px;
	background-color:#FFF;
	}

#ubicacion #mapalocation{
	width:460px;
	height:350px;
	background-color:#000;
	float:left;
	margin-top:10px;
	margin-left:10px;
	padding:0px;
	}

#ubicacion #datoscontacto{
	width:400px;
	height:350px;
	background-color:#E50009;
	float:right;
	margin-top:10px;
	margin-right:10px;
	font-size:18px;
	color:#FFF;
	}
	
#ubicacion #datoscontacto .cali{
	width:380px;
	height:70px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	padding-top:5px;
	}
	
#ubicacion #datoscontacto .bogota{
	width:380px;
	height:70px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	padding-top:5px;
	border-top:1px dotted #FFF;
	}
	
#ubicacion #datoscontacto .usa{
	width:380px;
	height:80px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	padding-top:5px;
	border-top:1px dotted #FFF;
	}
	
#ubicacion #datoscontacto .skype{
	width:380px;
	height:80px;
	float:right;
	margin-top:5px;
	margin-right:10px;
	padding-top:5px;
	border-top:1px dotted #FFF;
	}
	
#ubicacion #datoscontacto .skype #logoskype{
	width:25px;
	height:25px;
	float:right;
	margin-right:5px;
	margin-top:-59px;
	background-repeat:no-repeat;
	}
	
#ubicacion #datoscontacto .skype #logoskype2{
	width:25px;
	height:25px;
	float:right;
	margin-right:5px;
	margin-top:-38px;
	background-repeat:no-repeat;
	}
	
#ubicacion #datoscontacto .skype #facebookpage{
	width:25px;
	height:25px;
	float:right;
	margin-right:5px;
	margin-top:-3px;
	background-repeat:no-repeat;
	}
	
#ubicacion #informacionlugares {
	width:898px;
	height:60px;
	position:relative;
	margin-top:370px;
	}
	
#ubicacion #informacionlugares .principales{
	width:898px;
	height:30px;
	color:#FFF;
	text-align:center;
	background-color:#666;
	}
	
#ubicacion #informacionlugares .zonas{
	width:898px;
	height:30px;
	color:#FFF;
	text-align:center;
	background-color:#000;
	}
	
/* Estilos de Formulario */
.wrapper {
width:898px;
background-image:url(../img/contactobg.png)
}


.blocks p {
margin-bottom:15px;
position:relative;
}

.btn {
display:block;
float:left;
height:31px;
line-height:31px;
padding:0 10px;
background:url(../gfx/bgbtn.jpg) repeat-x;
color:#565e62;
font-weight:bold;
font-size:11px;
border:1px solid #e1e0df;
outline:none;
}

.text,
.textarea {
padding:5px 10px;
height:20px;
border:1px solid #E50009;
color:#000;
background:url(../gfx/bginput.jpg) repeat-x bottom #fff;
position:relative;
z-index:2;
}

.text {
width:220px;
}

.textarea {
height:150px;
width:350px;
}

.blocks label {
float:left;
width:100px;
line-height:37px;
text-align:right;
margin-right:15px;
font-weight:bold;
color:#666;
}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:-4px;
left:110px;
padding:5px 15px 5px 280px;
/*reset label*/
width:auto;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:257px 16px;
}

.blocks label.ok {
background-image:url(../gfx/icook.gif);
background-color:#deefca;
color:#577530;
}

.blocks label.error {
background-image:url(../gfx/icofail.gif);
background-color:#f5d6d7;
color:#c81925;
}

.area label.ok,
.area label.error {
height:163px;
padding-left:410px;
background-position:387px 16px;
}

/* CSS3 */
.btn,
.text,
.textarea,
.blocks label.error,
.blocks label.ok { 
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

a {
color: #CCCCCC;
}

a img {
border:none;
}
/* Fin Estilos de Formulario */

.mensaje {
	font-family:Tw Cen MT, Helvetica, sans-serif;
	font-size:20px;
	width:800px;
	text-align:center;
	margin-top:30px;
	margin:auto;
	padding-top:30px;
	color:#333;
	}
		
#submenu ul,li {
	list-style-type:none;
	}
	
#submenu {
	width:750px;
	position:absolute;
	top:1120px;
	left:50%;
	margin-left:-375px;
	padding-top:20px;
	}
.submenuholder {
	height:54px;
	}

.submenuholder li {
	float:left;
	}
	
.submenuholder a {
	display:block;
	line-height:54px;
	text-align:center;
	text-decoration:none;
	}

	
.submenu_inicio {text-shadow: 0.1em 0.1em #999}
.submenu_inicio a { width:142px; color:#000; font-size:26px}
.submenu_inicio a:hover {width:142px; color:#E50009; font-size:28px}
.submenu_inicio a.active {width:142px; color:#E50009; font-size:28px}

.submenu_venta {text-shadow: 0.1em 0.1em #999}
.submenu_venta a { width:142px; color:#000; font-size:26px}
.submenu_venta a:hover {width:142px; color:#E50009; font-size:28px}
.submenu_venta a.active {width:142px; color:#E50009; font-size:28px}

.submenu_arriendo {text-shadow: 0.1em 0.1em #999}
.submenu_arriendo a { width:142px; color:#000; font-size:26px}
.submenu_arriendo a:hover {width:142px; color:#E50009; font-size:28px}
.submenu_arriendo a.active {width:142px; color:#E50009; font-size:28px}

.submenu_avaluo {text-shadow: 0.1em 0.1em #999}
.submenu_avaluo a { width:142px; color:#000; font-size:26px}
.submenu_avaluo a:hover {width:142px; color:#E50009; font-size:28px}
.submenu_avaluo a.active {width:142px; color:#E50009; font-size:28px}

.submenu_contacto {text-shadow: 0.1em 0.1em #999}
.submenu_contacto a { width:142px; color:#000; font-size:26px}
.submenu_contacto a:hover {width:142px; color:#E50009; font-size:28px}
.submenu_contacto a.active {width:142px; color:#E50009; font-size:28px}

/*#footer {
	position:absolute;
	width:1024px;
	top:1215px;
	left:50%;
	margin-left:-512px;
	height:110px;
	background-color:#E50009;
	padding:5 5 5 5px;
	}*/
	
#footer {
	position:absolute;
	top:1215px;
	width:1024px;
	height:110px;
	left:50%;
	margin-left:-512px;
	background-color:#E50009;
	padding:5 5 5 5px;
	color:#FFF;
	font-size:15px;

	}
#footer2 {
	position:absolute;
	top:1325px;
	width:1024px;
	height:70px;
	left:50%;
	margin-left:-512px;
	margin-top:1px;
	padding:5 5 5 5px;
	font-size:15px;


	}

#footer .info1 {
	color:#FFF;
	font-size:15px;
	position:relative;
	float:left;
	margin-top:15px;
	margin-left:10px;
	}
	
#footer .info2 {
	color:#FFF;
	font-size:15px;
	position:relative;
	float:left;
	margin-top:15px;
	margin-left:10px;
	}
	
#footer .info3 {
	color:#FFF;
	font-size:15px;
	position:relative;
	float:left;
	margin-top:15px;
	margin-left:10px;
	}
	
#footer .info4 {
	color:#FFF;
	font-size:16px;
	position:relative;
	float:left;
	margin-top:5px;
	margin-left:30px;
	}

#footer .info5 {
	color:#FFF;
	font-size:15px;
	position:relative;
	float:left;
	margin-top:5px;
	margin-left:20px;
	text-align:center;
	}
.footerfinal{
	background-image:url(../bgfooter.jpg);
	background-repeat:repeat-x;
	
	}
.cols{
	height: 260px;
	width: 1024px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	margin-left:60px;
	vertical-align: middle;
}
.cols .col{
	vertical-align:middle;
	margin-top:10px;
	float: left;
	margin-left: 40px;
	width: 200px;
}
.cols .col .title{
	text-transform: uppercase;
	color: #333;
	margin-bottom: 10px;
	font-size: 1.1em;
	vertical-align:middle;
}
.cols .col ul{
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align:middle;
}
.cols .col ul li a{
	color: #666;
	font-size: .9em;
	vertical-align:middle;
}
.cols .col ul li a:hover{
	color: #333;
	vertical-align:middle;
}