/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
   
@import url('font.css'); 


html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
     vertical-align: middle;
	/*width:100%;*/
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*------------- Clear Fix */
.cf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.cf {
	display:inline-block;
}
/* IE \*/
* html .cf {
	height:1%;
}
.cf {
	display:block;
}
/* IE */


ul { margin:0px; padding:0px;}
ul li { list-style:none; }

.bold-ita { font-family: 'open_sansbold_italic';}


/* ===========
	font size
   ===========	*/

h2 { font-size:30px; font-family: 'open_sanslight'; font-weight:normal;}



/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 14px/16px 'open_sansregular';
	color:#596470;
	font-weight:normal;
	position: relative;
	overflow-x: hidden !important;
}


header {
    border-top: 5px solid #1a6691;
	-webkit-box-shadow: 0 1px 10px #97b1d8;
    -moz-box-shadow: 0 1px 10px #97b1d8;
    box-shadow: 0 1px 10px #97b1d8;
	background-color:#ebebeb;
	height:75px;
	width:100%;
	position:relative;
	z-index:200;
}

footer
{
	height:60px;
	width:100%;
	background-color:#f9fbfb;
   clear:both;
	/*background-color: rgb(241, 246, 253);
    background-color: rgba(241, 246, 253, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; */
	
}


/* ===========
	Header
   ===========	*/
header h1.logo, footer h3.logo-foo { margin:0px;  }
header h1.logo a { float:left; background:url(../images/logo.jpg) 0 0 no-repeat; width:354px; height:75px; text-indent:-9999px;  }


/* ===========
	Footer
   ===========	*/
