@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/MyriadProLight/MyriadProLight.eot');
    src: url('../fonts/MyriadProLight/MyriadProLight.eot') format('embedded-opentype'),
        url('../fonts/MyriadProLight/MyriadProLight.woff') format('woff'),
        url('../fonts/MyriadProLight/MyriadProLight.ttf') format('truetype'),
        url('../fotns/MyriadProLight/MyriadProLight.svg#MyriadProLight') format('svg');
}

* {
    text-align: center;
}

/* clase para eliminar padding de donde queramos, en este caso con una expresion regular para todas
        las columnas */
.sinpadding {
    padding: 0px;
}

#logo_aqualider{
    float: left;
    padding: 10px 0 0 20px;
    width: 220px;
}

#logo_aqualiderXS{
    float: left;
    padding: 10px 10px 10px 0;
    width: 110px;
    z-index: 200;
}

div#menu-intranet {
}

/* Estilos intranet */
/*#panel-registro ul, #panel-login ul, #menu-intranet ul{
    margin: 0;
    padding: 0;
}
#panel-registro ul li, #panel-login ul li, #menu-intranet ul li{
    list-style: none;
}
#panel-registro ul li.buttonli, #panel-login ul li.buttonli, #menu-intranet ul li.buttonli{
    padding: 1em;
    text-align: center;
}*/

.menu_superior.menu_izquierda{
    margin-top: 15px;
    margin-bottom: -15px;
}

.menu_superior.menu_izquierda nav{
    float: left
}

.menu_superior.menu_izquierda nav ul li{
    background-color: grey;
}

/* inicio menu superior */

.menu_superior{
    font-size: 12px;
    padding-right: 15px !important;
    /*background: #bbbbbb; /* Old browsers */
    /*background: -moz-linear-gradient(left, #ffffff 0%, #eaeaea 56%, #d3d3d3 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(56%,#eaeaea), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(left, #ffffff 0%,#eaeaea 56%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(left, #ffffff 0%,#eaeaea 56%,#d3d3d3 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(left, #ffffff 0%,#eaeaea 56%,#d3d3d3 100%); /* IE10+ */
    /*background: linear-gradient(to right, #ffffff 0%,#eaeaea 56%,#d3d3d3 100%); /* W3C */

}

.menu_superior .borde_derecho{
    border-right: 2px solid white;
}

.menu_superior nav{
    margin-top: 0px;
    float:right;
    padding-right: 0px;

    -moz-box-shadow: -2px 0px 5px #818182;
    -webkit-box-shadow: -2px 0px 5px #818182;
    box-shadow: -2px 0px 5px #818182;

    -moz-box-shadow: 2px 0px 5px #818182;
    -webkit-box-shadow: 2px 0px 5px #818182;
    box-shadow: 2px 0px 5px #818182;
}

.menu_superior nav ul li{
    float: left;
    padding: 3px 20px 3px 20px;
    background: #818182;
    list-style: none;
}

.menu_superior .nav_oscuro{
    background: rgba(0,166,71,1);
}

.menu_superior a{
    font-family: 'MyLucidaGrande';
    color: white;
    font-size: 13px;
}

.fila_menu, .fila_logos, .menu_superior{
    background-color: white !important;
}
/* fin menu superior*/


.intranet{
    padding: 0px;
    color: black;
    font-family: 'MyriadProLight';
}

.intranet h3{
    margin-bottom: 20px;
    margin-top: 40px;
    font-weight: 900;
    text-align: center;
    font-size: 26px;
}

.intranet h4{
    text-decoration: underline;
    margin-bottom: 30px;

}

.intranet .formulario{
    width: 100%;
    /*max-width: 450px;*/
    margin: 10px auto;
}

.intranet ul li{
    list-style: none;
    padding: 0px 2px;
    margin: 3px auto;
    text-align: center;
}

.intranet ul li a{
    color: black;
}

.intranet ul li a button{
    border: 2px solid rgba(0,166,71,1);
    margin-top: 20px;
    background: white;
}

.intranet ul li a button.send {
    background-color: rgba(0,166,71,1) !important;
    color: whitesmoke !important;
}

.n_btn-group{
    width: 100%;
    display: inline;
    position: relative;
    vertical-align: bottom;
}

.intranet .formulario input,
.intranet .formulario ul li textarea,
.checkbox.big {
    text-align: left;
    font-size: 20px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: black;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-top: 0px;
}

.intranet .formulario input[type="checkbox"]{ 
    width: 20px !important;
    height: 15px;
    margin-top: 0px;
}

.intranet .formulario ul{
    margin: 0px !important;
    padding: 0px !important;
}

.intranet .formulario ul li textarea{
    width: 100%;
    height: 70px;
    margin-top: 0px;
}

.intranet .formulario ul li label{
    /* float: left; */
    padding: 0 10px 0px 0px;
    width: 150px;
    text-align: left;
    padding-top: 0px;
} 

.intranet .formulario form ul li button{
    margin: 10px 0 40px 0 !important;
    width: 50%;
}

.intranet ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc;
}
.intranet :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ccc;
    opacity:  1;
}
.intranet ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc;
    opacity:  1;
}
.intranet :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ccc;
}

.checkbox.big{
  padding-left: 25px;
  text-align: left;
  font-size: 24px;
  background-color: white;
  padding-top: 0px;
}

.checkbox.big label{
	font-size: 20px;
	padding-top: 0px;
}

.checkbox.big label input{
	margin-top: 5px !important;
}

.intranet select{
    text-indent: 5px;
    font-size: 20px;
    color: black;
}

