@charset "UTF-8";
/* CSS Document */
/*
====================================================================================== MAIN!!
*/
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #303030;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	font-family:'Ubuntu', sans-serif;
	color:#565656;
}
/*
====================================================================================== LINKS!!
*/
a:link {color: #a71343;text-decoration: none;}
a:visited {color: #575757;text-decoration: none;}
a:hover {color: #730c2e;text-decoration: underline;}
a:active {text-decoration: none;}
a:focus {outline:none;}
/*
====================================================================================== COLORES!!
*/
.verde{color:#007167;}
.verde_light{color:#0b8733;}
.morado{color:#740c2f;}
.morado_light{color:#a71343;}
/* grises */
.gris_e7{color:#e7e7e7;}
.gris_da{color:#dadada;}
.gris_a8{color:#a8a8a8;}
.gris_a1{color:#a1a1a1;}

/*
====================================================================================== LAYOUT!!
*/
#btn_chat{
	clear:both;
	width:220px;
	height:80px;
	margin-top:10px;
}
#horario_chat{
	width:230px;
	height:auto;
	text-align:center;
	font-size:11px;
}
.container{margin:15px auto;}
#main{
	width:1004px;
	height:auto;
    background: url("../images/header_bg.jpg") no-repeat scroll 0 0 transparent;	
}

#content{
	clear:both;
	background:url(../images/header_bg_center.jpg) top left;
	width:1004px;
}

#content_bottom{
	clear:both;
	background:url(../images/header_bg_bottom.png) no-repeat top left;
	width:1004px;
	height:8px;
	margin-top:-10px;
}

.clear{
	clear:both;
}

#content h1{
	background:url(../images/bakgrounds/title.png) no-repeat top left;
	color:#FFF;
	font-size:24px;
	font-weight:700;
	width:575px;
	height:40px;
	padding:12px 0 0 20px;
	margin:0 0 10px;
	line-height:1em;
}

#content .titulo h1{
	color: #780828;
	background: none;
	font-size: 18px;
	margin: 10px 0;
	padding: 0;
	font-weight: normal;
	width: 100%;
	height: 20px;
	text-align: center;
	line-height: 1em;
}

.separador{
	background:url(../images/bakgrounds/separador.png) top left no-repeat;
	width:630px;
	height:11px;
	margin:20px auto;
}

.big_link{
	display:block;
	background:url(../images/bakgrounds/big_link.png) no-repeat top left;
	color:#FFF !important;
	font-size:24px;
	font-weight:700;
	width:525px;
	height:44px;
	padding:16px 0 0 70px;
	margin:0;
	line-height:none;
}

.big_link:hover{
	opacity:0.8;
	text-decoration:none;
}

p span{
	font-style:italic;
	color:#a71343;
}

/*
====================================================================================== MENU!!
*/
#main_menu{
	list-style:none;
	height:46px;
	width:751px;
	margin:15px 10px 0 0; 
 	padding:0;
	float:right;
	font-size:13px;
}
#home-btn{
	display:block;
	background:url(../images/menu/home_btn.png) no-repeat;
	background-position:bottom !important;
	width:42px;
	height:46px;
	text-decoration:none;
	cursor:pointer;
}
#home-btn:hover{
	background-position:center !important;
	cursor:pointer;
}
#home-btn:active{
	background-position:top !important;
	cursor:pointer;
}
#main_menu li{
	float:left;
	height:46px;
}
.menu_separador{
	width:1px;
	height:46px;
	display:block;
	background:#fff;
}
.menu_btn{
	width:99px;
	height:40px;
	padding-top:6px;
	background:url(../images/menu/btn_main_menu.jpg) no-repeat;
	background-position:bottom !important;
	display:block;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.menu_btn:hover{
	background-position:center !important;
	text-decoration:none;
}
.menu_btn:active{
	background-position:top !important;
	text-decoration:none;
}
/*
====================================================================================== HEADER!!
*/
#header{
	width:1004px;
}
#MainSlideShow{
	width:750px;
	height:371px;
	display:block;
	position:relative;
	top:5px;
	z-index:1000;
	float:right;
	margin-right:10px;
}
#logo{
	background:url(../images/Logo.png) no-repeat;
	width:220px;
	height:70px;
	display:block;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#logo:hover{
	opacity:0.8;
}

.header_generico{
	width:986px;
	height:131px;
	clear:both;
	margin:15px auto;
}
/*
====================================================================================== BANNERS!!
*/
#banners{
	width:1004px;
	height:175px;
	display:block;
	background:url(../images/banners_bg.jpg) no-repeat;
}
.banners_home{
	width:317px;
	height:150ox;
	float:left;
	margin-bottom:5px;
  margin-left:10px;
  margin-right:7px;
  margin-top:10px;
  }
  #banner_45anos{
	  width:250px;
	  height:140px;
 }
