/* 
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-y:hidden; overflow:hidden;}

.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%; }


input, textarea { 
    padding: 9px; 
    border: solid 1px #E5E5E5; 
    outline: 0; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    width: 300px; 
    background: #FFFFFF url('bg_form.png') left top repeat-x; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    } 
   
textarea { 
    width: 400px; 
    max-width: 400px; 
    height: 150px; 
    line-height: 150%; 
    } 
   
input:hover, textarea:hover, 
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
    } 
   
.form label { 
    margin-left: 10px; 
    color: #999999; 
    } 
   
.submit input { 
    width: auto; 
    padding: 9px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 14px; 
    color: #FFFFFF; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    }