.intranet button{
    margin: 0px auto !important;
    padding: 2px;
    width: 95%;
    max-width: 300px;
    font-size: 20px;
}

.intranet p{
    text-wrap: none;
}

.intranet .formulario{
    background-color: rgba(170,4,19,0.02);
    border-radius: 1em;
    padding-top: .5em;
    padding-left: .5em;
    padding-right: .5em;
    padding-bottom: 0.5em;
    border: 2px solid rgba(0,166,71,1);
    margin-bottom: 50px !important;

}

.no-borders{
    border: none !important;
    border-radius: 0px !important;
}

.intranet .datos-texto li,
.intranet .datos-texto li b,
.intranet .datos-texto li a,
.intranet .datos-texto li a span{
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
}

.intranet .datos-texto li b{
    font-size: 14px;
    /* text-decoration: overline; */
}

.intranet .datos-texto li{
    text-align: left;
    text-indent: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

.intranet .datos-texto li b{
    text-decoration: underline;
    margin-right: 5px;
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
}

@media (min-width: 992px)
{
    .intranet .datos-texto li.datos-direccion{
        white-space: nowrap;
        overflow: hidden;
    }
}

.btn-redondeado:hover {
	transition: all 1s ease;
        background: rgba(0, 0, 255, 0.3);
} 

.btn-redondeado, .input-redondeado, #lellamamos_telefono, #lellamamos_submit{
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border-radius: 15px;
}

.modalNuevo .modal-content button.send,
.modalNuevo form button.send,
form button.send{
    background: white;
    margin-top: 20px;
    border: 2px solid rgba(0,166,71,1);
}

.modalNuevo .modal-content button.exit,
.modalNuevo form button.exit,
form button.exit{
    background: rgba(0,166,71,1);
    color:  white;
    margin-top: 20px;
    border: 2px solid rgba(0,166,71,1);
}

/*Estilos de cuadros y alertas*/

.panel-alert{
    position: fixed;
    width: 88%;
    z-index: 100000;
    border-radius: 8px;
    /* padding: 5px; */
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

.panel-alert p{
    font-size: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    padding: 6px 10px;
    text-align: center;
}

.panel-alert span{
    float: right;
    padding-right: 15px;
    font-size: 2em;
    cursor: pointer;
}

.alert-warning p{
    color: #8a6d3b !important;
}

.alert-danger p{
    color: #a94442 !important;
}

.alert-success p{
    color: #3c763d !important;
}

#modalCambioTelefono .modal-content{
    top: 15vh;
}

.formulario.estado1, .formulario.estado2, .formulario.estado3, 
.formulario.estado4, .formulario.estado5, .formulario.estado6{
    border-top: 25px solid;
    border-bottom: 15px solid;
    border-left: 5px solid;
    border-right: 5px solid;
}

.n_fila.estado1, .n_fila.estado2, .n_fila.estado3, 
.n_fila.estado4, .n_fila.estado5, .n_fila.estado6{
    border-top: 3px dotted;
    border-bottom: 3px dotted;
    border-left: 7px dotted;
    border-right: 7px dotted;
}

.formulario.estado1, .n_fila.estado1{
    border-color: #F69D9A !important;
}

.formulario.estado2, .n_fila.estado2{
    border-color: #D377C8 !important;
}

.formulario.estado3, .n_fila.estado3{
    border-color: #F2CBEE !important;
}

.formulario.estado4, .n_fila.estado4{
    border-color: #83C2EF !important;
}

.formulario.estado5, .n_fila.estado5{
    border-color: #F1E388 !important;
}

.formulario.estado6, .n_fila.estado6{
    border-color: #FFE4C4 !important;
}

.formulario.resultado0,.formulario.resultado1,.formulario.resultado2,
.formulario.resultado3,.formulario.resultado4,.formulario.resultado5,
.formulario.resultado6,.formulario.resultado7,.formulario.resultado8,
.formulario.resultado9,.formulario.resultado10,.formulario.resultado13,
.n_fila.resultado0,.n_fila.resultado1,.n_fila.resultado2,
.n_fila.resultado3,.n_fila.resultado4,.n_fila.resultado5,
.n_fila.resultado6,.n_fila.resultado7,.n_fila.resultado8,
.n_fila.resultado9,.n_fila.resultado10,.n_fila.resultado13{
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-size: 7px;
}

.formulario.resultado0, .n_fila.resultado0{
    background-color: rgba(128,128,128,.5) !important;  
}

.formulario.resultado1, .n_fila.resultado1{
    background-color: rgba(206,132,131,.6) !important;
}

.formulario.resultado2, .n_fila.resultado2{
    background-color: rgba(128,0,128,.4) !important;
}

.formulario.resultado3, .n_fila.resultado3{
    background-color: rgba(242,203,238,.7) !important;
}

.formulario.resultado4, .n_fila.resultado4{
    background-color: rgba(245,231,158,.6) !important;
}

.formulario.resultado5, .n_fila.resultado5{
    background-color: #BFF790 !important;
}

.formulario.resultado6, .n_fila.resultado6{
    background-color: #6d6 !important;
}

.formulario.resultado7, .n_fila.resultado7{
    background-color: rgba(0,136,204,.8) !important;
}

.formulario.resultado8, .n_fila.resultado8{
    background-color: #83C2EF !important;
}

.formulario.resultado9, .n_fila.resultado9{
    background-color: orange !important;
}

.formulario.resultado10, .n_fila.resultado10{
    background-color: rgba(165,42,42,.5) !important;
}

.formulario.resultado13, .n_fila.resultado13{
    background-color: #6F1 !important;
}

/*FIN Estilos de cuadros y alertas*/