#btn_map{
	width:290px;
	height:138px;
	margin-left:20px;
	margin-bottom:10px;
}
#contacto_datos{
	width:250px;
	height:auto;
}
.texto_sidebar{
	width:250px;
	height:auto;
	margin:15px auto;
	text-align:justify;
	font-size:11px;
}
/*
====================================================================================== FOOTER!!
*/
#footer{
	width:1004px;
	height:85px;
	background:url(../images/foter_bg.jpg) no-repeat;
	display:block;
}
#sitemap{
	list-style:none;
	margin:0;
	padding:0;
	/*float:right;*/
	margin:10px auto;
	/*margin-right:10px;*/
	font-size:12px;
	line-height:30px;
}
#social_btns{
	list-style:none;
	margin-top:-10px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	float:right;
	/*width:220px;*/width:180px;
	height:40px;
}
#social_btns li{
	float:left;
	margin:5px;
}
#copy{
	width:350px;
	font-size:12px;
	color:#999;
	margin:14px auto;
}
#tel_footer{
	float:left;
	width:230px;
	position:relative;
	left:20px;
	top:3px;
}
.social_btns_texto{
	font-size:12px !important;
	color:#999 !important;
	margin:12px 0 0 0!important;
}
.redes_btns{
	display:block;
	width:32px;
	height:32px;
	background-position:bottom !important;
	cursor:pointer;
}
.redes_btns:hover{
	background-position:center !important;
}
.redes_btns:active{
	background-position:top !important;
}
#facebook_32px{
	background:url(../images/redes/facebook_btn-32px.png) no-repeat;
}
#twitter_32px{
	background:url(../images/redes/twitter_btn-32px.png) no-repeat;
}
#youtube_32px{
	background:url(../images/redes/youtube_btn-32px.png) no-repeat;
}

#instagram_32px{
	background:url(../images/redes/instagram_btn-32px.png) no-repeat;
}

/*
====================================================================================== BUSCADOR HOME
*/

#buscador_home{
	width:232px;
	float: left;
	text-align:center;
	margin-top:30px;
	margin-left:10px;
}

.separador_buscador{
	width:242px;
	height:2px;
	background:url(../images/buscador-home/separador_buscador.png) no-repeat center top;
	margin:10px 0 0;
}

#buscador_home h3{
	color:#A71343;
	margin:10px 0;
}


#buscador_home ul{
	text-align:left;
	padding-left:50px;
}

#buscador_home li{
	list-style:none;
}

#select_rango{
	background:url(../images/buscador-home/campo_home.png) no-repeat top left;
	display:inline-block;
	width:214px;
	height:32px;
	cursor:pointer;
	font-size:16px;
	padding:8px 0 0 10px;
	margin-left:4px;
	text-align:left;
}
#select_rango:hover{
	text-decoration:none;
	color:#333;
}


#select_rango_menu{
	background: url(../images/header_bg.jpg) center;
	border-radius:0 0 20px 20px;
	position:absolute;
	z-index:9999;
	margin:0 0 0 5px;
	width:224px;
	display:none;
	  -moz-box-shadow: 0px 5px 5px #333;
	  -webkit-box-shadow: 0px 5px 5px #333;
	  box-shadow: 0px 5px 5px #333;	
}

#select_rango_menu a{
	display:block;
	padding:10px;
}

#select_rango_menu a:last-child{
	border-radius:0 0 20px 20px;
}

#select_rango_menu a:hover{
	color:#FFF;
	text-decoration:none;
	background:url(../images/buscador-home/boton.jpg) repeat-x;
}


#boton_busca_home{
	background:url(../images/buscador-home/btn_encuentra_tu_casa.png) no-repeat bottom left;
	display:inline-block;
	width:224px;
	height:65px;
	margin-top:15px;
}

#boton_busca_home:hover{
	background-position:top left;
}


/*
====================================================================================== SLIDE HOME!!
*/

#menu_slide{
	float:right;
	width:202px;
	height:365px;
	position:relative;
	top:-365px;
	z-index:9998;
}
#slide_content{
	height:370px;
	overflow:hidden;
}
#menu_slide a{
	display:block;
	width:140px;
	height:59px;
	background:url(../images/slide_home/option.png) no-repeat top left;
	padding:14px 10px 0 52px;
	overflow:hidden;
	margin:0;
	font-size:11px;
	color:#666;
}

#menu_slide a:hover{
	text-decoration:none;
	color:#007167;
}			

#menu_slide a:hover div{
	color:#a71343;
	background:url(../images/slide_home/dot_1.png) no-repeat 0 5px;				
}			

