/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* GENERAL */

body{
    min-width: 960px;
}

form{
    font-size: 12px;
    color: #4C6B6E;
}

thead{
    tr{
        td{
            font-weight: bold;
        }
    }
}

hr {
    border-top: 1px solid #DDD;
}

a{color:#ff9934;
    &:hover{color:#ff7e00;}
}

.wp_45{
    width: 45%;
}

.l{
    float: left;
}

.r{
    float: right;
}



/* Menu Header */


#headerMenu{
	clear:both;
	background: #666;   
	overflow:hidden;
}


#headerMenu div{
	margin: 0 5px;	
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial;
	cursor: pointer;
}
#headerMenu .divsep{
height: 18px;
width: 1px;
background: #fff;
}



ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 26px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border-right:1px solid #888;
  padding: 0 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #666; 
  color: #ccc;
  font: bold 11px/22px  Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important; 
  height: 1%; /*For IE*/
  text-transform:uppercase;
  border-bottom:2px solid #555;
  border-top:2px solid #555;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #555;  
  color: #fff;
  border-bottom:2px solid #222;
}

/* Layout */
.h{display:none;}
.w-content{padding:20px;}
#header {
    position:relative;background:#ff9934;min-height: 60px;color:#fff;
    
    a:hover{text-decoration: none;}
    #logo{font:bold 140% Helvetica;text-transform:uppercase;height:40px;float:left;padding:10px;
    	img{width:120;height:27px;}
    }
    #session{position:absolute;bottom:10px;right:10px;}
}

#footer {
  border-top:1px solid #eee;
  margin:20px;
  clear:both;
  height:60px;
  padding:10px 0 25px 0 ;
  text-align:center; 
}


/* FORMS */

.form-bar{
    width:  480px; 
    border: solid 1px #bbb;
}

.help-block{
    opacity: 0.9;
}

.plantillas{
    display: none;
}

.datepicker{
    margin: 0;
}

.disabled{
    opacity: 0.7;
}

.revision{
    font-size: 13px;
    padding: 3px;
}

.controls{
   padding: 10px 0px; // Porque se agreg� este padding
   /* era para separar campos de formularios en el admin */
}

.block{
    display: block;
}

.clear{
    float: none;
    clear: both;
}

.label-activo{
    background-color: #468847;
}

.label-inactivo{
    background-color: #B94A48;
}

.no-link{
    color: #333;
    &:hover{
        color: #333;
        text-decoration: none;
    }
}

.formulario-retorno{
    .container{
        margin-top: 50px;
    }
}

#login_submit{
    margin-bottom: 10px; 
}

#session{
	a{color:#fff;}
}
.text-center{
    text-align: center !important;
}

/* paginacion */

div.pager span {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    margin-right: 0.4em;
}

div.pager span.active {
    background: #aaa;
}


/* FORMULARIOS DE INSCRIPCI�N */
.retorno-postulante{
    width: 480px;
    textarea{
        width: 450px;
    }
}

.formulario-inscripcion{
    #form_registro_agencia,
    #form_registro_guias,
    #form_registro_personal_apoyo{
        .control-group{
            margin-bottom: 10px;
            .controls{
                padding: 2px 0px;
                .help-block{
                    margin-top: 5px;
                }
            }
        }
    }
}

/* ADMINISTRACI�N */

.buttons{
    padding: 10px;
}

.click, .click-participantes{
    color: #005580;
    &:hover{
        cursor: pointer;
    }
}

// inscripcion
#form-editar-inscripcion, #form-ver-participantes{
    display: none;
}

.badge-0{
    background-color: #B94A48;    
}

// requisitos
#requisitos{font-size: 12px;
    td{
        &.agencia,
        &.guia,
        &.apoyo{
            width: 30%;
        }
    }
}

// admin-participantes-ver
.admin-participantes-ver{
    #observaciones{
        // textarea
        width: 440px;
        background-color: #EEE;
    }

    #form_registro_agencia,
    #form_registro_guia,
    #form_registro_personal_apoyo{
        width: 480px;
        float: left; 
    }

    form{
        padding-top: 20px;
    }

    #bloque_derecha{
        float: left;
    }
}

// admin-inscripciones
.admin-inscripciones{
    .buttons div{
        margin-right: 20px;
    }
}
#filtro_periodo{
    width: 100px;
}

// admin-incripciones-insertar
.admin-inscripciones-registrar{
    #step-2{
        .fechas{
            float: left;
        }
        .fechas > div{
            margin: 8px 0px;
        }
    }
    
}

//admin-inscripciones-editar
.admin-inscripciones-editar{
    #des_texto_descriptivo{
        width: 320px;
    }
    #edita-left{
        width: 600px;
        
    }
    #edita-right{
        legend{
            padding-top: 20px;
        }
    }
}

.container-usuarios{
	height:510px;
}

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }