@font-face {
font-family:"Myriad Pro";
src:url('/fonts/SplashMaster/MyriadPro-Regular.eot') format("eot"), url('/fonts/SplashMaster/MyriadPro-Regular.woff') format('woff');
}
@font-face {
font-family:"Myriad Pro Bold";
src:url('/fonts/SplashMaster/MyriadPro-Bold.eot?iefix') format("eot"), url('/fonts/SplashMaster/MyriadPro-Bold.woff') format('woff');
}
@font-face {
font-family:"Myriad Pro Light";
src:url('/fonts/SplashMaster/MyriadPro-Light.eot?iefix') format("eot"), url('/fonts/SplashMaster/MyriadPro-Light.woff') format('woff');
}
@font-face {
font-family:"Myriad Pro Semibold";
src:url('/fonts/SplashMaster/MyriadPro-Semibold.eot?iefix') format("eot"), url('/fonts/SplashMaster/MyriadPro-Semibold.woff') format('woff');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
html, body {
height:100%;
overflow-x:hidden;
}
/*body {
background:#1C406D;
}*/
body form#ctl01 {
height:100%;
}
ol, ul {
list-style:none;
}
body {
margin:0;
font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
font-size:13px;
}
a {
color:#FFF;
text-decoration:none;
cursor:pointer;
}
header {
width:100%;
height:130px;
z-index:99999;
position:relative;
background:#FFF;
}
section {
width:100%;
height:calc(100% - 305px);
overflow:hidden;
position:relative;
background:url(/Images/SplashMaster/img-video.jpg);
background-size:cover;
}
footer {
width:100%;
height:170px;
border-top:5px solid #FFF;
position:relative;
z-index:99999;
background:#285691;
background:-moz-linear-gradient(top, #1C3F6C 1%, #1c3f6c 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1%, #285691), color-stop(100%, #1c3f6c));
background:-webkit-linear-gradient(top, #285691 1%, #1c3f6c 100%);
background:-o-linear-gradient(top, #285691 1%, #1c3f6c 100%);
background:-ms-linear-gradient(top, #285691 1%, #1c3f6c 100%);
background:linear-gradient(to bottom, #285691 1%, #1c3f6c 100%); 
}
img {
max-width:100%;
height:auto;
width:auto\9;
}
.column100 {
float:left;
width:100% !important;
}
.no-margin {
margin:0 !important;
}
.margin-top {
margin-top:20px;
}
.text-center {
text-align:center !important;
}
/* header */
.header1 {
width:100%;
height:80px;
background:#FFF;
display:table;
max-width:1170px;
margin:0 auto;
}
.header-logos {
width:100%;
height:100%;
display:table-row;
}
.header-logo-wonline {
height:100%;
display:table-cell;
vertical-align:middle;
}
.header-logo-woffice {
height:100%;
text-align:right;
display:table-cell;
vertical-align:middle;
}
.header-logo-wonline img,
.header-logo-woffice img {
margin:0 10px;
max-width:calc(100% - 20px) !important;
}
.header2 {
width:100%;
height:50px;
background:#4496cf;
background:-moz-linear-gradient(left, #4496cf 11%, #4496cf 11%, #2c78ab 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(11%, #4496cf), color-stop(11%, #4496cf), color-stop(100%, #2c78ab));
background:-webkit-linear-gradient(left, #4496cf 11%, #4496cf 11%, #2c78ab 100%);
background:-o-linear-gradient(left, #4496cf 11%, #4496cf 11%, #2c78ab 100%);
background:-ms-linear-gradient(left, #4496cf 11%, #4496cf 11%, #2c78ab 100%);
background:linear-gradient(to right, #4496cf 11%, #4496cf 11%, #2c78ab 100%);
-webkit-box-shadow:inset 0 7px 14px 0 rgba(48, 72, 101, 0.5);
-moz-box-shadow:inset 0 7px 14px 0 rgba(48, 72, 101, 0.5);
box-shadow:inset 0 7px 14px 0 rgba(48, 72, 101, 0.5);
}
.header2 nav {
width:calc(100% - 25px);
max-width:1145px;
height:50px !important;
margin:0 auto;
text-align:right;
padding-right:25px;
}
.header2 nav ul {
float:right;
height:100%;
}
.header2 nav ul li {
display:table;
float:right;
height:100%;
position:relative;
padding:0 20px 0 50px;
border-bottom:4px solid rgba(44,120,171,0);
}
/*.header2 nav ul li:first-of-type {
height:100%;
border-left:2px solid #3583b9;
background:#013c58;
background:-moz-linear-gradient(top, #013c58 0%, #016696 100%);
background:-webkit-linear-gradient(top, #013c58 0%,#016696 100%);
background:linear-gradient(to bottom, #013c58 0%,#016696 100%);
-webkit-box-shadow:inset 0px 10px 10px -5px rgba(48, 72, 101, 0.5);
-moz-box-shadow:inset 0px 10px 10px -5px rgba(48, 72, 101, 0.5);
box-shadow:inset 0px 10px 10px -5px rgba(48, 72, 101, 0.5);
}
.header2 nav ul li:last-of-type {
height:auto;
min-height:100%;
background:#02aed2;
background:-moz-linear-gradient(top, #02aed2 20%, #1cd6fd 100%);
background:-webkit-linear-gradient(top, #02aed2 20%,#1cd6fd 100%);
background:linear-gradient(to bottom, #02aed2 20%,#1cd6fd 100%);
text-shadow:2px 2px 3px rgba(3,105,126,1);
-webkit-box-shadow:inset 0px 10px 10px -5px rgba(48, 72, 101, 0.5);
-moz-box-shadow:inset 0px 10px 10px -5px rgba(48, 72, 101, 0.5);
box-shadow:inset 0px 10px 10px -5px rgba(48, 72, 101, 0.5);
}
.header2 nav ul li:first-of-type:hover {
background:#015781;
background:-moz-linear-gradient(top, #016696 0%, #013c58 100%);
background:-webkit-linear-gradient(top, #016696 0%,#013c58 100%);
background:linear-gradient(to bottom, #016696 0%,#013c58 100%);
}
.header2 nav ul li:last-of-type:hover {
background:#1cd6fd;
background:-moz-linear-gradient(top, #1cd6fd 20%, #02aed2 100%);
background:-webkit-linear-gradient(top, #1cd6fd 20%,#02aed2 100%);
background:linear-gradient(to bottom, #1cd6fd 20%,#02aed2 100%);
text-shadow:2px 2px 3px rgba(3,105,126,1);
}*/
.header2 nav ul li a {
width:auto;
display:table-cell;
vertical-align:middle;
font-size:14px;
}
.header2 nav ul li:hover {
border-bottom:4px solid #FF8000;
}
.header2 nav ul li.menulogin a:before {
content:url(/Images/SplashMaster/ico-login-land.png);
position:absolute;
top:calc(50% - 9px);
left:20px;
}
.header2 nav ul li.menuregister {
position:relative;
top:3px;
}
/*boton videos ayuda*/
.menuTutoriales {
position:fixed;
right:0;
top:calc(50% - 202px);
width:200px;
z-index:+99999999;
border-radius:5px 0 0 5px;
background:#a00660;
transition:all 0.5s ease-in-out;
transition-delay:0.01s;
}
.menuTutoriales .drop {
float:left;
width:100%;
overflow:hidden;
border-radius:5px 0 0 5px;
}
.menuTutoriales .drop a.item {
float:left;
width:calc(100% - 10px);
height:44px;
display:table;
cursor:pointer;
padding:0 5px;
position:relative;
text-decoration:none;
background:#E6007E ;
margin-bottom:1px;
background:-moz-linear-gradient(left, #E6007E  0%, #bf1075  100%);
background:-webkit-linear-gradient(left, #E6007E  0%,#bf1075  100%);
background:linear-gradient(to right, #E6007E  0%,#bf1075  100%);
}
.menuTutoriales .drop a.item:last-of-type {
margin-bottom:0;
}
.menuTutoriales .drop a.item span {
display:table-cell;
vertical-align:middle;
text-align:center;
line-height:14px;
font-size:14px;
font-weight:bold;
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
.menuTutoriales .drop a.item:hover {
background:#a7065e !important;
}
.closeTutoriales:before {
content:">";
position:absolute;
top:calc(50% - 5px);
left:5px;
color:#FFF;
font-size:16px;
transform:scaleY(2.2);
width:9px;
height:10px;
line-height:8px;
}
.closeTutoriales {
position:fixed;
top:calc(50% - 190px);
right:200px;
width:20px;
height:50px;
margin:0;
opacity:0;
z-index:+99999999;
cursor:pointer;
}
.closeTutoriales + label {
position:fixed;
top:calc(50% - 190px);
right:200px;
width:20px;
height:50px;
background:#e43394;
display:block;
z-index:+99999999;
border-radius:3px 0 0 3px;
-webkit-box-shadow:inset -3px 0px 8px 0px rgb(125, 11, 77);
-moz-box-shadow:inset -3px 0px 8px 0px rgba(0, 69, 89, 0.4);
box-shadow:inset -3px 0px 8px 0px rgba(0, 69, 89, 0.4);
transition:all 0.5s ease-in-out;
transition-delay:0.01s;
cursor:pointer;
}
.closeTutoriales + label:before {
content:">";
position:absolute;
top:calc(50% - 5px);
left:5px;
color:#FFF;
font-size:16px;
transform:scaleY(2.2);
width:9px;
height:10px;
line-height:8px;
}
.closeTutoriales:checked,
.closeTutoriales:checked + label {
right:0;
}
.closeTutoriales:checked + label:before {
content:"<";
}
.closeTutoriales[type="checkbox"]:checked ~ label + .menuTutoriales  {
right:-200px;
}
/*lightbox videos ayuda*/
#overf {
display: none;
position: fixed;
top:50px;
left: 50%;
width:calc(100% - 40px);
max-width:1430px;
z-index: 99999999;
overflow: none;
transform: translateX(-50%) !important;
}
#overf a.ocultar {
background: #1caef7;
padding: 7px 8px;
margin-top:-10px;
right: 0%;
position: absolute;
color: #ffffff;
text-decoration: none;
border-radius: 2px;
letter-spacing: 1px;
}
#overf .lightbox {
width:100%;
margin: 1em 0 0 0;
height: auto;
background-color: #fff;
border-color: #DDDDDD;
border-radius: 2px;
text-align: center;
font-size: 24px;
overflow-x:hidden;
overflow-y:auto;
max-height: calc(100% - 20px);
}
#overf .lightbox h1 {
float: left;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
border-bottom: 1px solid #CCC;
color: #707070;
}
#overf .lightbox .contVayuda {
float:left;
width:calc(100% - 40px);
height:650px;
margin:20px;
position:relative;
}
#overf .lightbox .contVayuda video {
float:left;
width:100%;
max-width:1150px;
-webkit-box-shadow:4px 4px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:4px 4px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:4px 4px 5px 0px rgba(50, 50, 50, 0.5);
}
#overf .lightbox ul.contBotones {
float:left;
width:100%;
height: 91px;
border-radius: 2px;
background:#E3E8EE;
}
#overf .lightbox ul.contBotones li {
float: left;
width: calc(11.15% - 1.63px);
height:90px;
border-right:2px solid #FFF;
display:table
}
#overf .lightbox ul.contBotones li:last-child {
border-right:0 !important;
}
#overf .lightbox ul.contBotones li a {
float:left;
text-align:center;
color:#FFF;
text-decoration:none;
cursor:pointer;
width:calc(100% - 10px);
height:100%;
padding:5px;
color: #02aed2;
font-size:13px;
text-transform:uppercase;
line-height:12px;
background:#E3E8EE;
letter-spacing:-1.0px;
}
#overf .lightbox ul.contBotones li a:hover,
#overf .lightbox ul.contBotones li a.active {
background:#02aed2;
color: #FFF;
}
#overf .lightbox ul.contBotones li a:hover img,
#overf .lightbox ul.contBotones li a.active img {
filter:grayscale(100%) brightness(500%)  ;
}
#overf .lightbox ul.contBotones li a span {
float:left;
width:100%;
margin-top:5px;
}
#fadef {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 110%;
background-color: black;
z-index: 9999998;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
@media(max-width:1470px) {
#overf .lightbox .contVayuda {
height:auto;
}
#overf .lightbox ul.contBotones li {
width:calc(11.14% - 2px);
}
}
@media(max-width:1425px) {
#overf .lightbox ul.contBotones li a  img {
transform:scale(0.8);
}
#overf .lightbox ul.contBotones li a span {
margin-top:-3px;
}
}
@media(max-width:1160px) {
.menuTutoriales {
right:-200px;
}
.closeTutoriales,
.closeTutoriales + label {
right:0;
}
.closeTutoriales[type="checkbox"]:checked ~ label + .menuTutoriales  {
right:0;
}
.closeTutoriales:checked,
.closeTutoriales:checked + label {
right:200px;
}
}
@media(max-width:945px) {
#overf .lightbox ul.contBotones {
height:auto;
}
#overf .lightbox ul.contBotones li {
width:calc(11.1% - 2px);
}
}
@media(max-width:925px) {
#overf .lightbox ul.contBotones li {
width:calc(25% - 2px);
border-bottom:2px solid #FFF;
}
#overf .lightbox ul.contBotones li:nth-of-type(9) {
border-bottom:0;
border-right:2px solid #FFF !important;
}
}
@media (max-width:800px) {
#overf .lightbox .contVayuda video {
width:100% !important;
}
}
@media (max-width:620px) {
#overf .lightbox ul.contBotones li {
height:95px;
}
}
@media(max-width:500px) {
#overf .lightbox ul.contBotones li {
width:calc(50% - 2px);
border-bottom:2px solid #FFF;
height:72px;
}
#overf .lightbox ul.contBotones li:nth-of-type(5),
#overf .lightbox ul.contBotones li:nth-of-type(6) {
border-bottom:2px solid #FFF;
}
}
@media(max-width:495px) {
#overf .lightbox h1 {
font-size:20px;
}
}
@media(max-width:450px) {
#overf .lightbox ul.contBotones li {
height:89px;
}
}
@media(max-width:330px) {
#overf .lightbox ul.contBotones li {
width:calc(100% - 2px);
height:auto;
}
#overf .lightbox ul.contBotones li:nth-of-type(7) {
border-bottom:2px solid #FFF;
}
}
/* video */
video {
width:100%;
height:auto;
margin-left:50%;
transform:translateX(-50%);
}
.videoSafari {
display:none;
} 
.video-overlay {
background:rgba(0, 0, 0, 0) url(/Images/SplashMaster/video-overlay.png);
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:+1;
}
.video-textos {
position:absolute;
left:50%;
top:40%;
width:calc(100% - 20px);
margin-left:-50%;
height:140px;
margin-top:-70px;
text-align:center;
text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.8);
z-index:+2;
padding:0 10px;
}
.video-textos h1 {
margin-bottom:45px;
color:#fff;
font-size:215%;
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
.video-textos h2 {
margin-bottom:15px;
font-size:340%;
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
color:#FFF;
}
.video-textos p.line-video-textos {
width:30%;
height:1px;
background:#FFF;
margin:0 auto;
margin-bottom:60px;
}
.video-light {
background:#123043;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
display:block;
height:auto;
z-index:9999;
}
/* box login y licencias*/
.box-login, .box-licencias, .licencias {
display:none;
}
#video-light:target + .box-login {
width:350px;
height:auto;
min-height:310px;
background:#FFF;
top:20%;
display:block;
padding:10px;
z-index:99999;
position:absolute;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
-webkit-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
}
#light1:target + .licencias {
width:650px;
height:auto;
min-height:310px;
background:#FFF;
top:20%;
display:block;
padding:10px;
z-index:99999;
position:absolute;
margin-left:auto;
margin-right:auto;
left:0;
right:0;
-webkit-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
}
#cerrar:target {
display:none !important;
}
.box-titulo {
width:100%;
float:left;
margin:0;
text-align:center;
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
font-size:128%;
color:#1D1F20;
}
.box-info {
width:86%;
margin-left:13%;
float:left;
}
.box-info p {
color:#1D1F20;
font-size:90%;
}
.box-info p img {
padding-left:5px;
vertical-align:middle;
}
#body-content {
height:1px !important;
float:left;
width:100%;
}
/*box errores*/
.SplashBig {
width:550px !important;
padding:0 !important;
}
#contentSplash h1 {
color:#1D1F20;
font-size:184%;
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
text-align:center;
margin:30px 0 20px 0;
}
.mensaje-error-splash {
float:left;
width:510px;
height:50px;
background:url(/Images/SplashMaster/titulo_alerts.png) no-repeat #3082B8;
background-position:-40px 0 !important;
position:inherit;
top:-5px;
left:-1px;
border-radius:5px 4px 0 0;   
}
.ContSplashMnsjError {
float:left;
width:500px;  
}
.mensaje-error {
float:left;
width:100%;
height:50px;
background:url(/Images/SplashMaster/titulo_alerts.png) no-repeat;
}
.mensaje-error-texto {
width:100%;
float:left;
margin:40px 0 0 0;
}
.mensaje-error-img {
margin:15px 5% 0 5%;
float:left;
width:17%;
height:auto;
}
.mensaje-error-cont {
width:70%;
float:left;
}
.mensaje-error-cont h1 {
color:#1D1F20;
font-size:22px;
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
text-align:left;
margin-top:15px;
}
.mensaje-error-texto p {
color:#3081B8;
text-align:justify;
margin-top:15px;
}
.mensaje-error-boton {
float:left;
width:100%;
height:75px;
margin:25px 0 0 0;
padding:0;
text-align:center;
justify-content:center;
display:flex;
}
.mensaje-error-boton p {
padding:5px 20px 5px 20px;
background:#FF8000;
height:20px;
}
.mensaje-error-boton input[type="submit"] {
background:#FF8000;
color:#FFF !important;
height:32px;
padding:0 10px 0 10px !important;
border:0;
text-align:center;
cursor:pointer;
min-width:80px;
font-size:13px;
margin:0 !important;
position:inherit !important;
left:0 !important;
transform:none !important;
margin-left:0\0 !important;
}
#contentSplash .mensaje-error-splash {
position:relative;
top:-30px;
left:-35px;
width:calc(100% + 60px) !important;
background-position:100% 0 !important;
}
#contentSplash .mensaje-error-texto {
width:100%;
}
#contentSplash .mensaje-error-texto .mensaje-error-img {
margin:15px 5% 0 0;
}
/*forms*/
input[type="text"] {
cursor:pointer;
background:url(/Images/SplashMaster/bg-campos-info.png) no-repeat;
border:0;
width:220px;
height:28px;
padding-left:40px;
}
input[type="email"] {
cursor:pointer;
background:url(/Images/SplashMaster/bg-campos-login1.png) no-repeat;
border:0;
width:220px;
height:28px;
padding-left:40px;
}
input[type="password"] {
cursor:pointer;
background:url(/Images/SplashMaster/bg-campos-login2.png) no-repeat;
border:0;
width:220px;
height:28px;
padding-left:40px;
}
input[type=submit] {
background:#FF8000;
padding:5px 30px 5px 30px;
color:#FFF;
border:0;
margin:25px 0 0 0;
cursor:pointer;
position:relative;
left:50%;
left:0\0;
transform:translateX(-50%);
transform:translateX(0)\0;
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
margin-left:50%\0;
}
#contentSplash .column100 input[type=submit] {
margin-left:40%\0;
}
input[disabled="disabled"] {
cursor:pointer;
background:url(/Images/SplashMaster/bg-campos-disabled.png) no-repeat;
background-position:0 0;
border:0;
width:220px;
height:28px;
padding-left:40px;
color:#858585 !important;
}
select {
cursor:pointer;
background:url(/Images/SplashMaster/bg-campos-info-select.png) no-repeat;
background-position:0 center;
border:solid 1px #DFDFDF;
width:260px;
height:30px;
padding-left:40px;
-webkit-appearance:none;
-moz-appearance:none !important;
}
input#MainContent_txtFechaNacimiento {
background:url(/Images/Dashboard/icon-cal.png) no-repeat, url(/Images/SplashMaster/bg-campos-info.png) no-repeat;
background-position:97% center;
}
input#MainContent_txtFechaNacimiento:hover {
background:url(/Images/Dashboard/icon-cal2.png) no-repeat, url(/Images/SplashMaster/bg-campos-info.png) no-repeat;
background-position:97% center !important;
}
.text-danger{
font-size:80% !important;
}
#contentSplash #container-form-register .SplashRegister .form-align .text-danger,
#contentSplash #container-form-license .SplashRegister .form-align .text-danger {
display:block;
}
#MainContent_ctl00{
display:none;
}
.contenido-form {
width:270px;
margin:0 auto;
}
.contenido-form h4,  .contenido-form span {
color:#1D1F1F;
}
.contenido-form li {
display:none;
}
.cform-email {
background:url(/Images/SplashMaster/bg-campos-email.png) no-repeat;
}
.cform-pass {
background:url(/Images/SplashMaster/bg-campos-pass.png) no-repeat;
}
.checkboxes {
margin-top:10px;
color:#1D1F20;
font-size:90%;
}
:root .checkboxes label, :root .checkboxes input[type="checkbox"] + span, :root .checkboxes input[type="checkbox"] + span::after {
display:inline-block;
vertical-align:middle;
}
:root .css3-checkboxes {
position:relative;
}
:root .css3-checkboxes label * {
cursor:pointer;
}
:root .checkboxes input[type="checkbox"] {
opacity:0;
position:absolute;
}
:root .checkboxes input[type="checkbox"] + span::after {
content:"";
width:18px;
height:16px;
padding-top:2px;
margin:0 0 0 15px;
border:0;
line-height:14px;
text-align:center;
background:#F9F9F9;
border:1px solid #E0E0E0;
}
:root .checkboxes input[type="checkbox"]:checked + span::after {
color:#212121;
padding-top:2px;
}
:root .checkboxes input[type="checkbox"]:checked + span::after {
content:"\2714";
font-size:14px;
}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder {
color:#3081B8;
}
.recordar label {
color:#1D1F20;
}
.olvido {
margin-top:10px;
}
.olvido a {
color:#266B98 !important;
text-decoration:underline;
margin-top:10px;
font-size:90%;
}
.olvido img {
padding-left:5px;
vertical-align:middle;
}
.cerrarbutton {
background:#FF8000;
padding:5px 30px 5px 30px;
color:#FFF;
border:0;
margin:20px 0 0 25%;
cursor:pointer;
}
.box-info-licencias {
width:95%;
margin-left:3%;
float:left;
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 15px #F8F8F8 inset;
position:relative;
left:30px;
padding-left:10px !important;
border:1px solid #DFDFDF;
height:26px;
}
/* tabla licencias*/
table#LicenciasPorUsuario {
width:700px;
margin-bottom:25px;
height:auto;
border-left:1px solid #EEEEEE;
}
table#LicenciasPorUsuario th {
background:#3182B8;
height: 22px;
padding-top: 0px;
color:#ffffff;
border:0;
vertical-align:middle;
}
table#LicenciasPorUsuario th.licencia {
width:18%;
border-right:1px solid #FFF;
}
table#LicenciasPorUsuario th.empresa {
width:45%;
}
table#LicenciasPorUsuario th.acceder {
width:10%;
border-right:1px solid #FFF;
}
table#LicenciasPorUsuario th.referidos {
display: none;
width: 17%;
border-right: 1px solid #FFF;
}
table#LicenciasPorUsuario td {
border-right:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
height:28px;
color:#909090;
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
padding:0 5px;
font-size:85%;
vertical-align: middle;
}
table#LicenciasPorUsuario td.licencia {
border-left:1px solid #EEEEEE;
}
table#LicenciasPorUsuario a {
background:#FF8000;
padding:1px 6px 1px 6px;
color:#FFF;
border:0;
cursor:pointer;
position:relative;
top:-3px;
font-size:90%;
}
.info-licxuser {
width: calc(100% - 60px);
min-width: calc(100% - 60px);
max-width: 585px;
padding: 10px 10px 10px 50px;
background: url(/Images/SplashMaster/ico-alert-2-2-blue.png) no-repeat #EEEEEE;
background-position:10px 50%;
border-radius:3px;
position:relative;
margin-bottom:20px;
}
.info-licxuser h5 {
color:#2A3F52;
font-family:"Myriad Pro";
font-size:16px;
text-transform:uppercase;
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";	
}
.info-licxuser p {
color:#2A3F52;
font-family:"Myriad Pro";
font-size:13px;
text-align:justify;
}
.info-licxuser p span {
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";	
}
.info-licxuser:before {
content: '\25BC';
width: 10%;
height: 12px;
bottom: -5px;
left: 45%;
transform: scale(4.5 , 1.5);
position:absolute;
color:#EEEEEE;
text-align:center;
}
/* footer */
.footer-content {
width:calc(100% - 20px);
max-width:1150px;
height:auto;
margin:0 auto;
padding:0 10px;
}
.footer-titulo {
width:100%;
height:auto;
float:left;
font-size:128%;
margin-top:25px;
text-align:left;
text-transform:uppercase;
font-family:"Myriad Pro Light";
color:#FFF;
}
.footer-sedes-cont {
width:calc(70% - 10px);
height:auto;
float:left;
margin-right:10px;
}
.footer-sedes {
width:100%;
height:auto;
float:left;
font-size:98%;
margin-top:20px;
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
.footer-colsedes {
width:calc(25% - 8px);
height:auto;
float:left;
margin-right:10px;
}
.footer-colsedes:last-child {
margin-right:0;
}
.footer-colsedes p {
font-size:100%;
padding-bottom:3px;
color:#FFF;
}
.footer-colsedes p span {
color:#A5BFDF;
padding-left:5px;
}
.footer-colsedes p a {
text-decoration:underline;
font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
font-size:92%;
}
.footer-colsedes p a:hover {
color:#A5BFDF;
}
.footer-valida-cont {
width:30%;
height:auto;
float:left;
}
.footer-valida {
width:100%;
height:auto;
float:left;
font-size:98%;
margin-top:20px;
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
.footer-colvalida {
width:50%;
height:auto;
float:left;
}
.footer-colvalida:last-child {
text-align:right !important;
}
.footer-colvalida p {
font-size:13px;
text-align:justify;
color:#FFF;
line-height:11px;
}
.footer-colvalida p span {
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
font-style:italic;
}
.footer-colvalida a {
float:right;
width:120px;
height:16px;
font-size:15px;
padding:6px;
text-align:center;
color:#FFF;
background:#139FD5;
border-radius:5px;
margin-top:8px;
-webkit-box-shadow:4px 4px 2px 0px rgba(18, 40, 67, 0.65);
-moz-box-shadow:4px 4px 2px 0px rgba(18, 40, 67, 0.65);
box-shadow:4px 4px 2px 0px rgba(18, 40, 67, 0.65);
}
.footer-colvalida a:hover {
opacity:0.9;
}
.footer-copy {
width:100%;
float:left;
font-size:100%;
margin-top:25px;
padding:0;
background:url(/Images/SplashMaster/bg-line-footer.png) repeat-x;
background-position:top;
height:35px;
display:table;
}
.footer-copy1 {
width:calc(100% - 390px);
font-size:80%;
text-decoration:underline;
color:#ffffff;
display:table-cell;
vertical-align:middle;
}
.footer-copy1 a {
float:left
}
.footer-copy1 a:nth-of-type(2) {
margin:0 5px;
padding:0 5px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}
.footer-copy1 a:hover {
color:#A5BFDF;
}
.footer-copy2 {
width:390px;
font-size:88%;
color:#A5BFDF;
text-align:right;
display:table-cell;
vertical-align:middle;
}
/* Splash*/
#contentSplash {
position:absolute;
top:200px;
background:#FFF;
z-index:99999999;
padding:25px;   
-webkit-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7); 
width:auto;
min-width:270px;
}
#contentSplash-alert {
position:absolute;
top:22%;
left:50%;
transform:translateX(-50%);
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
color:#6e6e6e;
background:#FFF;
z-index:99999999;
display:block;
border-radius:6px;
-webkit-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
box-shadow:7px 7px 7px 0 rgba(0, 0, 0, 0.7);
}
#contentSplash h2 {
color:#1D1F20;
font-size:128%;
font-family: "Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
text-align: center;
margin-bottom:35px;
}
#contentSplash h4 {
color:#1D1F20;
font-size:90%;
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
text-align:center;
margin:-10px 0 10px 0;
}
.SplashRegister  {
width:550px;
}
.SplashRegister h4 {
margin:-30px 0 30px 0 !important;
}
.SplashInfo  {
margin-left:15px;
color:#1D1F20 !important;
}
.SplashInfo:before {
content:'◄';
width:15px;
height:13px;
color:#0088cc;
font-size:15px;
position:relative;
margin-right:5px;
}
.form-align  {
width:50%;
float:left;
}
.form-align span {
color:#FF0000;
}
section#loginForm {
background:none !important;
overflow:visible; 
}
.animated {
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
.fadeInTop {
-webkit-animation-name:fadeInTop;
animation-name:fadeInTop;
}
@-webkit-keyframes fadeInTop {
0% {opacity:0; left:50%; top:130px; -webkit-transform:translateX(-50%);}
100% {opacity:1.0; top:220px; left:50%; -webkit-transform:translateX(-50%);}
}
@keyframes fadeInTop {
0% {opacity:0; left:50%; top:130px; -ms-transform:translateX(-50%); transform:translateX(-50%);}
100% {opacity:1.0; top:220px; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%);}
}
.fadeInBottom {
-webkit-animation-name:fadeInBottom;
animation-name:fadeInBottom;
}
@-webkit-keyframes fadeInBottom {
0% {opacity:0; top:85px;}
100% {opacity:1.0; top:70px;}
}
@keyframes fadeInBottom {
0% {opacity:0; top:85px;}
100% {opacity:1.0; top:70px;}
}
li.icon-cerrar {
height:22px;
width:26px;
padding-right:1.5%;
background: url(/Images/SiteMaster/icon-usuario-cerrar-sesion.png) no-repeat;
float:right;
display:block;
margin-top:14px;
}
li.icon-cerrar a {
display:block;
width:26px;
height:22px;
font-size:1px;
color:#FF8000;
}
li.icon-cerrar a:hover {
border:none !important;
}
.tooltip-registro {
position:relative;
border:solid 1px #0088cc;
background:#FFF;
width:300px;
height:20px;
text-align:center;
font-size:13px;
padding:5px;
z-index:999;
-webkit-animation-duration:0.5s;
animation-duration:0.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
margin-top:-31px;
top:70px;
}
.tooltip-registro:after {
content:'▲';
color:#0088cc;
font-size:15px;
position:relative;
top:-20px;
left:-240px;
}
/*Nuevo Calendario*/
.wo .ui-widget-content {
border:1px solid #a6c9e2 !important;
border-radius:5px 5px 0 0 !important;
z-index:999999999 !important;
}
.wo .ui-widget-header {
border:0 !important;
background:#5c9ccc url("/Agenda/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x !important;
color:#ffffff !important;
font-weight:normal !important;
border-radius:5px 5px 0 0 !important;
max-height:25px !important;
max-width:260px !important;
width:260px !important;
display: inline-block !important;
}
.ui-datepicker-title {
display:inline-block !important;
font-size:13px !important;
font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
width:76%;
text-align:center;
}
.ui-datepicker-title select {
cursor:pointer;
background:url(/Images/SiteMaster/ico-select.png) #D8E7F3 no-repeat;
background-position:5% center;
width:80px !important;
height:20px !important;
-webkit-appearance:none;
-moz-appearance:none;
margin:0 0 4px 0;
border:0;
padding-left: 20px;
}
.ui-datepicker-title select.ui-datepicker-year {
margin-left:5px !important;
}
.ui-datepicker-calendar th span {
font-size:13px !important;
font-family:"Myriad Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif" !important;
color:#444444 !important;
}
.wo .ui-state-default {
border:1px solid #c5dbec !important;
background:#dfeffc url("/Agenda/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x !important;
color:#2e6e9e;
padding:0 !important;
display:block;
width:32px;
}
.wo .ui-state-hover {
border:1px solid #79B7E7 !important;
background:#D0E5F5 url("/Agenda/images/ui-bg_glass_75_d0e5f5_1x400.png") repeat-x scroll 50% 50% !important;
color:#1D5987 !important;
}
.wo .ui-icon {
display:inline-block !important;
top:0 !important;
left:0 !important;
padding:0 !important;
}
.wo .ui-widget-header a.ui-datepicker-prev {
width:16px;
height:16px;
position:relative;
top:0;
left:1%;
background:url("/Agenda/images/ui-icons_d8e7f3_256x240.png") !important;
background-position:-81px -192px !important;
}
.wo .ui-widget-header a.ui-datepicker-next {
width:16px;
height:16px;
position:relative;
top:0;
left:87%;
background:url("/Agenda/images/ui-icons_d8e7f3_256x240.png") !important;
background-position:-48px -192px !important;
}
.wo .ui-datepicker-prev-hover {
background:url("/Agenda/images/ui-icons_217bc0_256x240.png") !important;
background-position:-81px -192px !important;
cursor:pointer;
border:0 !important;
}
.wo .ui-datepicker-next-hover {
background:url("/Agenda/images/ui-icons_217bc0_256x240.png") !important;
background-position:-48px -192px !important;
cursor:pointer;
border:0 !important;
}
.wo .ui-datepicker-prev .ui-icon, .wo .ui-datepicker-next .ui-icon {
opacity:0 !important;
}
/*New User Form*/
.newUser {
float:left;
width:100%;
min-width:640px;
}
.newUser #conten1,
.newUser #conten2 {
float:left;
width:100%;
}
.newUser p {
float:left;
width:100%;
margin-bottom:20px;
text-align:center;
font-size:14px;
}
.newUser .newULicencia,
.newUser .newUPass,
.newUser .newUEmail {
float:left;
width:100%;
margin-bottom:20px;
}
.newUser .newUEmail {
text-align:center;
}
.newUser .newULicencia label,
.newUser .newUPass label {
float:left;
width:70px;
line-height:28px;
}
.newUser .newUEmail label {
width:auto;
line-height:28px;
margin-right:10px;
}
.newUser .newULicencia input[type="text"] {
width: calc(25% - 50px);
max-width: calc(25% - 50px);
padding:0 5px;
background:#F9F9F9;
border:1px solid #E0E0E0;
margin:0 5px;
overflow:hidden;
}
.newUser .newULicencia input[type="text"]:first-of-type {
background: url(/Images/SplashMaster/bg-campos-info.png) no-repeat;
padding-left:35px;
width: calc(25% - 60px);
max-width: calc(25% - 60px);
border-top:0 !important;
border-left:0 !important;
border-bottom:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
margin-left:0 !important;
}
.newUser .newULicencia input[type="text"]:last-of-type {
margin-right:0 !important;
}
.newUser .newULicencia input[type="text"]:-webkit-autofill {
left:0 !important;
padding-left:0 !important;
border:0 !important;
height:inherit !important;
}
.newUser .newUEmail input[type="text"] {
width: 250px;
max-width:250px;
padding:0 5px;
margin:0;
overflow:hidden;
background:url(/Images/SplashMaster/bg-campos-login1.png) no-repeat; #F9F9F9;
border-right:1px solid #E0E0E0;
height: 30px;
}
.newUser center input[type="button"] {
background: #FF8000;
padding:5px 30px;
color:#FFF;
border:0;
cursor:pointer;
font-family:"Myriad Pro Semibold", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
text-transform:uppercase;
}
/* responsive 1600*/
@media (max-width:1600px) {
@-webkit-keyframes fadeInTop {
0% {opacity:0; left:50%; top:130px; -webkit-transform:translateX(-50%);}
100% {opacity:1.0; top:200px; left:50%; -webkit-transform:translateX(-50%);}
}
@keyframes fadeInTop {
0% {opacity:0; left:50%; top:130px; -ms-transform:translateX(-50%); transform:translateX(-50%);}
100% {opacity:1.0; top:200px; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%);}
}
}
/*tabs*/
#contentSplash #tabs-container {
float:left;
width:580px;
max-width:580px;
}
#contentSplash #tabs-container .validate-intro {
padding:20px;
float:left;
width:calc(100% - 40px);
margin-bottom:0;
}
#contentSplash #tabs-container .validate-intro #validate-intro,
#contentSplash #tabs-container .validate-intro #validate-intro1 {
margin-bottom:0;
}
#contentSplash #tabs-container .validate-intro p label {
float:left;
width:calc(100% - 26px);
height:18px;
margin-right:10px;
}
#contentSplash #tabs-container .validate-intro p img {
float:left;
width:16px;
height:16px;
margin-bottom:2px;
cursor:pointer;
}
#contentSplash #tabs-container .validate-intro p span {
display:none;
}
#contentSplash #tabs-container .validate-intro p img:hover + span {
display:block;
position:absolute;
top:18px;
right:0;
width:200px;
z-index:+1;
background:#FFF;
padding:5px;
border-radius:2px;
text-align:justify;
-webkit-box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.5);
box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.5);
}
#contentSplash #tabs-container .validate-intro p img:hover {
filter:brightness(150%);
}
#contentSplash #tabs-container .validate-intro div {
float:left;
width:100%;
margin-bottom:10px;
}
#contentSplash #tabs-container .validate-intro div p {
float:left;
width:100%;
position:relative;
}
#contentSplash #tabs-container .validate-intro #validate-intro div:first-child p:nth-of-type(2) {
width:calc(100% - 30px);
}
#contentSplash #tabs-container .validate-intro #validate-intro div:first-child p:nth-of-type(3) {
float:left;
width:30px;
height:30px;
}
#contentSplash #tabs-container .validate-intro #validate-intro div:first-child p:nth-of-type(3) a {
float:left;
width:100%;
height:100%;
background:url(/Images/SiteMaster/ico-check-mark.png) no-repeat;
background-size:70%;
background-position:100% 50%;
}
#contentSplash #tabs-container .validate-intro #validate-intro div:first-child p:nth-of-type(3) a:hover {
filter:brightness(92%);
}
#contentSplash #tabs-container .validate-intro div.Licenciaexternal div {
margin-bottom:0;
}
#contentSplash #tabs-container .validate-intro div.Licenciaexternal div p {
float:left;
width:calc(25% - 8px);
margin:0 10px 0 0;
}
#contentSplash #tabs-container .validate-intro div.Licenciaexternal div p:last-of-type {
margin:0;
}
#contentSplash #tabs-container .validate-intro div.Licenciaexternal div p input[type="text"],
#contentSplash #tabs-container .validate-intro input[type="number"],
#contentSplash #tabs-container .validate-intro div.Empresaexternal p input[type="text"],
#contentSplash #tabs-container .validate-intro div.Correoexternal p input[type="text"],
#contentSplash #tabs-container .validate-intro div.Correoexternal2 p input[type="text"] ,
#contentSplash #tabs-container .validate-intro div.Correoexternal3 p input[type="text"]  {
width:calc(100% - 12px);
height:28px;
outline:none;
padding:0 5px;
background:#F9F9F9;
border:1px solid #E0E0E0;
}
#contentSplash #tabs-container .validate-intro div.Licenciaexternal div p input[disabled="disabled"],
#contentSplash #tabs-container .validate-intro div.Empresaexternal p input[disabled="disabled"],
#contentSplash #tabs-container .validate-intro div.Correoexternal p input[disabled="disabled"],
#contentSplash #tabs-container .validate-intro div.Correoexternal2 p input[disabled="disabled"],
#contentSplash #tabs-container .validate-intro div.Correoexternal3 p input[disabled="disabled"]  {
background:#BBBBBB;
}
#contentSplash #tabs-container .validate-intro div.Empresaexternal {
width:100%;
}
#contentSplash #tabs-container .validate-intro div.Empresaexternal div p {
float:left;
width:100%;
}
#contentSplash #tabs-container .validate-intro div.Correoexternal {
float:left;
width:calc(50% - 10px);
margin-right:10px;
height:60px;
}
#contentSplash #tabs-container .validate-intro div.Correoexternal2 {
float:left;
width:calc(50% - 10px);
margin-right:10px;
}
#contentSplash #tabs-container .validate-intro div.Correoexternal3 {
float:left;
width:calc(50% - 10px);
margin-left:10px;
}
#contentSplash #tabs-container p.text {
margin-bottom: 20px;
text-align: center;
}
#contentSplash #tabs-container .validate-intro div.Numeroexternal {
float:left;
width:calc(50% - 10px);
margin-left:10px;
height:60px;
}
#contentSplash #tabs-container .validate-intro div.Validaexternal {
float:left;
width:100%;
}
#contentSplash #tabs-container .validate-intro input[type="button"] {
background:#FF8000;
padding:5px 30px 5px 30px;
color:#FFF;
border:0;
cursor:pointer;
margin-top:10px;
outline:none;
}
/*LIGHTBOX*/
.videoLight {
display:block;
position:fixed;
top:50%;
left:50%;
z-index:999999999;
overflow:none;
transform: translateX(-50%) translateY(-50%) !important;
width:calc(100% - 40px);
max-width:970px;
max-height:calc(100% - 40px);
}
.videoClose {
color:#ffffff;
right:5px;
top:-40px;
text-decoration:none;
position:absolute;
font-size:35px;
transform:scaleX(1.4);
font-weight:100;
transition:all 0.3s ease-out;
}
.bgLight {
display:block;
position:fixed;
top:0%;
left:0%;
width:100%;
height:110%;
background:url(/Images/Clientes/Capacitacion/Seminarios/Contador/bgLight.png);
z-index:999999998;
}
/*MODAL VIDEO YOUTUBE*/
.Modal-overlay {
display:none;
position:fixed;
top:0;
left:0;
z-index:9000;
height:100%;
width:100%;
background:url(/Images/Clientes/Capacitacion/Seminarios/Contador/bgLight.png);
cursor:pointer;
}
.Modal-box {
position:fixed;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:calc(100% - 40px);
height:calc(100% - 40px);
max-width:970px;
max-height:500px;
background:#FFF;
-webkit-box-shadow:0px 6px 25px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0px 6px 25px 0px rgba(0, 0, 0, 0.5);
box-shadow:0px 6px 25px 0px rgba(0, 0, 0, 0.5);
}
.Modal-box > .video-container {
width:100%;
height:auto;
margin:auto;
overflow:hidden;
}
.Modal-box > .video-container > iframe,
.Modal-box > .video-container > object,
.Modal-box > .video-container > embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.Modal-close {
position:absolute;
right:0;
top:-40px;
display:block;
color:#FFF;
font-size:35px;
transform:scaleX(1.4);
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
transition:all 0.3s ease-out;
}
#over a {
position:absolute;
right:0;
top:-40px;
display:block;
color:#FFF;
font-size:35px;
transform:scaleX(1.4);
font-family:"Myriad Pro Light", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
transition:all 0.3s ease-out;
}
.Modal-close:hover,
#over a:hover {
color:#2c70ca !important;
}
.Modal-close:hover:before,
#over a:hover:before {
content:"cerrar";
position:absolute;
top:10px;
left:-50px;
font-size:14px;
background:#2c70ca;
padding:0 5px;
border-radius:3px;
color:#fff;
height:20px;
line-height:18px;
font-family:"MyriadProLight", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
#over iframe {
height:500px;
}
/* responsive 1425*/
@media (max-width:1425px) {
video {
width:145%;
}
}
/* responsive 1366*/
@media (max-width:1366px) {
@-webkit-keyframes fadeInTop {
0% {opacity:0; left:50%; top:130px; -webkit-transform:translateX(-50%);}
100% {opacity:1.0; top:160px; left:50%; -webkit-transform:translateX(-50%);}
}
@keyframes fadeInTop {
0% {opacity:0; left:50%; top:130px; -ms-transform:translateX(-50%); transform:translateX(-50%);}
100% {opacity:1.0; top:160px; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%);}
}
}
/* responsive 1154*/
@media (max-width:1154px) {
.footer-copy {
margin-top:14px;
}
}
/* responsive 1030*/
@media (max-width:1030px) {
section {
height:calc(100% - 315px);
}
video {
width:175%;
}
footer {
height: 180px;
}
.footer-colsedes {
width:calc(50% - 10px);
}
.footer-sedes-cont  {
width:calc(60% - 10px);
}
.footer-valida-cont  {
width:40%;
}
}
/* responsive 1024*/
@media (max-width:1024px) {
.video-textos h1 {
margin-bottom:35px;
}
.video-textos p.line-video-textos {
margin-bottom:40px;
}
.video-textos h2 {
font-size:280%;
}
#contentSplash section {
height:auto !important;
overflow:visible !important;
}
}
/* responsive 820*/
@media (max-width:820px) {
.footer-copy1 {
width: calc(100% - 250px);
}
.footer-copy2 {
width: 250px;
}
}
/* responsive 800*/
@media (max-width:800px) {
.video-textos h2 {
font-size:200%;
}
#contentSplash {
height:auto;
max-height:600px;
overflow-y:auto;
}
.footer-logosedes {
display:none;
}
video {
width:0 !important;
}
.SplashRegister {
width:100%;
}
.form-align {
width:100%;
}
.SplashInfo:before {
content:'▲';
}
.header2 nav {
padding-right:0px;
}
}
/* responsive 745*/
@media (max-width:745px) {
#contentSplash h1, #contentSplash .mensaje-error-texto p {
font-size:11px !important;
}
}
/* responsive 740*/
@media (max-width:740px) {
.footer-sedes-cont {
width:calc(55% - 10px);
}
.footer-valida-cont {
width:45%;
}
table#LicenciasPorUsuario {
width:550px;
}
}
/* responsive 720*/
@media (max-width:720px) {
.newUser {
min-width:500px;
}
}
/* responsive 712*/
@media (max-width:712px) {    
.info-licxuser {
width:88%;
padding:10px 2% 10px 10%;
}
}
/* responsive 660*/
@media (max-width:660px) {
#contentSplash #tabs-container {
float:left;
width:100%;
max-width:100%;
}
#contentSplash #tabs-container .validate-intro div.Licenciaexternal div p,
#contentSplash #tabs-container .validate-intro div.Empresaexternal,
#contentSplash #tabs-container .validate-intro div.Correoexternal {
float:left;
width:100%;
margin:0 0 5px 0 !important;
}
#contentSplash #tabs-container .validate-intro div.Correoexternal {
height:auto;
margin-bottom:10px !important;
}
#contentSplash #tabs-container .validate-intro div.Numeroexternal {
float:left;
width:100%;
margin-left:0;
height:auto;
margin-bottom:0;
}
#contentSplash #tabs-container .validate-intro div.Empresaexternal {
margin-bottom:10px !important;
}
#contentSplash #tabs-container .validate-intro div.Correoexternal2,
#contentSplash #tabs-container .validate-intro div.Correoexternal3 {
width:100%;
margin-right:0 !important;
margin-left:0 !important;
}
}
/* responsive 645*/
@media (max-width:645px) {
section {
height:calc(100% - 421px);
}
footer {
height:285px;
}
.footer-titulo {
margin-top:20px;
}
.footer-colsedes {
width:calc(50% - 10px);
margin:0;
}
.footer-colsedes:nth-of-type(2n) {
margin-left:10px;
}
.footer-colsedes:nth-of-type(2n+1) {
margin-right:10px;
}
.footer-sedes-cont,
.footer-valida-cont  {
width:100%;
margin-right:0;
}
}
/* responsive 640*/
@media (max-width:640px) {
.video-textos p.line-video-textos {
margin-bottom:30px;
}
.video-textos h1 {
font-size:150%;
}
.video-textos h2 {
font-size:180%;
}
.footer-copy {
height:auto;
}
.footer-copy1 {
width:100%;
float:left;
padding:10px 0;
}
.footer-copy2 {
width:100%;
float:left;
text-align:left;
padding:0 0 10px 0;
}
table#LicenciasPorUsuario {
width:480px;
}
table#LicenciasPorUsuario th.acceder {
width:14%;
}
table#LicenciasPorUsuario th.licencia {
width:23%;
}
table#LicenciasPorUsuario th.empresa {
width:60%;
}
.mensaje-error {
background-position-x:100% !important;
}
.info-licxuser {
width:86%;
padding:10px 2% 10px 12%;
}
}
/* responsive 590*/
@media (max-width:590px) {
#contentSplash {
padding:25px 20px 30px 20px;
}
table#LicenciasPorUsuario {
width:440px;
}
table#LicenciasPorUsuario th.acceder {
width:17%;
}
table#LicenciasPorUsuario th.licencia {
width:28%;
}
table#LicenciasPorUsuario th.empresa {
width:50%;
}
.SplashBig {
width:80% !important;
padding:0 !important;
}
.mensaje-error-img {
transform:scale(0.8);
-ms-transform:scale(0.8);
-webkit-transform:scale(0.8);
}
#contentSplash .mensaje-error-splash {
left:-15px !important;
width:calc(100% + 30px) !important;
}
.tooltip-registro {
width:250px !important;
font-size:11px !important;
}
.tooltip-registro:after {
left:-195px;
}
}
/* responsive 560*/
@media (max-width:560px) {
.ContSplashMnsjError {
width:100%;
}
.mensaje-error-texto p {
font-size:12px !important;
margin-left:60px;
}
.newUser {
min-width:400px;
}
}
/* responsive 540*/
@media (max-width:540px) {
.mensaje-error {
width:99%;
}
}
/* responsive 500*/
@media (max-width:500px) {
table#LicenciasPorUsuario {
width:420px;
}
}
/* responsive 480*/
@media (max-width:480px) {
header {
height:110px;
}
.header1 {
height:60px;
}
.video-textos p.line-video-textos {
margin-bottom:30px;
}
.video-textos h2 {
font-size:180%;
}
.video-textos h2 {
font-size:150%;
}
table#LicenciasPorUsuario {
width:400px;
}
table#LicenciasPorUsuario th.acceder {
width:18%;
}
table#LicenciasPorUsuario th.licencia {
width:30%;
}
table#LicenciasPorUsuario th.empresa {
width:62%;
}
#contentSplash p {
font-size:90%
}
.mensaje-error-img {
transform:scale(0.7);
-ms-transform:scale(0.7);
-webkit-transform:scale(0.7);
margin:0 5% 0 5%;
}
.mensaje-error-cont h1 {
font-size:18px; 
margin-top:10px;
}
.mensaje-error-cont span {
font-size:12px;
}
.mensaje-error-texto p {
margin-top:5px;
}
footer {
height:285px;
}
section {
height:calc(100% - 401px);
}
.newUser {
min-width:340px;
}
}
/* responsive 450*/
@media (max-width:450px) {
.footer-sedes {
margin-top:10px;
}
table#LicenciasPorUsuario {
width:270px;
font-size:80%;
}
table#LicenciasPorUsuario th.licencia {
width:40%;
}
table#LicenciasPorUsuario th.empresa {
width:57%;
}
.mensaje-error-cont h1 { 
margin-top:0;
}
.info-licxuser {
width: 80%;
padding: 10px 2% 10px 18%;
}
}
/* responsive 410*/
@media (max-width:410px) {
.mensaje-error-img {
margin:0 5% 0 5%;
}
.mensaje-error-cont {
width:65%;
}
footer {
height:318px;
}
#contentSplash {
    min-width: inherit;
    width: calc(100% - 100px);
}
.contenido-form {
    width: 100%;
}
input:-webkit-autofill {
    width: calc(100% - 44px);
}
}
/* responsive 365*/
@media (max-width:365px) {
section {
height:calc(100% - 488px);
}
footer {
height:400px;
}
.footer-sedes {
width:100%;
}
.footer-colsedes {
width:100%;
margin:0 !important;
}
.footer-colvalida {
width:100%;
}
.footer-colvalida:last-child {
text-align:left !important;
}
.footer-colvalida a {
float:left;
}
.contenido-form {
width:100%;
}
.contenido-form input[type="password"],
.contenido-form input[type="email"] {
width:calc(100% - 40px);
background-size:100% 100%;
}
.header2 nav ul li {
padding:0 10px 0 40px;
}
.header2 nav ul li a {
font-size:12px;
}
}
/* responsive 355*/
@media (max-width:355px) {
section {
height:calc(100% - 504px);
}
footer {
height:410px;
}
}
/* responsive 320*/
@media (max-width:320px) {
.video-textos p.line-video-textos {
margin-bottom:30px;
}
.video-textos h1 {
font-size:100%;
}
.video-textos h2 {
font-size:140%;
}
#contentSplash {
height:auto;
max-height:600px;
}
.box-cerrar {
right:-5px;
top:-5px;
}
table#LicenciasPorUsuario {
width:250px;
font-size:80%;
}
.footer-colsedes {
font-size:80% !important;
}
.footer-logosedes {
display:none;
}
.footer-copy2 {
width:90%;
}
.header2 nav {
font-size:90%;
}
table#LicenciasPorUsuario th.licencia {
width:40%;
}
table#LicenciasPorUsuario th.empresa {
width:57%;
}
#contentSplash .mensaje-error-splash {
left:-10px !important;
width:calc(100% + 20px) !important;
}
#contentSplash .mensaje-error-splash {
top:-12px;
}
}
/* responsive height*/
@media (max-height:900px)  {
#overf {
top:20px;
height:calc(100% - 40px)
}
#overf .lightbox {
margin:20px 0;
}
}
@media (max-height:740px)  {
#contentSplash {
top:135px;
}
@-webkit-keyframes fadeInTop {
0% {opacity:0; left:50%; top:80px; -webkit-transform:translateX(-50%);}
100% {opacity:1.0; top:135px !important; left:50%; -webkit-transform:translateX(-50%);}
}
@keyframes fadeInTop {
0% {opacity:0; left:50%; top:80px; -ms-transform:translateX(-50%); transform:translateX(-50%);}
100% {opacity:1.0; top:135px !important; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%);}
}
}
@media (max-height:420px)  {
#contentSplash {
top:20px;
}
@-webkit-keyframes fadeInTop {
0% {opacity:0; left:50%; top:80px; -webkit-transform:translateX(-50%);}
100% {opacity:1.0; top:20px !important; left:50%; -webkit-transform:translateX(-50%);}
}
@keyframes fadeInTop {
0% {opacity:0; left:50%; top:80px; -ms-transform:translateX(-50%); transform:translateX(-50%);}
100% {opacity:1.0; top:20px !important; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%);}
}
}
/* responsive width and height*/
@media (max-width:640px) and (max-height:820px)  {
section {
height:380px;
}
}
@media (max-width:860px) and (max-height:640px)  {
section {
height:380px;
}
}
/*hacks IE*/
table#LicenciasPorUsuario td (min-width:0\0) {
body {font-size: 85%;}
}
/*hacks Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
::i-block-chrome,.videoSafari {display:block !important; width:100%; height:auto;}
::i-block-chrome,#contentSplash h4 {font-family:inherit;}
::i-block-chrome,#contentSplash-alert {margin-left:-10% !important;}
::i-block-chrome,.ContSplashMnsjError {width:450px;}
::i-block-chrome,.mensaje-error-boton p {left:0;margin:auto; position:relative; right:0; display:table; float:none !important; width:auto !important;}    
}
/*hacks Firefox 17+*/
_:-moz-dir(ltr), .mensaje-error-boton p {
left:0; margin:auto;
position:relative;
right:0;
display:table;
float:none !important;
width:auto !important;
}
.wo-Dialog {
position: absolute;
z-index: 999999999;
top: 70px;
width: 100%;
}
.ui-dialog  {
top: 70px !important;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000 !important;
opacity: 0.6 !important;
filter: Alpha(Opacity=60) !important;
z-index: 99999999 !important;
}
.cerrarbutton {
max-height: 20px !important;
}