#menu_slide a div{
	font-weight:700;
	font-size:14px;
	background:url(../images/slide_home/dot.png) no-repeat 0 5px;
	text-indent:10px;
}			
#marco_slide{
	position:relative;
	width:202px;
	height:365px;
}

#slide_main{
	position:relative;
	top:-355px;
	width:750px;
	height:365px;

}
#marco_top{
	position:relative;
	z-index:9999;
}
#marco_left{
	position:relative;
	z-index:9999;
}
#marco_right{
	position:relative;
	z-index:9999;
	float:right;
}	

#marco_bottom{
	position:relative;
	z-index:9999;
	float:right;
	top:-730px;
	margin-bottom:-730px;
}

.slide_selected{
	background:url(../images/slide_home/option_selected.png) no-repeat top left !important;				
	color:#007167 !important;
}

.slide_selected div{
	color:#a71343;
	background:url(../images/slide_home/dot_1.png) no-repeat 0 5px !important;
}			

.clear{
	clear:both;
}

/*
====================================================================================== MENU!!
*/
ul.topnav li {  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  

ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: -3px; top: 44px;  
    background: #7b0c26;  
    margin: 0; 
	padding: 0;  
    display: none;  
    float: left;  
    width: 102px;  
    border: 1px solid #FFF;
	z-index:99999999;
	/*opacity:0.8;*/
	padding-bottom:2px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}  
ul.topnav li ul.subnav li{  
    margin: 0; 
    clear: both;  
    width: 102px;
	height:23px !important;
	overflow:hidden;
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 102px;  
    background:url(../images/menu/submenu_btn.jpg) repeat-x bottom;
	color:#FFF;
	height:17px;
	font-size:10px;
	padding:4px 0 0 3px;
	margin:2px !important;	
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background:url(../images/menu/submenu_btn.jpg) repeat-x top;
	text-decoration:none;
}  

/*
====================================================================================== DESARROLLOS!!
*/
#menu_izquierda{
	width:355px;
	float:left;
	min-height:300px;
	background:url(../images/bakgrounds/sidebar.png) 323px 0 no-repeat;
}
#menu_izquierda2{
	width:355px;
	float:left;
	min-height:300px;
	background:url(../images/bakgrounds/sidebar2.png) 323px 0 no-repeat;
}
#contenido_derecha{
	width:597px;
	float:right;
	padding:0 38px 20px 10px;
	text-align:justify;
}

.enlaces_menu_izquierda a{
	display:block;
	width:298px;
	height:40px;
	background:url(../images/bakgrounds/side_option_0.png) no-repeat top left;
	margin-bottom:-5px;
	font-weight:700;
	font-size:16px;
	color:#77141a;
	padding:18px 0 0 60px;
}

.enlaces_menu_izquierda a:hover{
	text-decoration:none;
	opacity:0.8;
}

.enlaces_menu_izquierda_sel{
	background:url(../images/bakgrounds/side_option_1.png) no-repeat top left !important;
}

.enlaces_menu_izquierda_sel:hover{
	opacity:1 !important;
}

.logo_desarrollo{
	text-align:center;
	margin:10px 0;
}

.direccion_menu_izquierda{
	font-size:14px;
	color:#761334;
	padding:15px 0 15px 60px;		
}

.direccion_menu_izquierda span{
	font-weight:700;
}

.logos_relacionados{
	text-align:center;
	margin:20px 0;
}

.galleria_wrapper{
	margin:10px 0 20px 0;
}

.pic_galleria{
	width:112px;
	height:82px;
	float:left;
	margin:3px;	
}

.pic_galleria a{
	display:block;
	width:110px;
	height:80px;
	border:1px solid #999;
}

.pic_galleria a:hover{
	background:url(../images/bakgrounds/zoom.png);
	border:1px solid #000;
}

h2{
	color:#007167;
	font-size:24px;
	margin:0;
	padding:0;
	line-height:20px;
}
h4{
	color:#a71343;
	font-size:16px;
	margin:0;
	padding:0;
	line-height:10px;
	/*float:left;
	margin-right:5px;*/
}
.listado_valores{
	margin-left:20px;
	padding:0;
}
.listado_valores p{
	margin:5px 0px 10px 0px;
	padding:0;
}
.left{
	float:left;
}
.right{
	float:right;
}
.mapa_interactivo{
	display:block;
	width:406px;
	height:111px;
	background:url(../images/buttons/mapa_interactivo.png) no-repeat;
	background-position:bottom !important;
	cursor:pointer;
	position:relative;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

.mapa_interactivo:hover{
	background-position:top !important;
}

.two_colums_left{
	width:491px;
	height:355px;
	margin:12px 0 12px 12px;
	float:left;
}
.two_colums_right{
	width:450px;
	margin:12px 25px 12px 0;
	float:right;
	text-align:justify;
}	
.title_large{
	width:986px !important;
	height:52px !important;
	background:url(../images/bakgrounds/title_LARGE.png) no-repeat top left !important;
	margin-left:8px !important;
	margin-bottom:0px !important;
}

.listado_desarrollo{
	width:140px;
	padding:5px 0;
	overflow:hidden;
	display:block;
	float:left;
	background:url(../images/bakgrounds/listado_desarrollos2.png) no-repeat top left;
	margin:0 10px 10px 0;
}

.listado_desarrollo:hover{
	opacity:0.8;
}

.ubicacion_des{
	width: 140px;
	display: block;
	font-size: 12px;
	line-height: 1.1em;
	height: 35px;
}

#wrapper_listado{
	width:450px;
	margin:0 auto;
	min-height:360px;
}

