/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0; 
}
html, body{
	font-family: sans-serif;
}
img, fieldset {
	border: 0;
}
img {
	margin: 0;
	padding: 0;
	border-style: none;
}
a, a:hover, a:active{
	text-decoration: none	
}
ul, li{
	list-style: none;
}.clearbox{	width: 0;	height: 0;	display: block; 	clear:both;}
/************************************************************************************
FONTS
*************************************************************************************/
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/Roboto-Thin-webfont.eot');
    src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold_condensed';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Boldd-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_black';
    src: url('../fonts/Roboto-Black-webfont.eot');
    src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Black-webfont.woff') format('woff'),
         url('../fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Black-webfont.svg#roboto_black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************************************************************************
IMÁGENES
*************************************************************************************/
.inicio_01{background-image:url(../img/banner_inicio_01.jpg)}
.inicio_02{background-image:url(../img/banner_inicio_02.jpg)}
.inicio_03{background-image:url(../img/banner_inicio_03.jpg)}
/************************************************************************************
BODY / CONTENEDOR / DIVISIONES PRINCIPALES
*************************************************************************************/
body, html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.contenedor{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.slide{
	width: 18%;
	height: 100%;
	display: block;
	float: left;
	background-color: #fff;
	position: relative;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url(../img/menu_bg.gif);
}
.main{
	width: 82%;
	height: 100%;
	display: block;
	float: left;
	background-color: #fff;
	position: relative;
}
.main_inicio{
	width: 82%;
	height: 100%;
	display: block;
	float: left;
	position: relative;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	background:#fff;
}
.texto{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.titulo_01{
	padding: 0 15% 20px 15%;
	margin: 0;
	font-family: 'robotolight', sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-align:left;
	clear: both;
}
.titulo_01 span{
	float: left;
}
.titulo_01 img{
	margin: 0 0 0 10px;
}
.titulo_02{
	padding: 0 12% 20px 12%;
	margin: 0;
	font-family: 'robotolight', sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-align:left;
	clear: both;
}
.subtitulo_01{
	padding: 0 15% 20px 15%;
	margin: 0;
	font-family: 'robotolight', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.subtitulo_02{
	padding: 0 12% 20px 12%;
	margin: 0;
	font-family: 'robotolight', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.parrafo_01{
	padding: 0% 15%;
	margin: 0;
	font-family: 'robotoregular', sans-serif;
	font-size: 14px;
	font-weight: normal;	
	text-align:justify;
	line-height: 17px;
}
.parrafo_02{
	padding: 0% 12%;
	margin: 0;
	font-family: 'robotoregular', sans-serif;
	font-size: 13px;
	font-weight: normal;	
	text-align:justify;
	line-height: 15px;
}.colork{color:#4db205;}.colorf{color:#fff;}.color0{color:#000;}.color1{color:#333;}.color2{color:#666;}
/************************************************************************************menu_principal*************************************************************************************/.menu_principal {  width:100%;  height: auto;  display:block;  }.menu_principal ul{	width:100%;	height: auto;  	margin: 0;  	padding: 0;}.menu_principal li{  width:100%;  height:auto;       display:block;  position:relative;  margin: 1px 0 0 0;  background:url('../img/boton_bg.jpg');}#mbg1{background:url('../img/boton_bg_2.jpg')}#mbg2{background:url('../img/boton_bg_3.jpg')}.menu_principal ul li a{	width:90%;	  	height:auto;	  	padding: 7px 0 7px 10%; 		display:block;	    	font-family: 'robotolight', sans-serif;	font-weight:normal;	font-size: 15px;	color: #333;    }         .menu_principal ul li a:hover{color: #4db205;}/* MENU ESCORIAL */.menu_escorial_logo{  width:100%;  display:block;  height:12%;  background-image:url('../img/logo_el_escorial_01.gif');  float:left;  border-bottom:1px solid #f5f5f5;  background-size: 100% auto;	background-repeat: no-repeat;	background-position: center center;  }.menu_escorial {	width:100%;  	height:auto;    	display:block;  	position:relative;    	clear: both;  }.escorial_logo{	width:100%;	  	height:auto;	  	display:block;	 	margin: 0;	  	padding: 0;	position:relative; 	background-color: #4db205;}.escorial_logo img{	width:100%;  	height: auto;  	margin: 0;  	padding: 0; }.menu_escorial ul{	width:100%;	height:auto;	margin:0; 	padding: 0;		clear: both;  }.menu_escorial li{	width:100%; 	height:auto;     	display:block;	margin: 1px 0 0 0;}.menu_escorial ul li a{	width:90%; 	height:auto;  	padding: 7px 0 7px 10%;   	display:block;   	font-family: 'robotolight', sans-serif;	font-weight:normal;	font-size: 15px;  	background:#4db205;		color: #fff;  	}  .menu_escorial ul li a:hover{color: #b9ee93;}/* FOOTER */.creditos{	width: 100%;	margin: 0;	position: absolute;	z-index:100;	bottom: 0;	left: 0;	font-family: 'robotomedium', sans-serif;	font-size: 10px;	color: #333;}.creditos p{	margin: 0;	padding: 0 10%;	line-height:11px;}/* SLIDE-MENU-MOVIL----------------------------------------------------------------------------------------------------*/.menumovil_header{	width:100%;	height:65px;	line-height:65px;	display: none;	position: fixed;	z-index: 9999;	top: 0;	left: 0;	background:#fff;}.menumovil_header_sombra{	width: 100%;	height: 5px;	display: none;	position: fixed;	z-index: 9997;	top: 65px;	left: 0;	background-size: 100% auto;	background-position: center center;	background-repeat: repeat-x;	background-image:url(../img/sombra.png);}.logomovil{	width:auto;	height:65px;	position:absolute;	z-index:900;	top:0;	left:20px;}.movil_titulo {	font-size: 0.7em;	font-weight: normal;	font-family: 'robotoregular', sans-serif;	float:right;	line-height:35px;	padding:0 20px 0 0;	margin:15px 0;	text-transform:uppercase;}.logomovil img{	width: auto;	height: 100%;}.bt_menu{	width: 65px;	height: 65px;	margin: 0;	float: right;}.bt_menu img{	width: 65px;	height: 65px;}.menumovil_main{	width:-webkit-calc(100% - 60px);	width:-moz-calc(100% - 60px);	width:calc(100% - 60px);	height:-webkit-calc(100% - 105px);	height:-moz-calc(100% - 105px);	height:calc(100% - 105px); 	padding:30px;	position:fixed;	display:none;	z-index:9998;	top:65px;	right:-100%;	background:#333;	background: rgba(051, 051, 051, 0.9);	overflow-x:hidden;	overflow-y:auto;}.menumovil_main .titulo{	width:100%;	height:auto;		padding:0;	margin:0;		clear:both;	font-size:0.8em;	font-weight: normal;	font-family: 'robotolight', sans-serif;	text-transform:uppercase;	text-align:left;}.menumovil_main .subtitulo{	width:100%;	height:auto;		padding:0;	margin:15px 0 0 0;		clear:both;	font-size:0.8em;	font-weight:normal;	font-family:'robotolight', sans-serif;	text-transform:uppercase;	text-align:left;}.menumovil_main .division{	width:100%;	height:1px;	line-height:1px;		padding:0;	margin:10px 0;		clear:both;	font-size:1px;	background:#999;}.menumovil_main .bt{	width:-webkit-calc(100% - 30px);	width:-moz-calc(100% - 30px);	width:calc(100% - 30px);	height:30px;	line-height:30px;	display:block;		clear:both;	padding:0 15px;	margin:5px 0;	font-family:'robotoregular',sans-serif;	font-size:0.8em;	background:#fff;	color:#333;	text-transform:uppercase;	text-align:left;}.menumovil_main .btsub{	width:-webkit-calc(100% - 60px);	width:-moz-calc(100% - 60px);	width:calc(100% - 60px);	margin:5px 0 5px 30px;}.menumovil_main .bt:hover{	background:#999;	color:#fff;}.menumovil_main .seleccionado, .menumovil_main .seleccionado:hover{	background-color:#4c8f08 !important;	color:#fff !important;}.menumovil_main .btsocial{	width:25px;	height:25px;	display:block;		margin:15px 20px 15px 0;	float:left;}
/************************************************************************************
BANNER SLIDES
*************************************************************************************/
#slides{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
#slides div{
	width: 100%;
	height: auto;
	display: none;
	opacity: 0;
	position: absolute;
	top: 50%;
}

#slides div img{
	width: 100%;
	height: auto;
	display: block;
}

#banner_slide{ }
#banner_menu a{ position: relative; }

#banner_menu a .normal{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 200;
	display: block;
}

#banner_menu a .over{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	display: none;
}

.banner_galeria{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	background-color: #666;
}

.banner_galeria_msj{
	width: 100%;
	height: auto; 
	display: block;
	position: absolute;
	z-index: 900;
	bottom: 1%;
	left:16px;
	padding: 0;
	margin: 0;
	font-family: 'robotoregular', sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
}

.banner_inicio{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	background-color: #666;
}

.banner_menu_inicio{
	width: auto;
	height: 30px;
	position: absolute;
	right: 2%;
	bottom: 2%;
	z-index: 1000;
	display: block;
}

.banner_menu_inicio a{
	width: 30px;
	height:  30px;
	float: left;
	display: block;
}

.banner_menu_galeria{
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	bottom: 6%;
	margin:  0 0 0 -305px;
	z-index: 1000;
	display: block;
}

.banner_menu_galeria a{
	width: 100px;
	height:  50px;
	float: left;
	display: block;
	margin: 0 0 0 2px;
}

.banner_menu_galeria a .normal{
	border: solid 1px #999;
}

.banner_menu_galeria a .over{
	border: solid 1px #fff;
}

/************************************************************************************
INICIO DETALLES
*************************************************************************************/
.title{ 
	position: absolute;
	bottom: 2%;
	right: 2%;
	z-index:1000;
	width: 35%; 
	height: auto;
}
.title img{ 
	width: 100%; 
	height: auto;
}
.title_movil{ 	width: 200px; 	height: auto;      	display: none;      
	position: absolute;
	bottom: 10px;
	right:10px;
	z-index:100;
}
.title_movil img{ 
	width: 100%; 
	height: auto;
}
.desva{                
	position: absolute;  
	top: 0;           
	left: 0;           
	width: 6px;
	height:100%;          	  
	z-index:1000;	  
	display:block;	  
	background:#f0f0f1;   	        
}
.logo{                      
	width: 100%;              
	height: auto;              
	display: block;           
	background:#f2f2f2;   
	position:relative;	
}      
.logo img{                
	width: 100%;              
	height: auto;             
}

/************************************************************************************
QUIENES SOMOS DETALLES
*************************************************************************************/
.jadyh_content{
	width: 82%;
	height: 100%;
	display: table;
	float: left;
	position: relative;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url('../img/quienes_somos_bg2.jpg');
}

.jadyh_texto{
	position: absolute;
	left: 40%;
	top: 0;
	z-index: 100;
	width: 60%;
	height: 100%;
	display: table; 
	color: #333;
	float: left;
}




/************************************************************************************
EXPERIENCIA
*************************************************************************************/ 
.experiencia_content{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.experiencia_slide{
	height: 50%;
	display: block;
	position: absolute;
	z-index: 100;
	background-color: #f3f3f3;
}

.experiencia_slide_imagen{
	width: 100%;
	height: 65%;
	display: block;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.experiencia_slide_texto{
	width: 100%;
	height: 35%;
	display: table;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left center;
	background-image:url('../img/experiencia_sombra_slide.png');
	color: #333;
}

.experiencia_slide_texto h1{
	padding: 0 8% 5px 8%;
	margin: 0;
	font-family: 'robotolight', sans-serif;
	font-size: 18px;
	font-weight: normal;	
}

.experiencia_slide_texto p{
	padding: 0 8%;
	margin: 0;
	font-family: 'robotoregular', sans-serif;
	font-size: 12px;
	font-weight: normal;	
}

.e01{
	top: 0;
	left: 0;
	width: 22%;
}

.e02{
	top: 0;
	left: 22%;
	width: 21%;
}

.e03{
	top: 0;
	left: 43%;
	width: 21%;
}

.e04{
	top: 50%;
	left: 0;
	width: 22%;
}

.e05{
	top: 50%;
	left: 22%;
	width: 21%;
}

.e06{
	top: 50%;
	left: 43%;
	width: 21%;
}

.experiencia_texto{
	height: 100%;
	width: 35%;
	display: table;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 65%;
	color: #333;
}

/************************************************************************************
CONTACTO / proximos proyextos	
*************************************************************************************/ 
.contacto_barra{
	width:40%;
	height:100%;
	display: block;
	float: left;
	position: relative;
	background-color: #666;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.pp_imagen{
	width:40%;
	height:80%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: #999;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.pp_texto{
	width:40%;
	height:20%;
	display: table;
	position: absolute;
	top: 80%;
	left: 0;
	z-index: 100;
	background-color: #666;
	color: #fff;
}

.contacto_content{
	width:60%;
	height:100%;
	display: table;
	position: absolute;
	top:0;
	left:40%;
	z-index: 100;
	background:#fff;
	color: #333;
}

.contacto_content a {color:#333;}
.contacto_content a:hover {color:#4db205;}

.bt_facebook{
	width: 70%;
	height:50px; 
	display: block;
	margin: 20px 15%;
	line-height:50px;  	 
	font-family: 'robotomedium', sans-serif;
	font-size: 13px;
	font-weight: normal;	
	border-bottom:1px solid #999;  
	border-top:1px solid #999;    
}

.bt_facebook img{
	vertical-align: middle;
}

.form01{
	width: 70%;
	height:auto;
	padding: 30px 0% 0 0%;
	margin: 30px 15% 0 15%;
	font-family: 'robotoregular', sans-serif;
	font-size: 13px;
	border-top: solid #999 1px;
	color: #333;
}

.form02{
	width: 70%;
	height:auto;
	margin: 0 15% 0 15%;
	font-family: 'robotoregular', sans-serif;
	font-size: 13px;
	color: #333;
}

.contacto_celda{
	width:100%;  
	height:25px;  
	display:block;  
	margin-bottom:3px;
	position:relative;  
	clear: both; 
	line-height:25px;
}

.contacto_celda2{
	width:100%;  
	height:100px;  
	display:block;  
	margin-bottom:3px;
	position:relative;  
	clear: both; 
}

.input01{
	width:71%;
	height:100%;
	margin:0; 
	padding:0 2% ;
	border:0;
	background:#d6d6d6;
	float: right;
	font-family:  sans-serif;
}

.textarea01{
	width:71% !important;  
	height:100% !important;   
	margin:0; 
	padding:0 2% ;  
	float: right;
	font-family:  sans-serif;
	border:none;  
	background:#d6d6d6;  	
}

.bt_enviar{
	height: 100%;
	width: 75%;
	margin: 0;
	padding: 0;
	background:#4db205; 
	color:#fff;
	cursor: pointer;
	float: right;
	border:none;  
}


/************************************************************************************
PROYECTOS DETALLES
*************************************************************************************/ 
.proyecto_slide{
	width: 50%;
	height: 100%; 
	display: block;
	overflow: hidden;
	position: relative;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.proyecto_content{
	width:50%;
	height:100%;
	display: table;
	position: absolute;
	z-index: 100;
	top:0;
	left:50%;
}

.proyecto_descargar{
	width: 70%;
	height: auto;	
	display:block;  
	padding: 0;
	margin: 10px 0 0 15%;
	position:relative;
	background:#56c00a;  
}

.proyecto_descargar img{
	width: 100%;
	height: auto;	
}

.proyecto_slide_msj{
	width: 70%;
	height: auto; 
	display: block;
	position: absolute;
	z-index: 900;
	bottom: 2%;
	left:16px;
	padding: 8px 0;
	margin: 0;
	font-family: 'robotoregular', sans-serif;
	font-size: 11px;
	color: #000;
}


/************************************************************************************
UBICACION DETALLES
*************************************************************************************/
.ubicacion_imagen{
	width: 75%;
	height: 50%; 
	display: block;
	position: relative;
	clear: both;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-image:url('../img/banner_ubicacion_01.jpg');
}

.ubicacion_mapa{
	width: 100%;
	height: 50%; 
	display: block;
	position: relative;
	clear: both;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-image:url('../img/ubicacion_mapa.gif');
}

.ubicacion_slide{
	width: 25%;  
	height:100%;
	display: block;
	position: absolute;	
	top: 0%;  
	left: 75%;  
	z-index: 100;
}

.ubicacion_slide_imagen{
	width: 100%;  
	height:auto;  
	margin: 0;
	display: block;
	background:#fff;
	color: #333;
	clear: both;
	background:#ececec;
}

.ubicacion_slide_imagen img{
	width: 100%;  
	height:auto;  
	clear: both;
	margin: 0;
	display: block;
}

.ubicacion_texto{
	width: 100%;  
	height:auto;  
	padding: 30px 0;
	background:#ececec;
	display: table;
	clear: both;
	color: #333;
}

.bt_gmap{
	width: 100%;  
	height:45px; 
	line-height:45px;  	
	text-align: center;
	display: block;
	background:#c3c2c2;
	clear: both;
	color: #333;
	font-family: 'robotoregular', sans-serif;
	font-size: 13px;
}

.bt_gmap img{
	vertical-align: middle;
}

/************************************************************************************
DEPARTAMENTOS DETALLES
*************************************************************************************/
.departamento_planos_msj{
	width: 100%;
	height: auto; 
	display: block;
	position: absolute;
	z-index: 900;
	bottom: 1%;
	left:16px;
	padding: 0;
	margin: 0;
	font-family: 'robotoregular', sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
}
.departamento_planos{
	width: 63%;
	height: 100%; 
	display: block;
	overflow: hidden;
	position: relative;
	float:left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.departamento_planos_movil{	width:70%;	height:auto;	display:none;	margin:30px auto 0 auto;	background:#fff;
}
.departamento_planos_movil img{	width:100%;	height:auto;
}
.departamento_detalle{
	width: 37%;
	height: 100%; 
	display: block;
	overflow: hidden;
	position: relative;
	float:left;
	display: table;  
}
.departamento_detalle h1{
	font-family: 'robotomedium', sans-serif;
	font-size: 28px;
	font-weight: normal;
	text-align:right;
	margin: 0 18% 5% 0%;
	color:#333;
}
.departamento_detalle h2{
	font-family: 'robotothin', sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-align:right;
	margin:0% 18% 5% 0%;
	color:#333;
}
.departamento_detalle h2 a{	width:240px;	height:35px;	display:block;	line-height:35px;	background: #4db205;
	font-family: 'robotobold', sans-serif;
	color: #666;
	font-size:13px;	color:#fff;	float:right;	text-align:center;	border-radius:15px;	margin:10px 0;
}
.departamento_detalle h2 a:hover{	background:#333;
}.departamento_detalle h3{
	font-family: 'robotoregular', sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	margin :0% 18% 2% 35%;
	border-bottom: 1px solid #999;
	color:#333;
}
.departamento_detalle h4{
	height:auto;
	font-family: 'robotoregular', sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:right;
	margin:0% 18% 2% 35%;
}
.departamento_mapa{
  width:80%;
  height:30%;
  float: right;
  margin: 20px 17% 0 0;
    font-family: 'robotolight', sans-serif;
	font-size: 17px;
	font-weight: normal;
}
.departamento_mapa_movil{
	width:100%;
	height:auto;	display:none;	text-align:center;	padding:0 0 15px 0;	margin:0 0 15px 0;	border:solid #999;	border-width:0 0 1px 0;
}
.departamento_mapa_movil p{
    font-family: 'robotolight', sans-serif;
	font-size: 0.9em;
	font-weight: normal;	margin: 0 0 10px 0;	color:#333;
}
.departamento_mapa_movil a{
	width:50px;
	height:50px;
	line-height:50px;	display:inline-block;
    font-family: 'robotolight', sans-serif;
	font-size: 0.9em;
	font-weight: normal;	background:#666;	margin: 0 5px 5px 5px;	text-align:center;	color:#fff;
}.departamento_mapa_movil a.vendido{	background-color:#4db205;}.departamento_mapa_movil .box{	width:auto; 		height:auto; 			display:inline-block;	margin:5px;	padding:5px 10px;    font-family: 'robotolight', sans-serif;	font-size: 0.75em;	font-weight: normal;	color:#fff;}     
.d_g{
  width:49%;
  height:40%;
  background:#ccc;
  float:left;
  position:relative;
  border:1px solid #fff;
  text-align:center;
  color:#333;
}
.d_g span {
  position:absolute;
  top:40%;
  left:40%; 
}
.d_s{
  width:49%;
  height:20%;
  background:#ccc;
  float:left;
  position:relative;
  border:1px solid #fff;
  color:#333;
}
.d_s span{
  position:absolute;
  top:18%;
  left:40%; 
}
.d_s1{
  width:100%;
  height:50%;
  background:#ccc;
  float:left;
  position:relative;
  border-bottom:1px solid #fff;
  color:#333;
}
.d_s1 span{
  position:absolute;
  top:18%;
  left:40%; 
}
.d_s2{
  width:100%;
  height:48%;
  background:#ccc;
  float:left;
  position:relative;
  border-top:1px solid #fff; 
  color:#333; 
}
.d_s2 span{
  position:absolute;
  top:18%;
  left:40%; 
}
.d_g:hover, .d_s2:hover, .d_s1:hover, .d_s:hover{
  background:#e6e6e6;
  cursor:pointer;
  color:#888;
}        .departamento_leyenda{	width:80%; 	float: right; 	margin: 15px 17% 0 0; 	font-family: 'robotolight', sans-serif;    	font-size: 13px;		font-weight: normal;		text-align:left;}     .departamento_leyenda .box{	width:20px; 		height:20px; 		display:block;	float:left;	clear:left;	margin:0 0 3px 0;}     .departamento_leyenda p{	float:left;	margin:0 0 3px 10px;	line-height:20px; 	}