*{
padding:0px;
margin:0px;
}
html{
height:100%;
}
body{
height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efebea+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #efebea 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#efebea 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#efebea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#logo_login{
display: block;
margin: 5% auto 0px auto;
width: 25%;
min-height: 10px;
}
#logo_login img{
display:block;
width:100%;
}
#login{
display: block;
margin:2% auto 10% auto;
width: 30%;
min-height: 100px;
background-color: #FFF;
-webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
}
#login header{
width:100%;
min-height:50px;
background-color:#005cff;
padding:0px;
}
#login header h2{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#FFF;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
padding:20px 0px 20px 10%;
text-align:left;
}
#login #cuerpo{
width:100%;
min-height:50px;
background-color:#FFF;
padding:40px 0px 40px 0px;
}
#login label{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.6em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
padding:10px 0px 0px 10%;
text-align:left;
}
#login input[type=text]{
display:block;
margin:4px auto 15px auto;
width:76%;
padding:2%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#5b5b5b;
letter-spacing: 0.5px;
text-align:center;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
background-color:rgba(255,255,255,1);
}
#login input[type=password]{
display:block;
margin:4px auto 15px auto;
width:76%;
padding:2%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#5b5b5b;
letter-spacing: 0.5px;
text-align:center;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
background-color:rgba(255,255,255,1);
}
#login input[type=submit]{
display:block;
margin:15px auto 5px auto;
clear:both;
width:40%;
padding:2%;
background-color:#005cff;
border:none;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#FFF;
letter-spacing: 0.5px;
text-align:center;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
footer{
display:block;
width:100%;
min-height:30px;
}
footer #derechos{
display:block;
width:100%;
min-height:30px;
}
footer #derechos p{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#5b5b5b;
letter-spacing: 0.5px;
text-align:center;
}
.mensaje-login{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#5b5b5b;
letter-spacing: 0.5px;
text-align:center;
}
#cuerpoprincipal{
width:95%;
min-height:100px;
margin:15px auto;
background-color:#FFF;
padding:0px;
overflow:auto;
-webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
}
#cabeza{
width:98%;
height:60px;
margin:0px auto;
background-color:#005cff;
padding:5px 1%;
}
#logocabeza{
float:left;
height:60px;
width:20%;
margin:0px;
}
#logocabeza img{
display:block;
height:100%;
}
#idusuario{
float:right;
width:20%;
height:60px;
margin:0px 0px 0px 20px;
}
#idusuario p{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#dce4fc;
letter-spacing: 0.5px;
text-align:right;
padding:25px 0px 0px 0px;
}
#menu{
float:left;
width:20%;
min-height:500px;
background-color:#343434;
padding:20px 0px;
}
#menu nav{
display:block;
width:100%;
min-height:50px;
}
#menuprincipal{
display:block;
width:100%;
min-height:50px;
list-style:none;
}
#menuprincipal li{
width:100%;
height:50px;
padding:10px 0px;
}
#menuprincipal li.limenuactivo{
width:100%;
height:50px;
background-color:#1b1b1b;
}
#menuprincipal li#activo{
display:block;
width:100%;
height:50px;
background-color:#1b1b1b;
}
#menuprincipal li:first-child{
background:url(../img/curso_altura.png) no-repeat;
border-bottom:1px solid rgba(209,209,209,0.2);
}
#menuprincipal li:nth-child(2){
background:url(../img/otros_cursos.png) no-repeat;
border-bottom:1px solid rgba(209,209,209,0.2);
}
#menuprincipal li:last-child{
background:url(../img/iconsalir.png) no-repeat;
}
#menuprincipal li:hover{
background-color:#1b1b1b;
}
#menuprincipal li a{
display:block;
width:73%;
height:32px;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#d0d0d0;
letter-spacing: 0.5px;
text-align:left;
text-decoration:none;
padding:18px 0px 0px 65px;
/*background-color:rgba(255,0,0,0.5);*/
}
.nav-hover-arrow{
visibility:hidden;
display:block;
z-index:200;
position:relative;
width:11px;
height:70px;
background-color:#005cff;
left:0px;
top:-60px;
}
.nav-active-arrow{
display:block;
z-index:200;
position:relative;
width:11px;
height:70px;
background-color:#005cff;
left:0px;
top:-60px;
}
li:hover .nav-hover-arrow{
visibility:visible;
}
#separadormenu{
display:block;
height:2px;
width:92%;
background-color:#d0d0d0;
margin:10px auto;
}
#container{
float: left;
width: 76%;
min-height:500px;
background-color:#FFF;
padding:20px 2%;
}
#container #titulomain {
display: block;
height: 40px;
width: 100%;
/* border-bottom: 1px solid #dcdcdc;*/
padding: 10px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}
#container #titulomain img{
display: block;
height: 90%;
float: left;
margin: 0px 10px 0px 0px;
}
#container #titulomain h1{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size: 1.2em;
color:#1b1b1b;
text-decoration:none;
text-align:left;
letter-spacing: 0.5px;
-webkit-transition:all 0.3s ease-out; /* Chrome y Safari */
-o-transition:all 0.3s ease-out; /* Opera */
-moz-transition:all 0.3s ease-out; /* Mozilla Firefox */
-ms-transition:all 0.3s ease-out; /* Internet Explorer */
transition:all 0.3s ease-out; /* W3C */
padding:5px 0px 5px 0px;}
#menupage{
display: block;
background-color: #FFF;
width: 100%;
height: 30px;
border-bottom: 1px solid #dcdcdc;
margin:0px 0px 30px 0px;
}
#menupage ul{
width: 100%;
height: 30px;
}
#menupage ul li{
float: left;
display: inline-block;
height: 23px;
width: 10%;
border-right: 1px solid #dcdcdc;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#1b1b1b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
padding:7px 0px 0px 0px;
text-align:center;
cursor: pointer;
}
#menupage ul li:last-child{
border-right: none;
}
.pg-hover{
visibility:hidden;
display:block;
z-index:200;
position:relative;
width:100%;
height:5px;
background-color:#005cff;
left:0px;
top:3px;
}
.pg-active{
display:block;
z-index:200;
position:relative;
width:100%;
height:5px;
background-color:#005cff;
left:0px;
top:3px;
}
#menupage ul li:hover .pg-hover{
visibility:visible;
}
.separador{
display:block;
width:100%;
margin:5px auto 10px auto;
height:1px;
background-color:rgba(255,255,255,0.4);
}
#carga{
clear: both;
width: 100%
}
.label-total{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 0px 5px 0px;
width:98%;
padding:0px;
letter-spacing: 0.5px;
}
.label-tercio-izq{
float: left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 2% 5px 0px;
width:10%;
padding:0px;
letter-spacing: 0.5px;
}
.label-tercio-centro{
float: left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 0px 5px 0px;
width:32%;
padding:0px;
letter-spacing: 0.5px;
}
.label-tercio-der{
float: left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 0px 5px 2%;
width:32%;
padding:0px;
letter-spacing: 0.5px;
}
.label-dostercios-der{
float: left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 0px 5px 0px;
width:66%;
padding:0px;
letter-spacing: 0.5px;
}
.input-total{
display:block;
width:98%;
height:25px;
margin:5px 0px 10px 0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.input-izq{
float: left;
display:block;
width:46.6%;
height:27px;
margin:5px 1% 0px 0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.input-der{
float: left;
display:block;
width:46.6%;
height:27px;
margin:5px 0px 10px 1%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.label-tercio-izq{
float: left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 2% 5px 0px;
width:32%;
padding:0px;
letter-spacing: 0.5px;
}
.label-izq{
float: left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 1% 5px 0px;
width:49%;
padding:0px;
letter-spacing: 0.5px;
}
.label-der{
float: left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 0px 5px 1%;
width:49%;
padding:0px;
letter-spacing: 0.5px;
}
.label-izq-enfasis{
float: left;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:1em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 1% 10px 0px;
width:49%;
padding:0px;
letter-spacing: 0.5px;
}
.label-der-enfasis{
float: left;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:1em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 0px 10px 1%;
width:49%;
padding:0px;
letter-spacing: 0.5px;
}
.input-tercio-izq{
float: left;
display:block;
width:29.8%;
height:27px;
margin:5px 2% 0px 0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.input-tercio-centro{
float: left;
display:block;
width:29.8%;
height:27px;
margin:5px 0px 10px 0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.input-tercio-der{
float: left;
display:block;
width:29.8%;
height:27px;
margin:5px 0px 10px 2%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.select-tercio-izq{
float: left;
display:block;
width:32%;
height:37px;
margin:5px 2% 10px 0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.select-tercio-centro{
float: left;
display:block;
width:31.8%;
height:37px;
margin:5px 0px 10px 0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.select-tercio-der{
float: left;
display:block;
width:31.8%;
height:37px;
margin:5px 0px 10px 2%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.select-izq{
float: left;
display:block;
width:48.6%;
height:37px;
margin:5px 1% 10px 0%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.select-der{
float: left;
display:block;
width:48.6%;
height:37px;
margin:5px 0% 10px 1%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
#lascity{
float:left;
display:block;
width:29.8%;
height:36px;
margin:5px 0px 10px 2%;
background-color:#FFF;
padding:0px;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
#lascity2{
float:left;
display:block;
width:29.8%;
height:36px;
margin:5px 0px 10px 2%;
background-color:#FFF;
padding:0px;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
#lascity3{
float:left;
display:block;
width:29.8%;
height:36px;
margin:5px 0px 10px 2%;
background-color:#FFF;
padding:0px;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.citytotal{
display:block;
width:98%;
height:25px;
margin:0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
font-size: 12px;
color:#718d94;
background-color:rgba(255,255,255,1);
padding:5px 1%;
border:none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.bt_guadar{
display:block;
float:right;
margin:30px 5px 5px 5px;
width:40px;
height:60px;
background:url(../img/iconguardar.png) no-repeat 0px 0px;
border:none;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.7em;
color:#005cff;
background-color:transparent;
/*text-indent:-10000px;*/
cursor:pointer;
}
.bt_certificar{
display:block;
float:right;
margin:30px 5px 5px 5px;
width:40px;
height:60px;
background:url(../img/bt-certificar.png) no-repeat 0px 0px;
border:none;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.7em;
color:#005cff;
background-color:transparent;
text-indent:-10000px;
cursor:pointer;
}
#cargando {
display:none;
position: absolute;
top: 35%;
left:37.5%;
width: 25%;
height:auto;
z-index:1002;
background:#343434;
border:6px solid 343434;
position:fixed;
box-shadow:0px 7px 15px rgba(0,0,0,0.75);
-webkit-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
-moz-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
-o-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
-ms-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
}
#cargando .popupbarratitlo{
width:100%;
height:30px;
clear:both;
padding:8px 0px 0px 0px;
background-color:#343434;
}
#cargando .cuerpopopup{
width:90%;
height:auto;
clear:both;
padding:5%;
}
#cargando h2{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#fff;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:center;
vertical-align:middle;
}
#cargando img{
display:block;
margin:0px auto;
width:128px;
height:128px;
}
#cargando p{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#FFF;
margin:0px 0px 5px 0px;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:center;
}
/***********CAMARA************/
.ocultocont{
position:absolute;
top: 50px;
left: 0px;
width: 0px;
height: 0px;
z-index: 2500;
padding: 0px;
overflow: hidden;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.mostartocont{
position:absolute;
top: 50px;
left: 0px;
width: 600px;
height: 225px;
z-index: 2500;
padding: 0px;
overflow: hidden;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.59);
box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.59);
border:3px solid #343434;
}
.ocultacam{
position: absolute;
top: 50px;
left: 0px;
z-index: 304;
width:40px;
height: 40px;
background: url(../img/icon_camara.png) no-repeat;
background-color: #343434;
text-indent: -10000px;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
cursor:pointer;
}
.mostarcam{
position: absolute;
top: 50px;
left: 606px;
z-index: 304;
width:40px;
height: 40px;
background: url(../img/icon_camara.png) no-repeat;
background-color: #343434;
text-indent: -10000px;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
cursor:pointer;
}
#leytercios{
position: absolute;
top: 3px;
left: 100%;
margin-left:-300px;
width: 300px;
height: 225px;
background: url(../img/ltercios.png) no-repeat;
z-index: 200;
}
#botones{
width:50px;
height:225px;
position:absolute;
z-index:300;
top:0px;
left: 100%;
margin-left: -50px;
background-color: rgba(0,0,0,0.2);
}
#btcaptura{
margin: 87px 0px 0px 0px;
width: 50px;
height: 50px;
background: url(../img/icon_obturador.png) no-repeat;
cursor: pointer;
}
#imgcap{
/*display:none;*/
float: left;
width:300px;
height: 225px;
background: url(../img/captura.png) no-repeat;
}
#c{
display: none;
width:300px;
height: 225px;
background: #FF0;
}
#v{
float: left;
width:300px;
height: 225px;
margin: 0px 0px -5px 0px;
background-color: #000;
}
.bt_guardar{
display:block;
float:right;
margin:30px 5px 5px 5px;
width:50px;
height:50px;
background:url(../img/iconguardar.png) no-repeat 0px 0px;
border:none;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#FFF;
background-color:transparent;
text-indent:-10000px;
cursor:pointer;
}
.bt_actualizar{
display:block;
float:right;
margin:30px 5px 5px 5px;
width:50px;
height:50px;
background:url(../img/iconactualizar.png) no-repeat 0px 0px;
border:none;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#FFF;
background-color:transparent;
text-indent:-10000px;
cursor:pointer;
}
.bt_inscribir{
display:block;
float:right;
margin:30px 5px 5px 5px;
width:50px;
height:50px;
background:url(../img/bt-inscribir.png) no-repeat 0px 0px;
border:none;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#FFF;
background-color:transparent;
text-indent:-10000px;
cursor:pointer;
}
.bt_cancelar{
display:block;
float:right;
margin:30px 5px 5px 5px;
width:50px;
height:50px;
background:url(../img/iconcancelar.png) no-repeat 0px 0px;
border:none;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#FFF;
background-color:transparent;
text-indent:-10000px;
cursor:pointer;
}
#anioactual{
display: none;
}
#solapar_popup {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #FFF;
z-index:1001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
position:fixed;
}
/******* POPUP MENSAJE *******/
#popupmensaje {
position: absolute;
top: 35%;
left:37.5%;
width: 25%;
height:auto;
z-index:1002;
background:#343434;
border:6px solid #343434;
position:fixed;
box-shadow:0px 7px 15px rgba(0,0,0,0.75);
-webkit-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
-moz-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
-o-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
-ms-box-shadow:0px 7px 8px rgba(0,0,0,0.75);
}
#popupmensaje .popupbarratitlo{
width:100%;
height:30px;
clear:both;
padding:8px 0px 0px 0px;
background-color:#343434;
}
#popupmensaje .cuerpopopup{
width:90%;
height:auto;
clear:both;
padding:5%;
}
#popupmensaje h2{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#fff;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:center;
vertical-align:middle;
}
#popupmensaje h3{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:1em;
color:#fff;
margin:0px 0px 10px 0px;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:justify;
}
#popupmensaje img{
display:block;
margin:0px auto;
width:50px;
height:50px;
}
#popupmensaje p{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#FFF;
margin:0px 0px 5px 0px;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:center;
}
#popupmensaje p a{
color:#FFF;
text-decoration:none;
}
#popupmensaje #btpopup{
display:block;
margin:20px auto 10px auto;
color:#FFF;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
text-align:center;
font-weight:normal;
text-decoration:none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
background-color:#343434;
padding:5px 10px;
border:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
#popupmensaje #centaropcion{
display: block;
width:98%;
min-height: 10px;
margin: 20px auto;
}
#popupmensaje .opcion{
float: left;
display:block;
margin:20px 5% 10px 5%;
color:#FFF;
width:40%;
min-height: 10px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
text-align:center;
font-weight:normal;
text-decoration:none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
background-color:#343434;
padding:5px 0px;
border:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
#popupmensaje #btcerrar{
height:30px;
width:30px;
z-index:100;
position:absolute;
right:10px;
top:-10px;
background:url(../img/cerrar.png) no-repeat 0px 0px;
color:#999;
text-indent:-100000px;
text-decoration:none;
}
/********************************/
.fila_tabla{
display:block;
clear:both;
width:100%;
min-height:30px;
border-bottom:1px solid rgba(255,255,255,0.4);
padding:10px 0px;
overflow:hidden;
text-align:center;
}
.fila_tabla_seperador{
display:block;
clear:both;
width:100%;
min-height:30px;
border-bottom:1px solid #d9d7d8;
padding:10px 0px;
overflow:hidden;
text-align:center;
}
.fila_tabla_par{
display:block;
clear:both;
width:100%;
min-height:30px;
border-bottom:1px solid rgba(255,255,255,0.4);
padding:10px 0px;
overflow:hidden;
text-align:center;
background-color: rgba(232,228,229,0.8);
}
.celda_tabla_head_1ins{
display:block;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:14%;
min-height:30px;
padding:0px 1% ;
float:left;
}
.celda_tabla_head_2ins{
display:block;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:31%;
min-height:30px;
padding:0px 1% ;
float:left;
}
.celda_tabla_head_3ins{
display:block;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:21%;
min-height:30px;
padding:0px 1% ;
float:left;
}
.celda_tabla_head_4ins{
display:block;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:8%;
min-height:30px;
padding:0px 0.833% ;
float:left;
}
.celda_tabla_head_5ins{
display:block;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:8%;
min-height:30px;
padding:0px 0.833% ;
float:left;
}
.celda_tabla_head_6ins{
display:block;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:7%;
min-height:30px;
padding:0px 0.833% ;
float:left;
}
.celda_tabla_icon_head{
display:block;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:10.5%;
min-height:30px;
padding:0px 1% ;
float:left;
}
.celda_tabla_1ins{
display:block;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
width:14%;
min-height:30px;
padding:0px 1% ;
float:left;
}
.celda_tabla_2ins{
display:block;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
text-align:center;
width:31%;
min-height:30px;
padding:0px 1%;
background-color:transparent;
float:left;
}
.celda_tabla_3ins{
display:block;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
text-align:center;
width:21%;
min-height:30px;
padding:0px 1%;
background-color:transparent;
float:left;
}
.celda_tabla_4ins{
display:block;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
text-align:center;
width:8%;
min-height:30px;
padding:0px 0.833%;
background-color:transparent;
float:left;
}
.celda_tabla_5ins{
display:block;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
text-align:center;
width:8%;
min-height:30px;
padding:0px 0.833%;
background-color:transparent;
float:left;
}
.celda_tabla_6ins{
display:block;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
text-align:center;
width:7%;
min-height:30px;
padding:0px 0.833%;
background-color:transparent;
float:left;
}
.celda_tabla_icon{
display:block;
width:10.5%;
min-height:30px;
padding:0px 1% ;
float:left;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.8em;
color:#5b5b5b;
cursor: pointer;
}
.msjexitente{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:1em;
color:#5b5b5b;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:center;
vertical-align:middle;
width: 100%;
margin: 0px 0px 10px 0px;
display: block;
}
#contfoto{
display: block;
float: left;
width: 20%;
min-height: 200px;
max-width:200px;
margin: 0px 2% 10px 0px;
background-color: #FFF;
}
#foto{
float: left;
background-color: #FFF;
min-height: 120px;
min-width: 100px;
max-width:200px;
margin: 10px 0px 10px 0px;
border:1px solid #dcdcdc;
}
#foto figure {
display: block;
position: relative;
overflow: hidden;
cursor: pointer;
}
#foto figure img{
width:100%;
display: block;
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
#continfo{
display: block;
float: left;
width: 78%;
min-height: 200px;
margin: 0px 0px 10px 0px;
background-color: #FFF;
}
.label-total-enfasis{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:1em;
color:#5b5b5b;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:left;
display:block;
margin:10px 0px 5px 0px;
width:98%;
padding:0px;
letter-spacing: 0.5px;
}
.select-total{
display:block;
width:100%;
height:37px;
margin:5px 0px 10px 0px;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
background-color:rgba(255,255,255,1);
padding:5px 1%;
letter-spacing: 0.5px;
text-align:left;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
border:1px solid #c0c0c0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}
#vista{
display:block;
width:20%;
height:40px;
background-color:transparent;
padding:0px 1%;
margin:20px auto 5px auto;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
}
#vista p{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .8em;
color:#5b5b5b;
letter-spacing: 0px;
font-weight:normal;
text-align:center;
padding:12px 0px;
text-decoration:none;
/* background-color:#9ab420;*/
}
#paginacion{
display:block;
clear:both;
width:100%;
margin:10px auto 20px auto;
height:40px;
padding:0px 0px 30px 0px;
border-bottom:1px solid rgba(102,102,102,0.3);
}
.botonespaginacion{
float:left;
width:25%;
height:40px;
padding:0px;
}
#paginas{
width:50%;
height:28px;
padding:12px 0px 0px 0px;
float:left;
}
#paginas a{
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: .9em;
color:#5b5b5b;
letter-spacing: 0px;
font-weight:normal;
text-align:center;
text-decoration:none;
margin:0px 2px;
}
#paginas b{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size: 1em;
color:#5b5b5b;
letter-spacing: 0px;
font-weight:normal;
text-align:center;
text-decoration:none;
margin:0px 5px;
}
.btback{
width: 40px;
height: 40px;
background:url(../img/btback.png) no-repeat;
float:left;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
.btbackf{
width: 40px;
height: 40px;
background:url(../img/btback.png) no-repeat;
float:left;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
/*.btback:hover{
background:url(../img/btback.png) no-repeat 0px -40px;
}*/
.btnext{
width: 40px;
height: 40px;
background:url(../img/btnext.png) no-repeat 0px 0px;
float:right;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
.btnextf{
width: 40px;
height: 40px;
background:url(../img/btnext.png) no-repeat 0px 0px;
float:right;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
/*.btnext:hover{
background:url(../img/btnext.png) no-repeat 0px -40px;
}*/
.btprimero{
width: 40px;
height: 40px;
background:url(../img/btprimero.png) no-repeat;
float:left;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
.btprimerof{
width: 40px;
height: 40px;
background:url(../img/btprimero.png) no-repeat;
float:left;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
/*.btprimero:hover{
background:url(../img/btprimero.png) no-repeat 0px -40px;
}*/
.btultimo{
width: 40px;
height: 40px;
background:url(../img/btultimo.png) no-repeat;
float:right;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
.btultimof{
width: 40px;
height: 40px;
background:url(../img/btultimo.png) no-repeat;
float:right;
margin:0px 1%;
text-indent:-100000px;
text-decoration:none;
}
#cargacarnet{
display:none;
position: absolute;
top: 8%;
left:5%;
width: 90%;
height:auto;
z-index:1002;
background-color:#343434;
-webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.5);
}
#contcarnet{
width:100%;
padding:0%;
height:auto;
}
#solapar{
display:none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #FFF;
z-index:1001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
position:fixed;
}
.btdowncinf{
display:block;
width:50px;
height:50px;
z-index:2200;
position:relative;
top:-50px;
left:100%;
margin-left:-50px;
background:url(../img/icon_bajar_big.png);
background-color:#005cff;
text-indent:-100000px;
text-decoration:none;
}
.btdowncsup{
display:block;
width:50px;
height:50px;
z-index:2200;
position:relative;
top:50px;
left:100%;
margin-left:-50px;
background:url(../img/icon_bajar_big.png);
background-color:#005cff;
text-indent:-100000px;
text-decoration:none;
}
.cont-carnet{
display:block;
float:left;
width:40%;
margin:10px 5%;
min-height:200px;
}
.cont-carnet img{
display:block;
width:100%;
}
.subtituloform{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#FFF;
text-align: center;
margin: 10px auto;
}
#cargacarnet #cerrar{
height:30px;
width:30px;
z-index:100;
position:absolute;
right:10px;
top:-10px;
background:url(../img/cerrar.png) no-repeat 0px 0px;
color:#999;
text-indent:-100000px;
text-decoration:none;
}
#ventanaflotante{
display: none;
}
.subtitulos{
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size: 1em;
color:#1b1b1b;
text-decoration:none;
text-align:left;
letter-spacing: 0.5px;
padding:5px 0px 5px 0px;
}
#sepaedith{
clear: both;
display: block;
height: 1px;
width: 100%;
background-color: #FFF;
}
.bt_back{
display:block;
float:right;
margin:30px 5px 5px 5px;
width:58px;
height:60px;
background:url(../img/btclear.png) no-repeat 0px 0px;
border:none;
font-family:'opensans-bold-webfont', Arial, Helvetica, sans-serif;
font-size:.7em;
color:#005cff;
background-color:transparent;
text-indent:-10000px;
cursor:pointer;
}
#bt_buscarcliente{
display:block;
margin:5px 0px 20px 0px;
float: right;
clear:both;
width:20%;
padding:5px;
background-color:#005cff;
border:none;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size:.9em;
color:#FFF;
cursor: pointer;
letter-spacing: 0.5px;
text-align:center;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
}