#close_map{
		background:url(../images/map_images/cerrar_btn.png) no-repeat;
		background-position:bottom !important;
		width:32px;
		height:32px;
		display:block;
		float:right;
		margin:0 10px -10px 0;
		z-index:99999;
}
#close_map:hover{
	background-position:top !important;
}

#full_wrapper{
	width:1000px;
	height:632px;
	margin:0 auto;
	
}

#full_push{
	width:100%;
	height:50%;
	margin-bottom:-316px;
}

.btnBack{
	display:block;
	float:right;
	width:115px;
	height:52px;
	background:url(../images/btn_regresar.png) no-repeat bottom left;
	margin-top:-62px;
}
.btnBack:hover{
	background:url(../images/btn_regresar.png) no-repeat top left;
}
.btnBack:active{
	opacity:0.8;
}

.info_desarrollos {
	color: #333;
	padding: 5px 15px;
	line-height: 1.2em;
	font-size: 15px;
	font-weight: bold;
}

.info_desarrollos_ant {
	color: #333;
	padding: 5px 50px;
	line-height: 1.4em;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
/*
====================================================================================== NOTICIAS!!
*/

.noticia{
	display:block;
	width:263px;
	height:350px;
	float:left;
	margin:17px;
}

.noticia:hover{
	opacity:0.8;
	text-decoration:none;
	color:#666;
}

.noticia_imagen img{
	width:263px;
	height:163px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px #C8C8C8;
}

.noticia_titulo{
	color:#007167;
	font-size:16px;
	font-weight:700;
}

.noticia_detalle{
	margin:10px 0 0 0;
	text-align:justify;
	color:#666;
}

.noticia_detalle span{
	display:block;
	float:right;
	color:#A71343;
	margin-top:10px;
}

#list_news{
	min-height:600px;
}

#paginacion{
	width:800px;
	overflow:hidden;
	float:right;
	text-align:right;
	margin:-48px 30px 0 0;
}

#paginacion a{
	display:inline-block;
	width:20px;
	height:17px;
	text-align:center;
	padding-top:3px;
	color:#FFF;
	font-weight:bold;
    border-radius: 5px 5px 5px 5px;
}

#paginacion a:hover{
	background:#4CBAA4;
	text-decoration:none;
}

.pag_sel{
	background:#FFF;
	color:#007167 !important;
}

.pag_sel:hover{
	background:#FFF;
	color:#007167 !important;
}

.loading{
	background:url(../images/loading.gif) no-repeat center;
}

.noticia_wrap{
	padding:10px 20px;
	text-align:justify;
}

.noticia_wrap span{
	color:#A71343;
	font-style:oblique;
}


.noticia_wrap img{
	margin:0 20px 20px 0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px #C8C8C8;	
}
/*
====================================================================================== CONTACTO!!
*/
#contact-wrapper {
	width:600px;
	height:auto;
	height:auto;
	/*float:left;*/
	margin-left:-5px;
}
#contact-wrapper div {
	/*clear:both;*/
	/*margin:1em 0;*/
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:13px;
	width:auto;
	margin:5px 0;
}
input.contacto_input, #contactname, #email, #subject {
	background:url(../images/contacto/campo_txt.png) no-repeat;
	/*background:#fff;*/
	border:none;
	padding:5px;
	font-size:14px;
	color:#000;
	width:440px;
	height:25px;
	margin:3px 0;
	/* Rounded */
	/*
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
	/* inset Shadow */
	/*
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	*/
}

select.selectbox{
	background:url(../images/contacto/campo_txt.png) no-repeat;
	/*background:#fff;*/
	border:none;
	padding:5px;
	font-size:14px;
	color:#000;
	width:447px;
	height:33px;
	margin:3px 0;
	padding-top:7px;
	color:#666;
	/* Rounded */
	/*
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
	/* inset Shadow */
	/*
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	*/
}

#message {
	padding:5px;
	width:440px;
	background:url(../images/contacto/mensaje_txt.png) no-repeat;
	/*background:#fff;*/
	height:115px;
	border:none;
	color:#000;
	overflow:auto;
	margin:3px 0;
	/* Rounded */
	/*
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
	/* inset Shadow */
	/*
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	*/
}
.error{
	color:#FF0000;
}
#enviar_btn{
	width:163px;
	height:60px;
	margin-top:0px;
	display:block;
	background:url(../images/contacto/enviar_btn.png) no-repeat;
	background-position:bottom !important;
	padding:0;
	cursor:pointer;
	color:#CCCCCC;
	clear:both;
	float:right;
}
#enviar_btn:hover{
	background-position:top !important;
}
#enviar_btn:active{
	opacity:0.8;
}

#boton_adjunto{
	width:163px;
	height:60px;
	margin-top:0px;
	display:block;
	background-position:bottom !important;
	padding:0;
	cursor:pointer;
	color:#CCCCCC;
	float:left;
}
#boton_adjunto:hover{
	background-position:top !important;
}

.boton_curriculum{
	background:url(../images/contacto/btn_attach_curriculum.png) no-repeat;	
}

.boton_catalogo{
	background:url(../images/contacto/btn_attach_catalogo.png) no-repeat;	
}

#file_description{
	padding-top:35px;
	font-size:10px;
	width:110px;
	overflow:hidden;
}



#data_contacto{
	float:left;
	width:120px;
	height:auto;
	text-align:right;
	padding-right:10px;
	margin-top:5px;
	line-height:17px;
}

#data_contacto label{
	margin:16px 0 25px;
}

#campos_contacto{
	padding:10px;
	width:449px;
	height:360px;
	float:left;
	background:url(../images/contacto/bg_fomacontacto.png) top no-repeat;
}
#campos_contacto_long{
	padding:10px;
	width:449px;
	height:510px;
	float:left;
	background:url(../images/contacto/bg_fomacontacto_long.png) top no-repeat;
}
/*
====================================================================================== COMUNIDAD SAN CARLOS!!
*/
#bienvenidos_comunidad{
	background:url(../images/comunidad_sancarlos_bienvenidos.png) top no-repeat;
	width:595px;
	height:432px;
	position:relative;
}
#reglas_comunidad{
	background:url(../images/comunidad_sancarlos_reglas.png) top no-repeat;
	width:595px;
	height:532px;
	position:relative;
}
#recomienda_comunidad{
	background:url(../images/comunidad_sancarlos_recomienda.png) top no-repeat;
	width:595px;
	height:480px;
	position:relative;
}
#comunidad_inicio{
	color:#fff;
	text-align:justify;
	width:425px;
	height:auto;
	position:relative;
	top:25px;
	left:25px;
}
#comunidad_reglas{
	color:#fff;
	text-align:justify;
	width:460px;
	height:auto;
	position:relative;
	top:25px;
	left:5px;
}
#comunidad_recomienda{
	text-align:justify;
	width:540px;
	height:auto;
	position:relative;
	top:25px;
	left:15px;
}

.recomienda_aqui{
	display:block;
	width:260px;
	height:60px;
	cursor:pointer;
	background:url(../images/btn_recomienda_aqui.png) no-repeat;
	background-position:bottom !important;
}
.recomienda_aqui_active{
	display:block;
	width:260px;
	height:60px;
	cursor:pointer;
	background:url(../images/btn_recomienda_aqui.png) no-repeat;
	background-position:top !important;
}
.recomienda_aqui:hover{
	background-position:top !important;
}
.recomienda_aqui:active{
	opacity:0.8;
}

/* =========================================================================== COMO LLEGAR */

.lista_rutas{
	margin:10px 0;
}

.ruta{
	width:186px;
	float:left;
	margin-right:10px;
}

.ruta_color{
	float:left;
	width:30px;
	height:10px;
	margin:3px 10px 0 0;
	border-radius:10px;
}


/* ============================================================================= CALENDARIO */

#fecha_calendar {
    height: 25px;
    list-style: none outside none;
    margin: 0 auto -8px;
    text-align: center;
    width: 100%;
}
#calendar, #loading {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    height: 314px;
    margin: 10px auto;
    text-align: center;
    vertical-align: middle;
    width: 287px;
}
#loading {
    width: 100%;
}
#loading img {
    margin: 0 auto;
    position: relative;
    top: 130px;
    vertical-align: middle;
}
#calendar td, #calendar th {
    background: url("../images/cells.png") repeat scroll 0 0 transparent;
    border: 0 none;
    color: #AAAAAA;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
