/* 
    Document   : formularios
    Created on : 21/06/2013, 12:01:57 PM
    Author     : Mario Perette
    Description:
        Purpose of the stylesheet follows.
*/
@font-face
{
   font-family: 'Lato';
   font-style: normal;
   font-weight: 300;
   src: local('Lato Light'), local('Lato-Light'), url(../fonts/Lato_Light.woff) format('woff');
}
@font-face
{
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
   src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Lato_Regular.woff) format('woff');
}
@font-face
{
   font-family: 'Lato';
   font-style: normal;
   font-weight: 700;
   src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/Lato_Bold.woff) format('woff');
}
@font-face
{ 
   font-family: Yanone Kaffeesatz; 
   src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
   src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
}

@font-face
{ 
   font-family: News Cycle; 
   src: url('../fonts/NewsCycle-Regular.eot'); 
   src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
}

@font-face
{ 
   font-family: Yanone Kaffeesatz; 
   src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
   src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
}
fieldset
{
   font: normal 12px 'News Cycle', arial, sans-serif;
   font-weight: bold;
   max-width: 96%;
/*   margin-right: 17px !important;*/
   border: #A2A2A2 solid 1px;
   border-radius: 3px;
   /*background-color: rgba(240, 235, 231, 0.7);*/
   background-color: rgba(246, 246, 246, 0.9);
   margin-top: 3px;
/*   padding-bottom: 15px;*/
   /* box-shadow: -2px 2px 5px rgba(124, 124, 124, 0.4 ); */
}
.tituloFieldset1{
    border: none;
    background-color: rgba(255,255,255,0);
}
.tituloFieldset{
    border: none;
    background-color: rgba(255,255,255,0);
    margin-top: -8px;
    margin-left: -17px;
    margin-bottom: -11px;
}
.margenes{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13px;
/*    padding-bottom: 15px;*/
}
#resultado{
    margin-left: -8px;
    margin-right: -8px;
}
label
{
   font: normal 13px "open_sans_lightregular", 'News Cycle', arial, sans-serif;
   color: #000000;
   font-weight: bold;
   /* text-shadow: -1px 1px 1px #000000; */
}
label.infoPermisos{
     font: normal 12px 'News Cycle', arial, sans-serif;
     font-weight: bold;
     color: #000000;
     margin-left: 20px;
}
legend
{
   font: normal 16px 'Yanone Kaffeesatz', 'Lato Bold', 'News Cycle', arial, sans-serif;
   /* font-weight: bold; */
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   /* margin-left: 20px; */
   margin-bottom: 10px;
   color: #FFF;
   padding: 5px;
   background-color: rgba(109, 27, 67, 0.9);
}

input[type="text"], textarea, select
{
   font: normal 12px "open_sans_lightregular", 'News Cycle', arial, sans-serif;
   font-weight: bold;
   padding: .2em;
   border: none;
   color: #333 !important;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -o-border-radius: 3px;
   -ms-border-radius: 3px;
   border-radius: 3px;
   background: #f5f5f5;
   border: 1px solid #CCC !important;
   /*margin: 5px 0;   */
   vertical-align: top;
   transition: all 0.25s ease-in-out;
   -webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   box-shadow: 0 0 5px rgba(238, 81, 81, 0);
   -webkit-box-shadow: 0 0 5px rgba(238, 81, 81, 0);
   -moz-box-shadow: 0 0 5px rgba(238, 81, 81, 0);
}

textarea{
   /*resize: horizontal;*/
   min-height: 60px;
   max-height: 80px;
   min-width: 100%;
   max-width: 95% !important;
}
#contenido{
    color: #000!important;
    font: normal 12px 'Arial','News Cycle', arial, sans-serif;
}
#contenido:focus{
    -webkit-transform: scale(1.005) !important;
   -moz-transform: scale(1.005)!important;
}
option {
   color: #333 !important;
}

input[type="text"]:focus, textarea:focus, select:focus
{
   border: 1px solid #F67F00 !important;
   background-color: #fff;
   color: #333;
   outline: none;
   position: relative;
   z-index: 5;
   box-shadow: 0 0 5px #EDCA9E;
   -webkit-box-shadow: 0 0 5px #EDD19E;
   -moz-box-shadow: 0 0 5px #EDD19E;
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transition: all 0.25s ease-in-out;
   -webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
}

input[type="submit"]:focus{
   border: 1px solid #F67F00 !important;
   box-shadow: 0 0 5px #EDCA9E !important;
   -webkit-box-shadow: 0 0 5px #EDD19E;
   -moz-box-shadow: 0 0 5px #EDD19E;
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transition: all 0.25s ease-in-out;
   -webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
}

input[type="radio"] {
   margin-top: 8px;
}

