/* 
Sitio: Workshops, sistema seleccion de personal
Versión. 1.0
Desarrollo: Tamara Palacios
Empresa: Soho.cl
*/

*{ margin:0; padding:0;}

body{ background:#fff;font-family:Arial, Helvetica, sans-serif;}

body.Iframe{overflow:hidden;overflow-y:scroll}

.Contenedor{ width:960px; margin:0 auto; overflow:hidden;}
.Contenido{padding:15px 10px; overflow:hidden; }


h1{ font-size:24px;font-weight:normal;}
h2{ font-size:22px;font-weight:normal;}
h3{ font-size:18px;font-weight:normal;}
h4{ font-size:16px;font-weight:normal;}
h5{ font-size:14px;font-weight:normal;}
h6{}
p { font-size:12px;font-weight:normal;}
td{ font-size:12px;font-weight:normal;}
th {}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px; }


.tLeft{ text-align:left;}
.tCenter{ text-align:center;}
.tRight{ text-align:right;}

.fLef{ float:left;}
.fRig{ float:right;}


.w20{ width:20px;}
.w40{ width:40px;}
.w70{ width:70px;}
.w95{ width:95px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w150{ width:150px;}
.w170{ width:170px;}
.w200{ width:200px;}
.w220{ width:220px;}
.w240{ width:240px;}
.w250{ width:250px;}
.w270{ width:270px;}
.w300{ width:300px;}
.w50p{ width:50%}


.m0auto{ margin:0 auto;}
.mTop5{ margin-top:5px;}
.mTop15{ margin-top:15px;}
.mTop25{ margin-top:25px;}
.mTop50{ margin-top:50px;}
.mLef5{ margin-left:5px;}
.mLef15{ margin-left:15px;}
.mLef25{ margin-left:25px;}
.mLef30{ margin-left:30px;}
.mRig5{ margin-right:5px;}
.mRig15{ margin-right:15px;}
.mBot15{ margin-bottom:15px;}
.mBot25{ margin-bottom:25px;}
.mBot45{ margin-bottom:45px;}

.pLef15{ padding-left:15px;}

.Cancela{ color:#f00;}

.dBlock{ display:block;}


.Calendario{display: block;float: left;margin-top: 3px;margin-left: 5px;}

.fs12{ font-size:12px;}
.fsItalica{ font-style:italic}

.p1{ width:4px;}
.p55{width:220px;}
.p65{width:260px;}
.p78{width:312px;}
.p80{width:320px;}
.p87{width:348px;}
.p90{width:360px;}


/* ======================================== TOOLTIP vtip ======================================== */
#vtip { cursor:pointer; color:#FFF; display: none; position: absolute; padding: 10px 20px; left: 0px; font-size: 0.8em; background:url(../../img/auxi/vtipBack.png); border: 2px solid #999;  width:auto; max-width:300px;}
#vtip #vtipArrow { position: absolute; top: -10px; left:10px; }
/* ======================================== TOOLTIP vtip ======================================== */

/* estados generales, se saca de los otros estilos */
.encurso { font-weight:bold; color:#00B200; }
.cerrado { font-weight:bold; color:#FF3434; }
.programado { font-weight:bold; color:#999; }
.cargar { font-weight:bold; color:#00A3D8; }
.none { display:none}
.rojo {color:#FF3434; }

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }

.pointer:hover{
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#filters{
    display: none;
    margin: 30px 15px;
}

#filters button.btn-filter{
    float: right;
    top: -29px;
    position: relative;
    right: 15px;
    padding: 4px;
    font-size: 0.947em;
}

#filters .filters{
    border: 1px solid #DDD;
    border-radius: 5px;
    float:left;
}
#filters .filters h4{
    font-weight: bold;
}

.filter-title{
    display: inline-block;
}

icon.plus:before{
    content:"+";
}
icon.less:before{
    content:"-";
}
icon.plus, #filters icon.less{
    font-size: 1.587em;
    display: inline-block;
}
icon.plus:hover, icon.less:hover{
    text-decoration: none;
}

.check-all{
    float: right;
    font-weight: normal;
    margin-right: 6px;
}

#filters .filters-list h4{
    margin-top: 5px;
}

#filters .filters-list li{
    border: 1px solid #DDD;
    border-radius: 5px;
    display: inline-block;
    float:left;
    list-style: none;
    width: 217px;
    height: 140px;
    margin: 10px;
    padding: 5px;
}

#filters .filters .filter-options ul li{
    display:inline-block;
    float:none;
}

#filters .filters-list li ul li{
    display: block;
    border: none;
    height: auto;
    margin: auto;
    width: 85%;

}

#filters .filters .filter-options{
    overflow: auto;
    width: 220px;
    height: 105px;
    margin-top: 10px;
}