#calendar th {
    background: url("../images/cells.png") repeat scroll 0 0 transparent;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
}
#calendar td:hover, #calendar th:hover {
    background-position: 0 -81px;
    color: #FFFFFF;
    vertical-align: middle;
}
#calendar td.date_has_event {
    background-position: 159px 0 !important;
    color: white;
    vertical-align: middle;
}
#calendar td.date_has_event:hover {
    background-position: 162px -81px;
    vertical-align: middle;
}
#calendar td.padding {
    background: url("../images/calpad.jpg") repeat scroll 0 0 transparent;
}
#calendar td.today {
    background-position: 80px 0 !important;
    color: white;
}
#calendar td.today:hover {
    background-position: 81px -81px;
}
#calendar td.temporada_alta {
    background: url("../images/cells2.png") repeat scroll 0 -81px transparent;
    color: white;
}
#calendar td.temporada_alta:hover {
    background-position: 0 0;
}
#calendar .events {
    bottom: 40px;
    position: relative;
}
#calendar .events ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F8F8F8;
    color: #000000;
    display: none;
    font-size: 15px;
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 300px;
    z-index: 1000;
}
#calendar .events li {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    margin: 0;
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}
#calendar .events li span {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    list-style: square outside none;
    text-align: justify;
}
#calendar .events li span .title {
    color: #FFFFFF;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    margin: 3px 0;
    padding: 0;
}
#calendar .eventos_prox {
    background: none repeat scroll 0 0 #000000;
    display: inline-block;
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#calendar .cambia_evento {
    float: left;
    margin-right: 4px;
}
#calendar .li_proximos {
    height: 44px;
    padding: 0 6px;
}
.fechas {
    float: left;
    list-style: none outside none;
    margin: 1px 10px;
    padding: 0;
    text-align: center;
    width: 80px;
}
#acotaciones {
    display: inline-block;
    margin: 10px 0;
    padding: 0;
}
#acotaciones ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 400px;
}
#acotaciones ul li {
    display: block;
    float: left;
    padding-right: 10px;
    text-align: left;
    width: auto;
}
.aco1, .aco2, .aco3 {
    background: url("../images/cells.png") repeat scroll 159px 0 transparent !important;
    color: #FFFFFF;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.aco2 {
    background-position: 80px 0 !important;
}
.aco3 {
    background-position: left top !important;
}

#calendario{
	width:287px;
	float:left;
}

#proximos_eventos{
	width:270px;
	float:right;
	
}

.evento h4{
	margin-top:10px;
	line-height:normal;
	margin-bottom:0;
	text-align:left;
	font-size:14px;
}

.evento:hover h4{
	opacity:0.8;
	text-decoration:underline;
}

.evento p{
	margin:0;
	color:#565656;
	font-style:italic;
}

.evento .ver_detalle{
	text-align:right;
}
/*
====================================================================================== FORMA RECOMIENDA AQUI!!
*/
#recomienda_forma{
	background:url(../images/forma_recomienda/bg_forma_recomienda.png) top no-repeat;
	width:600px;
	height:960px;
}
#recomienda_forma input, #recomienda_forma textarea{
	color:#fff;
}
.separator_recomienda{
	width:560px;
	height:2px;
	clear:both;
	margin:10px auto;
	background:url(../images/forma_recomienda/pointline_bg.png) repeat-x;
	
}
#no-afiliacion{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
}
#afiliacion{
	background:url(../images/forma_recomienda/campo_txt_afiliacion.png) top no-repeat;
	width:143px;
	height:15px;
	padding:5px;
	border:none;
}
#fecha{
	float:right;
	margin-right:70px;
	margin-top:20px;
	margin-bottom:20px;
	color:#007167;
}
#campos_recomendador{
	list-style:none;
	margin:0;
	padding:0;
}
#campos_recomendador .data_left{
	float:left;
	text-align:right;
	width:280px;
	color:#007167;
}
#campos_recomendador .data_right{
	float:right;
	margin-right:30px;
	width:280px;
}
#campos_recomendado{
	list-style:none;
	margin:0;
	padding:0;
}
#campos_recomendado .data_left{
	float:left;
	text-align:right;
	width:280px;
	color:#007167;	
}
#campos_recomendado .data_right{
	float:right;
	margin-right:30px;
	width:280px;
}
.generico{
	background:url(../images/forma_recomienda/campo_txt_generico.png) top no-repeat;
	width:280px;
	height:13px;
	padding:5px;
	border:none;
}
#observaciones_txt{
	background:url(../images/forma_recomienda/campo_txt_mensaje.png) top no-repeat;
	width:280px;
	height:65px;
	display:block;
	border:none;
	padding:5px;
}
#registrar_recomienda{
	display:block;
	background:url(../images/forma_recomienda/registrar_btn.png) no-repeat;
	width:150px;
	height:50px;
	background-position:center !important;
	border:none;
	float:right;
	margin-right:20px;
	cursor:pointer;
}
#registrar_recomienda:hover{
	background-position:top !important;
}
#registrar_recomienda:active{
	opacity:0.8;
}

label.error{
	background:url(../images/bakgrounds/error.png) no-repeat top left;
    color: #FFFFFF;
    font-size: 12px !important;
    font-weight: bold;
    height: 15px;
    left: 330px;
    margin-bottom: -40px !important;
    opacity: 0.8;
    padding: 6px 10px 14px 10px;
    position: relative;
    top: -60px;
    width: 200px !important;
}

label.error[for="message"]{
	top:-150px;
}
/*
====================================================================================== SOCIOS COMERCIALES!!
*/
.socio_base{
	width:190px;
	height:190px;
	background:url(../images/socios_comerciales/base_socios_comerciales.png) top no-repeat;
	float:left;
	margin:3px;
}
.socio_base img{
	margin:5px;
}



.galeria_thumb{
	width:140px;
	height:150px;
	float:left;
	margin:20px 10px 0 0;
	text-align:center;
}


.link_gal{
	display:block;
	width:140px;
	height:100px;

}

.link_gal:hover{
	background:url(../images/bakgrounds/zoom2.png) no-repeat top left;
}
.galeria_thumb p{
	line-height:none;
	margin:0;
	padding:0;
	font-size:12px;
	color:#333;
}

.fecha_gal{
	font-size:10px;
	color:#999;
}

label.error{
	width:1px;
	height:1p1;
	overflow:hidden;
	display:none;
	opacity:0;
	position:absolute;
}

#link_todos{
	width:140px;
	height:35px;
	background:url(../images/buttons/ver_todos.png) center bottom no-repeat;
	display:inline-block;
}

#link_todos:hover{
	background-position:top;
}
/*
====================================================================================== FORMATO/Qu� casa debo comprar!!
*/
.formato_btn{
	display:block;
	width:250px;
	height:80px;
	cursor:pointer;
	background-position:bottom !important;
}
.formato_btn:hover{
	background-position:top !important;
}
.formato_btn:active{
	opacity:0.8;
}
#descargar_formato{
	background:url(../images/descargar_btn.png) no-repeat;
	float:left;
}
#imprimir_formato{
	background:url(../images/imprimir_btn.png) no-repeat;
	float:right;
}

textarea{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/*
====================================================================================== FORMATO /Infonavit!!
*/ 

#content .wrapper_inf{
	width: 900px;
	float: left;
	margin: 0 50px;
	font-family: Arial, Helvetica, sans-serif;
	color: #696969;
}
	#content .wrapper_inf h1{
		font-size: 16px;
		background: none;
		margin: 0;
		padding: 0;
		height: auto;
	}
	#content .wrapper_inf p{
		font-size: 14px;
		margin: 0;
		padding: 0;
	}
	#content .wrapper_inf ul{
		list-style: none
	}
	#content .wrapper_inf img{
		border: none;
		margin: 0;
		padding: 0;
	}

.columnas{
	float: left;
	margin: 0;
	padding: 0;
}

.bg_color_inf{
	background: url(../images/bg_col_izq_inf.jpg) repeat-y left #f1f1f1;
	width: 900px;
	height: auto;
	float: left;
}

.izquierda_inf{
	width: 230px;
	background: inherit;
}
	
.izquierda_inf .menu_inf{
	margin: 10px 0;
	padding: 0;
}
	.izquierda_inf .logo_inf{
		padding: 0;
		margin-left: 20px;
	}
	
	.izquierda_inf h2{
		color: #3f3e3e;
		font-size: 16px;
		padding: 0 15px;
		margin: 8px 0 5px;
	}
	
	.izquierda_inf ul{
		list-style: outside;
		list-style: none;
		margin: 1px 15px 1px 20px;
		padding: 0;
	}
	.izquierda_inf ul.js{
		display: none
	}
	.izquierda_inf ul.actual{
		display: block
	}
		.izquierda_inf ul li{
			padding: 0.5em 0;		
		}
		.izquierda_inf ul li a, .izquierda_inf ul li a:visited{
			font-size:14px;
			padding: 1px;
			text-decoration:none;
			color: #696969;
		}
			.izquierda_inf ul li a:hover, .izquierda_inf ul li a:active, .izquierda_inf ul li a.selected{
				color: #e31b22;
			}

.derecha_inf{
	width: 670px;
}

.derecha_inf .menu_2_inf{
	float: left;
	width: 670px;
}
	.derecha_inf .menu_2_inf ul{
		margin: 0;
		padding: 0;
		list-style: outside;
		list-style: none;
	}
		.derecha_inf .menu_2_inf ul li{
			float: left;
		}
		.derecha_inf .menu_2_inf ul li a{
			width:333px;
			float: left;
			font-size: 24px;
			color: #696969;
			background: url(../images/bg_menu_2_inf.jpg) repeat-x bottom #f1f1f1;
			text-align: center;
			line-height:1em;
			margin: 0;
			padding:48px 0;
			border-width: 0 1px;
			border-color: #e3e3e3;
			border-style: solid;
			font-weight: bold;
			text-decoration:none;
		}
			.derecha_inf .menu_2_inf ul li a.selected, .derecha_inf .menu_2_inf ul li a:hover, .derecha_inf .menu_2_inf ul li a:active {
				background: url(../images/bg_menu_inf.jpg) no-repeat #bfbfbf;;
				color: #ffffff;
				width: 335px;
				border: none;
			}