input[type="checkbox"]{
   margin-top: 3px;
}

input[type="radio"]:checked, input[type="checkbox"]:checked {
   display: none;
}

/** <!-- Radio Button --> */
/*
 * Ocultarlo siendo accesible
 */
.custom-radio, .custom-checkbox {
   clip: rect(1px 1px 1px 1px);
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute;
}

/*
 * Dejar espacio a la 'label' para posicionar el checkbox hecho con pseudoelementos
 */
.custom-radio + label, .custom-checkbox + label {
   position: relative;
   padding-left: 16px;
}
/*
 * El pseudoelemento que emulará el input
 */
.custom-radio + label:before, .custom-checkbox + label:before {
   content: "";
   display: inline-block;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 10px;
   width: 13px;
   height: 13px;
   line-height: 11px;
   text-align: center;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -6.5px;
   background: white;
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
   background-image: -webkit-linear-gradient(#ffffff, #dddddd);
   background-image: -moz-linear-gradient(#ffffff, #dddddd);
   background-image: -o-linear-gradient(#ffffff, #dddddd);
   background-image: linear-gradient(#ffffff, #dddddd);
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dddddd);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')";
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #aaa;
}
/*
 * Fondo para cuando se pasa el ratón por encima
 */
.custom-radio + label:hover:before, .custom-checkbox + label:hover:before {
   background: #fafafa;
}

/*
 * Fondo para cuando se está haciendo click
 * Con filtros para ie9
 */
.custom-radio + label:active:before, .custom-checkbox + label:active:before {
   background: #f2f2f2;
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
   background-image: -webkit-linear-gradient(#dddddd, #ffffff);
   background-image: -moz-linear-gradient(#dddddd, #ffffff);
   background-image: -o-linear-gradient(#dddddd, #ffffff);
   background-image: linear-gradient(#dddddd, #ffffff);
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff')";
}

/*
 * Redondear el botón "radio"
 * Sobreescribimos el border-radius: 3px general
 */
.custom-radio + label:before {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
}
/*
 * Mostrar un punto cuando está seleccionado el "radio"
 * Usamos box-shadow para simular un fondo gris, mientras que dejamos un pequeño 
 * espacio para el punto negro (#444), que es el fondo
 */
.custom-radio:checked + label:before {
   background: #F67F00;
   -webkit-box-shadow: 0 0 0 3px #eeeeee inset;
   -moz-box-shadow: 0 0 0 3px #eeeeee inset;
   box-shadow: 0 0 0 3px #eeeeee inset;
}

/*
 * Estilos focus para la gente que navega con el teclado, etc
 */
.custom-radio:focus + label:before,
.custom-checkbox:focus + label:before {
   outline: 1px dotted;
}

/* Mostrar la "X" cuando está chequeada (sólo el checkbox).
 * Podríamos usar una fuente de iconos para mostrar un tic
 */
.custom-checkbox:checked + label:before {
   content: url("../images/iconos/ok.png");
   display: block;
}


/*
 * Sólo para IE 6, 7 y 8 (no soportado)
 */
@media \0screen\,screen\9 {
   .custom-radio,
   .custom-checkbox {
      clip: auto;
      position: static;
   }

   .custom-radio + label,
   .custom-checkbox + label {
      padding-left: 0;
   }

   .custom-radio + label:before,
   .custom-checkbox + label:before {
      display: none;
   }
}
.buttons{
   margin-left: 14px;
   margin-top: 17px;
}
.botonFormulario
{
   /*font: normal 12px 'News Cycle', arial, sans-serif;*/
   /*font-weight: bold;*/
   padding: 5px;
   width: 75px;/*Ancho del boton*/    
   cursor: pointer;
   border-radius:3px;/*Redondeo del borde del campo*/
   border:1px solid;/*Borde del div*/
   border-color:#4E4E4E;/*color del borde del campo*/
   box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -moz-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -webkit-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -o-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -ms-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   font-family: 'Lato', Arial;/*Tipo de fuente*/
   background-color: rgba(238,238,238,0.9);
   /*font-size:18px;/*Tamaño de la fuente*/
   /*font-weight:bold;/*Grosor de la fuente(Negrita)*/
   /*text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -moz-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -webkit-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -o-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -ms-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   color:#000;/*Color de la fuente*/
   opacity:0.8;/*Opacidad del div aplicable por algunos navegadores*/
   filter:alpha(opacity=80);/*Filtro alfa aplicable por algunos navegadores*/
   -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
   -o-transition:all 0.5s ease-out;  /* Opera */
   -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
}
.botonFormulario:hover
{
   background-color:rgb(109, 27, 67);/*Color de fondo del boton*/
   opacity:0.9;/*Opacidad del div aplicable por algunos navegadores*/
   filter:alpha(opacity=90);/*Filtro alfa aplicable por algunos navegadores*/
   color:#FFF;/*Color de la fuente*/
   text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -moz-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -webkit-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -o-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -ms-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
}
.botonBuscar
{
   /*font: normal 12px 'News Cycle', arial, sans-serif;*/
   /*font-weight: bold;*/
   padding: 3px;
   width: 65px;/*Ancho del boton*/    
   cursor: pointer;
   border-radius:3px;/*Redondeo del borde del campo*/
   border:1px solid;/*Borde del div*/
   border-color:#4E4E4E;/*color del borde del campo*/
   box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -moz-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -webkit-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -o-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -ms-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   font-family: 'Lato', Arial;/*Tipo de fuente*/
   /*font-size:18px;/*Tamaño de la fuente*/
   /*font-weight:bold;/*Grosor de la fuente(Negrita)*/
   /*text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -moz-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -webkit-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -o-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -ms-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   color:#000;/*Color de la fuente*/
   opacity:0.8;/*Opacidad del div aplicable por algunos navegadores*/
   filter:alpha(opacity=80);/*Filtro alfa aplicable por algunos navegadores*/
   -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
   -o-transition:all 0.5s ease-out;  /* Opera */
   -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
}
.botonBuscar:hover
{
   background-color:rgb(109, 27, 67);/*Color de fondo del boton*/
   opacity:0.9;/*Opacidad del div aplicable por algunos navegadores*/
   filter:alpha(opacity=90);/*Filtro alfa aplicable por algunos navegadores*/
   color:#FFF;/*Color de la fuente*/
   text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -moz-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -webkit-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -o-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -ms-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
}
.botonNotas{
    /*font: normal 12px 'News Cycle', arial, sans-serif;*/
   /*font-weight: bold;*/
   padding: 5px;
   width: 75px;/*Ancho del boton*/    
   cursor: pointer;
   border-radius:3px;/*Redondeo del borde del campo*/
   border:1px solid;/*Borde del div*/
   border-color:#4E4E4E;/*color del borde del campo*/
   box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -moz-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -webkit-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -o-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   -ms-box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   font-family: 'Lato', Arial;/*Tipo de fuente*/
   font-size: 14px;
   font-weight: bold;
   /*font-size:18px;/*Tamaño de la fuente*/
   /*font-weight:bold;/*Grosor de la fuente(Negrita)*/
   /*text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -moz-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -webkit-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -o-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -ms-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   color:#000;/*Color de la fuente*/
   opacity:0.8;/*Opacidad del div aplicable por algunos navegadores*/
   filter:alpha(opacity=80);/*Filtro alfa aplicable por algunos navegadores*/
   -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
   -o-transition:all 0.5s ease-out;  /* Opera */
   -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
}
.botonNotas:hover{
     background-color:rgb(109, 27, 67);/*Color de fondo del boton*/
   opacity:0.9;/*Opacidad del div aplicable por algunos navegadores*/
   filter:alpha(opacity=90);/*Filtro alfa aplicable por algunos navegadores*/
   color:#FFF;/*Color de la fuente*/
   text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -moz-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -webkit-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -o-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   -ms-text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
}

.tooltip{
   display: inline;
   position: relative;
}

.tooltip:hover:after{
   background: #333;
   background-color: rgba(108, 84, 106, 0.6);
   border-radius: 3px;
   bottom: 0px;
   color: #fff;
   content: attr(title);
   left: 110%;
   padding: 5px 10px;
   position: absolute;
   z-index: 98;
   width: 220px;
}

.aviso
{
   color: red;

}

.diferenteLabel{
   color: #851953;
}

.reportes{
   text-decoration: none;
   cursor: pointer;
}

ul.buttons {
   display: table-cell !important;
   padding: 20px !important;
}

form table {
   margin-left: 20px !important;
/*   padding-bottom: 10px;*/
}

.aika-button {
   padding: 5px 12px 5px 12px !important;
}

.formFielset {
   width: 690px;
   margin-left: 15px;
   margin-top: -5px;
}

.formFielset600 {
   width: 600px;
   margin-left: 15px;
   margin-top: -5px;
}

.dentroFielset {
   margin-left: 15px !important;
}

.margenLeft20 {
/*   margin-left: 20px !important;*/
}

.margenRight20 {
/*   margin-right: 20px !important;*/
}

/*.margenLeft10 {
   margin-left: 10px !important;
}*/

/*.margenRight10 {
   margin-right: 10px !important;
}*/
label.ruta{
    color:#6d1a42;
    vertical-align: sub;
    font: 98% "Yanone Kaffeesatz",Arial,sans-serif;
}
div.contenedorRuta{
    margin-bottom: 7px;
    margin-left: 9px;
}