footer h3.logo-foo a { float:right; background:url(../images/logo-foo.jpg) 0 0 no-repeat; width:241px; height:60px; }   
footer .redes { float:left; border-top:1px solid #d3e1e2; } 
footer .redes li { float:left; border-right:1px solid #d3e1e2; }
footer .redes li a { display:block; background:url(../images/ico-redes.jpg) 0 0 no-repeat; width:60px; height:60px; }
footer .redes li a:hover { background-position:left bottom;}
footer .redes li a.ico-twi { background-position:right top; }
footer .redes li a.ico-twi:hover { background-position:right bottom; }


/* ==============
    MENU
   ============== */
   
nav { float:right; }

nav ul {
    margin: 0;
    padding: 0;
}
nav ul li { 
	float:left;
	border-left:1px solid #d5d5d5; 
}
nav ul li:last-child { border:none; }

nav a {
    display: block;
    padding:0px 12px;
    text-align: center;
    text-decoration: none;
    color:#51565f;
	font-size:17px;
	line-height:75px;
	height:75px;
	-webkit-transition:all .5s ease-out; /* Chrome y Safari */ 
	-o-transition:all .5s ease-out; /* Opera */ 
	-moz-transition:all .5s ease-out; /* Mozilla Firefox */ 
	-ms-transition:all .5s ease-out; /* Internet Explorer */ 
	transition:all .5s ease-out; /* W3C */
   
}
nav a.btn-ir-afp, nav a.btn-ir-afp:hover { 
	background:url(../images/btn-ir-afp-habitat.png) 0 0 no-repeat; 
	width:227px; 
	height:75px; 
	color:#134678; 
	padding:0px; 
}

nav a:hover, nav a.current {
     background-color: #2297e4;
	 color:#fff;
}

/* ==============
    MAIN
   ============== */
   
.main,
.wrapper,
.blq-detalle,
aside {
	/*height: 600px;*/
   min-height: 600px;
}
.main {
	width:103%;
}


aside { float:left; width:275px; background-color:#dfeaed; color:#596470; position:relative; z-index:2;}
aside .info  { background-color:#1a6691 ; padding-top:7px; min-height:170px; box-shadow:1px 3px 1px #cdd7d9; -webkit-box-shadow: 1px 3px 1px #cdd7d9;  -moz-box-shadow: 1px 3px 0px #cdd7d9; color:#fff; }
aside .info .fecha {box-shadow:0px 2px 1px #185e85; padding-left:14px;height:60px; font-size:18px; margin-bottom:16px; width:259px;}
aside .info .fecha span { display:block; margin-top:8px; font-size:28px;  font-family: 'open_sanslight_italic'; }
aside .info .tit { padding:0px 12px 0px 14px;}
aside .info h2 { font-family: 'open_sanslight'; margin:0px 0px 0px 4px; padding:5px 0px 0px 50px; background:url(../images/icono_camion.png) 0 0 no-repeat; height:31px;  }
aside .info p { padding-left:4px; margin:2px 0px; }

.buscador { display:block; padding:15px 0px 10px 10px; border-bottom:1px solid #d1dce0; margin-bottom:12px; }
.buscador h2 { background:url(../images/bullet-h2.png) 0 8px no-repeat; padding-left:14px; margin:0px 0px 20px -5px; line-height:20px; height:20px; color:#596470;  }

.blq-calendario { display:block; /*width:289px;*/ background-color:#fff; height:63px; padding:13px 0px; position: absolute; bottom: 0;    }
.blq-calendario .btn-calen { float:left; background:url(../images/btb-calen.png) 0 0 no-repeat; width:60px; height:60px; margin:0px 10px 0px 12px;  }
.blq-calendario .btn-calen:hover { background-position:left bottom; }
.blq-calendario p { font-size:14px; color:#596470; margin:5px 0px;  }

.wrapper { float:left; background-color: #eaf1f2; position:relative; z-index: 1; }

/*contenedor mapa*/

.cont-mapa { float:left; width:100%; height:100%; overflow:hidden; position:relative; }
.cont-mapa .mapa { float:left; width:100%; height:100%; position:relative;}

.esquina { float:right; background:url(../images/ico-esquina.png) 0 0 no-repeat; width:30px; height:34px; position:absolute; bottom:0px; right:0px; z-index:110;}

.caja-light { position:absolute; right:0px; bottom:150px; width:334px; height:105px; background-color:#003865; z-index:101; color:#fff;  }
.caja-light .cerrar { float:right; background:url(../images/btn-cerrar.png) 0 0 no-repeat; width:14px; height:14px; margin:5px 5px 0px 0px;  }
.caja-light .cerrar:hover { background-position:left bottom; } 
.caja-light p { padding:5px 20px; }
.caja-light .btn-decubrela { display:block; background:url(../images/btn-descubrelo.png) 0 0 no-repeat; width:334px; height:40px; }
.caja-light .btn-decubrela:hover { background-position:left bottom; }


/*alerta*/
.alerta { position:absolute; right:0px; width:453px; z-index:100; }
.blq-alerta { cursor:pointer; position:absolute; float:left; background:url(../images/bloq-alerta.png) 0 0 no-repeat; width:19px; height:64px; margin-top:35px; font-size:12px; color:#fff; padding:16px 14px 13px 60px; text-align:center;   }
.blq-alerta-2 { cursor:pointer; position:absolute; float:left; background:url(../images/bloq-alerta_b.png) 0 0 no-repeat; width:19px; height:64px; margin-top:35px; font-size:12px; color:#fff; padding:16px 14px 13px 60px; text-align:center;   }
.blq-detalle { float:right; width:360px; background-color:#1a1a1a; padding-top:10px; }
.blq-detalle ul li { display:block; border-bottom:1px solid #2c2c2c; padding:15px 17px 15px 55px; width:288px; }
.blq-detalle ul li.ico-ubicacion { background:url(../images/ico-ubicacion.png) 15px 15px no-repeat; }
.blq-detalle ul li.ico-alert { background:url(../images/ico-alerta.png) 15px 15px no-repeat; }
.blq-detalle ul li p { color:#e4e4e4; font-size:13px; margin-top:0px; }
.blq-detalle ul li span.fecha { display:block; font-size:11px; color:#2297e4; }
.blq-detalle ul li span.tag { display:inline-block; padding:4px 6px 6px; background-color:#0081a8; font-size:12px; color:#fff; margin-top:11px;  }
   
   
/*MAPA*/   
.mapa .tool-tips { display:block; background:url(../images/tool-tip.png) 0 0 no-repeat; width:40px; height:68px;  left:45%; top:60%;  }
.despliegue-tool1 { display:block; border:1px solid #ababab;  z-index:150;  width:378px; height:278px; background-color:#fff; }
.despliegue-tool { z-index:150;  width:378px; height:278px; background-color:#fff; }
.despliegue-tool .cerrar { float:right; background: url(../images/btn-cerrar-tool.jpg) 0 0 no-repeat; width:20px; height:20px; position:absolute; right:0px; top:0px;  }
.despliegue-tool-cerrar { z-index:170;float:right; background: url(../images/btn-cerrar-tool.jpg) 0 0 no-repeat; width:20px; height:20px; position:absolute; right:0px; top:0px;  }
.despliegue-tool .cerrar:hover { background-position:left bottom; }
.despliegue-tool-cerrar:hover { background-position:left bottom; }
.despliegue-tool .slider { display:block; overflow:hidden; width:378px; height:155px; }
.despliegue-tool .slider ul { width:10000px; }
.despliegue-tool .slider ul li { float:left;}
.despliegue-tool .slider ul li span.det { position:absolute; top:128px; left:17px; background:url(../images/bg-title-slider.png) 0 0 no-repeat; width:319px; height:28px; line-height:28px; padding-left:17px; color:#fff;  font-family: 'open_sansitalic'; font-size:18px; }
.despliegue-tool .slider .prev, .despliegue-tool .slider .next { display:block; background: url(../images/ico-control.png) 0 0 no-repeat; width:19px; height:36px; position:absolute; top:49px;  }
.despliegue-tool .slider .prev { left:10px;}
.despliegue-tool .slider .next { background-position:right 0px; right:10px;  }
.despliegue-tool p { font-size:13px; margin:12px 0px 12px 25px; padding-left:18px; }
.despliegue-tool .adress { background:url(../images/ico-ubi-s.png) 0 2px no-repeat; height:33px; overflow:hidden; }
.despliegue-tool .hora { background:url(../images/ico-hora.png) 0 2px no-repeat; height:15px; }
.despliegue-tool .botones-tool { position:absolute; bottom:0px; height:33px;  }
.despliegue-tool .botones-tool .btn-revisar-cal { float:left; background: url(../images/btn-tool-mapa.png) 0 0 no-repeat; height:33px; width:198px; margin-right:-26px; }
.despliegue-tool .botones-tool .btn-revisar-cal:hover { background-position:left bottom;}
.despliegue-tool .botones-tool .btn-ver-streetview { float:left; background: url(../images/btn-tool-mapa.png) right 0 no-repeat; height:33px; width:206px; }
.despliegue-tool .botones-tool .btn-ver-streetview:hover { background-position:right bottom; }
.desp-bottom { display:block; background:url(../images/desplegable-bottom.png) 152px 37px no-repeat; height:105px; }

/*CALENDARIO*/
#filtro-calendario { border:none;}
#filtro-calendario h2 { color:#fff; background-position:0 bottom;  }

#calendario .sel-mes { display:block; height:35px; line-height:35px; font-size:30px; }
#calendario .sel-mes .select { background:#fff none; width:298px; border:1px solid #cecece; }
#calendario .sel-mes span { display:block; background:url(../images/boton-abajo.jpg) right 0 no-repeat;  height:35px; padding:0px 40px 0px 5px; font-family: 'open_sanslight_italic'; }
#calendario .sel-mes .select .lista { z-index:200; top:35px; right:-1px; padding:10px 0px;  }
#calendario .tabla-calendario table { width:100%;border:1px solid #cecece; }
#calendario .tabla-calendario table tr td, #calendario .tabla-calendario table tr th { border:1px solid #cecece; }
#calendario .tabla-calendario table tr th { color:#8a8a8a; font-size:16px; font-family: 'open_sansitalic'; font-weight:normal; background-color:#f8f8f8; height:35Ppx; line-height:35px;}
#calendario .tabla-calendario table tr td { height:105px; width:14.7%;}
#calendario .tabla-calendario table tr td .bloq {font-family: 'open_sansbold'; font-size:30px; height:85px; padding:10px 5px; color:#69a2c2; position:relative; }
#calendario .tabla-calendario table tr td .bloq a { text-decoration:none; color:#8a8a8a; }
#calendario .tabla-calendario table tr td .bloq a:hover,  #calendario .tabla-calendario table tr td .bloq a.active { color:#006e95;  }
#calendario .tabla-calendario table tr td .bloq dl { display:block;  font-size:10px; font-family: 'open_sansregular'; margin:6px 0px 0px;  }
#calendario .tabla-calendario table tr td .bloq dl dt {  font-family: 'open_sansbold';}
#calendario .tabla-calendario table tr td .bloq dl dd { margin:0px 0px -1px; font-weight:normal; padding-bottom:2px; border-bottom:1px solid #eeeded;}
#calendario .tabla-calendario table tr td .bloq.finde { color:#8a8a8a;  }
#calendario .tabla-calendario table tr td .bloq.pasado { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5;
-khtml-opacity: 0.5; opacity: 0.5; background-color:#fff; }
#calendario .tabla-calendario table tr td .bloq.actual { background-color:#006e95; color:#fff; -moz-box-shadow: inset 0px 3px 10px 5px #005877; -webkit-box-shadow: inset 0px 3px 10px 5px #005877; box-shadow: inset 0px 3px 10px 5px #005877; } 
#calendario .tabla-calendario table tr td .bloq.actual dl { color:#fff;}
#calendario .tabla-calendario table tr td .bloq.actual dl dd { border-bottom:1px solid #66a6bd; }
#calendario .tabla-calendario table tr td .bloq .aler { color:#ca082c;}
#calendario .tabla-calendario table tr td .bloq .ico-alert-calend { float:right; background:url(../images/ico-alerta-calendario.png) 0 0 no-repeat;  width: 26px; height: 34px; font-size: 12px;
color: #8a8a8a; position: absolute; left: 40px; top: 7px; text-align: center; padding: 0px 0px 0px 30px; line-height: 24px;  }
#calendario .despliegue-tool { height:240px; left:-100px; top:-225px;}
#calendario .despliegue-tool p { color:#8a8a8a; font-weight:normal; font-family: 'open_sansregular';}
#calendario .despliegue-tool .desp-bottom-2 { display:block; height:24px; background:url(../images/desplegable-bottom-2.png) center 0 no-repeat; }


/*SERVICIOS*/
#servicio, #contacto { position:relative;  color:#2297e4; padding:30px 0px 40px;  }
#servicio .contenido { margin:0px auto; width:730px; background-color:#eaf1f2;  }

#servicio .contenido .Slide .SL { float:left; cursor:pointer; margin:0px; padding-left:10px; height:40px; width:730px; line-height:40px; color:#fff; font-weight:normal; border-bottom:1px solid #eaf1f2; }
#servicio .contenido .Slide .SL span { display:inline-block; width:27px; text-align:right; margin-right:24px;  font-size:24px; color:#fff; font-family: 'open_sanslight'; margin-right:24px; }
#servicio .contenido .Slide .SL-Off { display:block; background:url(../images/bg-title-acordeon.jpg) 0 bottom no-repeat; }
#servicio .contenido .Slide .SL-On { display:block; background:url(../images/bg-title-acordeon.jpg) 0 top no-repeat; }
#servicio .contenido .SL-Cont { float:left; /*padding:10px 20px 0px;*/ display:none;}
#servicio .contenido .SL-Cont p { margin:20px;  color:#8a8a8a; font-size:13px; }


/*CONTACTO*/
 

/*form*/
#contacto label { line-height:35px; }
#contacto label, input, select { font-family: 'open_sansregular';  color:#8a8a8a; font-size:16px; outline:none;  }
#contacto .input { float:left; background-color:#f8f8f8; border:1px solid #91959c; height:34px; line-height:34px; width:282px;  padding:0px 8px; font-size:14px;  }
#contacto .input.w200 { width:181px;}
.btn-enviar { display:block; background:url(../images/btn-enviar.jpg) 0 0 no-repeat; width:180px; height:43px; }
.btn-enviar:hover { background-position:left bottom; } 

#contacto .select-form { float:left; background:url(../images/bg-select.jpg) 0 0 no-repeat; width:92px; height:34px; overflow:hidden; margin-right:7px; border:1px solid #91959c; }
#contacto .select-form select { background:none; width:129%; height:34px; padding:0px 8px; font-size:14px; border:none; }
 
#contacto .error { border:1px solid #b71a34; background-color:#fae6ea; } 

 *:first-child+html #contacto .select-form { background:none; padding-left:0px; }	
  *:first-child+html #contacto .select-form select {width:100%; }



/*select*/


.select {
	width: 255px;
	line-height: 34px;
	height: 34px;
	border: 1px solid #91959c;
	cursor: pointer;
	position: relative;
	margin: 0 0 15px;
	color:#8a8a8a;
	background:#fff url(../images/ico-flechas.png) 237px center no-repeat;
}
.select span#region, .select span#comuna, .select span#comuna_selecionar, .select span#region_selecionar {
	padding: 0 20px 0 20px;
	display: block;
	height: 34px;
	/*background-color:#fff;*/
	font-family: 'open_sansitalic';
	/*font-size:18px;*/
	font-size:17px;
	width:228px;
	overflow:hidden;
}
.select .lista {
	width: 100%;
	position: absolute;
	top:-281px;
	background-color: #1a1a1a;
	right: -267px;
	z-index: 300!important;
	height: 500px;
	overflow: scroll;
	overflow-x: hidden;
	padding:6px 1px 1px;
	display: none;
	margin: 0;
	border-bottom:1px solid #393f48;
}
.select .lista li {
	display: block;
	line-height: 19px;
	padding: 5px 30px;
	color:#8a8a8a;
	font-size:13px;
}
.select .lista li:hover {
	background-color: #006e95;
	color: #fff;
}

.select #comuna_lista  {
	top:-332px;
}

/*gracias*/
#contacto .gracias { margin:104px auto 0px; text-align:center; width:443px;   }
#contacto .gracias h3 { color:#1a6691; font-size:33px; font-family: 'open_sanslight'; line-height:33px; }
#contacto .gracias h3 span { color:#8a8a8a; font-size:20px; font-weight:normal;}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.btn {
    margin-top: 180px;
    font-size: 2em;
    padding: .2em .4em;
    font-family: sans-serif;
    background-color: white;
	display:none;
	float:left;
	left:23px;
}

/*21-10-2013*/

#calendario .tabla-calendario table tr td .bloq {font-family: 'open_sansbold'; font-size:22px; height:97px; padding:4px 4px; color:#69a2c2; position:relative; }
#calendario .tabla-calendario table tr td .bloq dl { margin:4px 0px 0px; }
#calendario .tabla-calendario table tr td .bloq dl dt { line-height:13px; }
#calendario .tabla-calendario table tr td .bloq dl dd { margin:0px; padding-bottom:0px;    }
#calendario .tabla-calendario table tr td .bloq .ver-mas { font-family: 'open_sansregular'; font-size:13px; text-decoration:underline; position:absolute; bottom:3px; cursor:pointer; }
.box-despliegue { min-height:100px; top:0px; background-color:#fff; border:1px solid #cecece; font-size:12px; font-family: 'open_sansregular'; z-index:200; width:270px; -webkit-box-shadow: 0 1px 10px #cecece; -moz-box-shadow: 0 1px 10px #cecece; box-shadow: 0 1px 10px #cecece;  }
.box-despliegue  ul { padding:6px; }
.box-despliegue  ul li{ padding-bottom:2px; }
.box-despliegue .num { display:block; height:14px;  background-color:#006E95; color:#fff; padding:3px 5px;  font-family: 'open_sansregular'; line-height:13px;   }
.box-despliegue .num a { float:right; color:#fff;  font-family: 'open_sansbold'; }

#calendario .tabla-calendario table tr td .bloq .ico-alert-calend { top:0px; }

.box-despliegue a:hover, .box-despliegue a.active { color:#006e95;  }
.box-despliegue a { text-decoration:none; color:#8a8a8a; }


/********* Ver mas ***************/
#modal-movil {width:659px; *width:659px; border:1px solid #d9d9d9; background:#fff; font-family:Arial; color:#8a8a8a; padding:0; margin:0; }
#modal-movil img {border:0;}
#modal-movil .head {background:#006e95; padding: 8px 18px; position:relative;}
#modal-movil .head h2 {color:#fff; font-size: 18px; font-weight:normal; padding:0; margin:0;}
#modal-movil .head .cerrar {position:absolute; top:15px; right:10px;}

#modal-movil .content {overflow-y:scroll; overflow-x:hidden; height:380px;}
#modal-movil .tit-head {background:#eaf1f2;  border-top: 1px solid #d9d9d9;}
#modal-movil .tit-head th {font-size:14px; font-weight:normal;  padding:8px 0; }


#modal-movil .tit-head th.sb {border-right: none;}
#modal-movil table.datos{border-bottom:1px solid #d9d9d9;}
#modal-movil .datos th.sb, #modal-movil .datos td.sb {border-right: none;}
#modal-movil .datos td {font-size:11px; text-align:center; border-right: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding:5px 0;}
#modal-movil .datos td.uno {width:111px;}
#modal-movil .datos td.dos {width:159px;}
#modal-movil .datos td.tres {width:175px;}
#modal-movil .datos td.cuatro {width:156px;}
#modal-movil .datos td.cinco {width:106px;}
#modal-movil .datos td a img { width:13px; height:15px; }