.derecha_inf .info_inf{
	float: left;
	width: 670px;
	padding: 20px 0;
}
	#content .derecha_inf .info_inf h1{
		color: #e31b22;
		font-size:18px;
		line-height: 1.2em;
		padding: 15px 30px 0;
	}#content .derecha_inf .info_inf h2{
		color: #e31b22;
		font-size:16px;
		line-height: 1.2em;
		padding: 15px 30px 0;
	}
	#content .derecha_inf .info_inf p{
		color: #696969;
		font-size: 14px;
		line-height: 1.2em;
		padding: 5px 35px 10px;
	}
	#content .derecha_inf .info_inf span{
		color: #696969;
		font-size: 14px;
		line-height: 1.2em;
		padding: 10px 35px 0;
	}
	#content .derecha_inf .info_inf ul{
		list-style:none;
		padding: 10px 35px;
		margin: 0;
	}
		#content .derecha_inf .info_inf ul li{
			color: #696969;
			font-size: 14px;
			line-height: 1.5em;
		}
		#content .derecha_inf .info_inf ul ul{
			list-style:none;
			padding: 0 35px 10px;
			margin: 0;
		}
	.derecha_inf .info_inf .header_inf{
		float: left;
		width: 670px;
		background: #e1001a;
		color: white;
		font-size: 24px;
		line-height:1em;
	}
		 #content .derecha_inf .info_inf .header_inf h1{
			width: 400px;
			float: left;
			text-align: left;
			font-size: 24px;
			padding: 30px 0 30px 20px;
			color: white;
		}
		.derecha_inf .info_inf .header_inf img{
			float: right
		}
		
.footer_inf{
	float: left;
	width: 900px;
	background: url(../images/bg_footer_inf.jpg) repeat-x top #f1f1f1;
	border-top: 1px solid #f1f1f1;
	padding: 15px 0 10px;
}
	.footer_inf div{
		float: left;
	}
		.footer_inf .frase_inf{
			font-size: 24px;
			color: #ac1e57;
			width: 360px;
			padding: 10px 20px;
			margin-top: 15px;
		}
		.footer_inf .gsc_inf{
			width: 240px;
		}
		.footer_inf .link_inf{
			width: 250px;
			margin-top: 8px;
		}

/**** Simuladores ****/

.div_background{
	
	
	background: url(../images/fondo_simuladores.png) no-repeat;
	padding: 26px 51px;
	height: 600px;
}


table.simuladores td{
	
	height: 22px;
	
}

table.simuladores tr{
	
	height: 22px;
	
}

select.selectbox_simuladores {
background: url(../images/contacto/campo_txt_small.png) no-repeat;
/* background: #fff; */
border: none;
padding: 8px 4px 6px;
font-size: 14px;
color: #000;
width: 182px;
height: 34px;
margin: 3px 0;
color: #666;
}


select.selectbox_simuladores_disable {
background: url(../images/contacto/campo_txt_small_disable.png) no-repeat;
/* background: #fff; */
border: none;
padding: 8px 4px 6px;
font-size: 14px;
color: #000;
width: 182px;
height: 34px;
margin: 3px 0;
color: #666;
}


.contacto_input_simuladores {
background: url(../images/contacto/campo_txt.png) no-repeat;
/* background: #fff; */
border: none;
padding: 4px 13px 8px;
font-size: 14px;
color: #000;
width: 424px;
height: 25px;
margin: 3px 0;
}


.contacto_input_simuladores_disable {
background: url(../images/contacto/campo_txt_disable.png) no-repeat;
/* background: #fff; */
border: none;
padding: 4px 13px 8px;
font-size: 14px;
color: #000;
width: 424px;
height: 25px;
margin: 3px 0;
}


.contacto_input_small {
background: url(../images/contacto/campo_txt_small.png) no-repeat;
/* background: #fff; */
border: none;
padding: 4px 14px 8px;
font-size: 14px;
color: #000;
width: 156px;
height: 25px;
margin: 3px 0;
}

.contacto_input_small_disable {
background: url(../images/contacto/campo_txt_small_disable.png) no-repeat;
/* background: #fff; */
border: none;
padding: 4px 14px 8px;
font-size: 14px;
color: #000;
width: 156px;
height: 25px;
margin: 3px 0;
}



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