/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
@font-face{font-family:latoregular;src:url(fonts/lato-reg-webfont.eot);src:url(fonts/lato-reg-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/lato-reg-webfont.woff2) format('woff2'),url(fonts/lato-reg-webfont.woff) format('woff'),url(fonts/lato-reg-webfont.ttf) format('truetype'),url(fonts/lato-reg-webfont.svg#latoregular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:latobold;src:url(fonts/lato-bol-webfont.eot);src:url(fonts/lato-bol-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/lato-bol-webfont.woff2) format('woff2'),url(fonts/lato-bol-webfont.woff) format('woff'),url(fonts/lato-bol-webfont.ttf) format('truetype'),url(fonts/lato-bol-webfont.svg#latobold) format('svg');font-weight:400;font-style:normal}
body,html,section{height:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.fondo-color{width:100%;height:100%;position:fixed;background:rgba(14,65,120,1)}
.pantalla-1{background:url(../img/bg-1.jpg) center center}
.pantalla-2{background:url(../img/bg-2.jpg) center center}
.pantalla-3{background:url(../img/bg-3.jpg) center center}
.pantalla-4{background:url(../img/bg-4.jpg) center center}
.fondo-imagen{position:fixed;width:100%;height:100%;z-index:1;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.contenido{position:absolute;width:100%;height:100%;z-index:3}
.contenedor{max-width:960px;margin:0 auto;padding:40px;opacity:0;overflow:hidden}
.contenedor h1{width:210px;height:140px;background:url(../img/logo-demre.png) no-repeat;background-size:100%;margin:0 auto 40px;overflow:hidden;text-indent:-9999px}
.contenedor .caja-selector>div{width:50%;float:left}
.contenedor .caja-selector>div .caja a.btn-acceso span.sombra span.nuevo{display:none}
.contenedor .caja-selector>div .caja>img{width:100%}
.contenedor .caja-selector>div .caja p{font-family:latoregular,Arial,Helvetica}
.contenedor .caja-selector>div .caja a.btn-acceso{color:#fff;display:block;font-family:latoregular,Arial,Helvetica;font-size:13px;text-decoration:none;-webkit-box-shadow:0 4px 0 #fff,0 0 0 rgba(0,0,0,.35);-moz-box-shadow:0 4px 0 #fff,0 0 0 rgba(0,0,0,.35);box-shadow:0 4px 0 #fff,0 0 0 rgba(0,0,0,.35);-webkit-transition:background-color .2s ease-in-out,-webkit-transform .1s ease-in-out;-moz-transition:background-color .2s ease-in-out,-moz-transform .1s ease-in-out;-o-transition:background-color .2s ease-in-out,-o-transform .1s ease-in-out;transition:background-color .2s ease-in-out,transform .1s ease-in-out;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:relative;max-width:240px;margin:0 auto;text-align:center;background-image:url(../img/arrow-right.png);background-repeat:no-repeat;background-position:90% center}
.contenedor .caja-selector>div .caja a.btn-acceso span.sombra{display:block;padding:10px 16px;background-color:transparent;border:1px solid #fff;-webkit-box-shadow:inset 0 2px 1px rgba(255,255,255,.15);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,.15);box-shadow:inset 0 -1px 1px rgba(255,255,255,.15);-webkit-transition:background-color .2s ease-in-out,-webkit-transform .1s ease-in-out;-moz-transition:background-color .2s ease-in-out,-moz-transform .1s ease-in-out;-o-transition:background-color .2s ease-in-out,-o-transform .1s ease-in-out;transition:background-color .2s ease-in-out,transform .1s ease-in-out;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.contenedor .caja-selector>div .caja a.btn-acceso:hover span.sombra{background:#fff;color:#0e4178}
.contenedor .caja-selector>div .caja a.btn-acceso:active,.contenedor .caja-selector>div .caja a.btn-acceso:focus{-webkit-box-shadow:0 4px 0 #fff,0 0 0 rgba(0,0,0,.3);-moz-box-shadow:0 4px 0 #fff,0 0 0 rgba(0,0,0,.3);box-shadow:0 4px 0 #fff,0 0 0 rgba(0,0,0,.3)}
.contenedor .caja-selector>div .caja a.btn-acceso:active span.sombra{-webkit-transform:translate(0,4px);-moz-transform:translate(0,4px);-o-transform:translate(0,4px);transform:translate(0,4px)}
.contenedor .caja-selector>div .caja a.btn-acceso span.sombra span.acceder{font-family:latobold,Arial,Helvetica;font-size:15px;display:block;text-transform:uppercase}
.contenedor .caja-selector>div .caja a.btn-acceso span.sombra span.url{font-family:latoregular,Arial,Helvetica;font-size:14px;display:block}
.contenedor .caja-selector .psu .caja{background:#03a1d3;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:0 2%;padding:4%}
.contenedor .caja-selector .psu .caja .logo-psu{padding:16px 0 32px}
.contenedor .caja-selector .psu .caja .logo-psu img{width:100%;max-width:320px}
.contenedor .caja-selector .demre .caja{background:#ed831c;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin:0 2%;padding:4%}
.contenedor .caja-selector .demre .caja .logo-demre{padding:16px 0 32px}
.contenedor .caja-selector .demre .caja .logo-demre img{width:100%;max-width:280px}
.fondo-color{z-index:2}
@media print,screen and (min-width:569px) and (max-width:767px){.contenedor .caja-selector>div{width:auto;max-width:460px;margin:0 auto 34px;float:none}}
@media only screen and (min-width :120px) and (max-width :568px){.contenedor{max-width:960px;margin:0 auto;padding:30px 4% 4%}
.contenedor h1{width:180px;height:120px;background-size:100%;margin:0 auto 20px}
.contenedor .caja-selector>div{width:auto;max-width:460px;margin:0 auto 24px;float:none}
.contenedor .caja-selector .demre .caja,.contenedor .caja-selector .psu .caja{padding:0}
.contenedor .caja-selector .demre .caja .logo-demre,.contenedor .caja-selector .psu .caja .logo-psu,.contenedor .caja-selector>div .caja a.btn-acceso span.sombra span.acceder,.contenedor .caja-selector>div .caja>img,.contenedor .caja-selector>div .caja>p{display:none}
.contenedor .caja-selector>div .caja a.btn-acceso span.sombra span.nuevo{display:block}
.contenedor .caja-selector .demre .caja,.contenedor .caja-selector .psu .caja{background:0 0}
.contenedor .caja-selector .psu .caja a.btn-acceso{color:#fff;display:block;font-family:latoregular,Arial,Helvetica;font-size:13px;text-decoration:none;-webkit-box-shadow:0 4px 0 #0389b4,0 0 0 rgba(0,0,0,.35);-moz-box-shadow:0 4px 0 #0389b4,0 0 0 rgba(0,0,0,.35);box-shadow:0 4px 0 #0389b4,0 0 0 rgba(0,0,0,.35);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:relative;max-width:300px;margin:0 auto;text-align:center}
.contenedor .caja-selector .psu .caja a.btn-acceso span.sombra{display:block;padding:10px 16px;background-color:#03a1d3;border:1px solid #03a1d3;-webkit-box-shadow:inset 0 2px 1px rgba(255,255,255,.15);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,.15);box-shadow:inset 0 -1px 1px rgba(255,255,255,.15);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.contenedor .caja-selector .psu .caja a.btn-acceso:hover span.sombra{background:#1fb7e7;color:#fff}
.contenedor .caja-selector .psu .caja a.btn-acceso:active,.contenedor .caja-selector .psu .caja a.btn-acceso:focus{-webkit-box-shadow:0 4px 0 #0389b4,0 0 0 rgba(0,0,0,.3);-moz-box-shadow:0 4px 0 #0389b4,0 0 0 rgba(0,0,0,.3);box-shadow:0 4px 0 #0389b4,0 0 0 rgba(0,0,0,.3)}
.contenedor .caja-selector .psu .caja a.btn-acceso:active span.sombra{-webkit-transform:translate(0,4px);-moz-transform:translate(0,4px);-o-transform:translate(0,4px);transform:translate(0,4px)}
.contenedor .caja-selector .demre .caja a.btn-acceso{color:#fff;display:block;font-family:latoregular,Arial,Helvetica;font-size:13px;text-decoration:none;-webkit-box-shadow:0 4px 0 #ca6f18,0 0 0 rgba(0,0,0,.35);-moz-box-shadow:0 4px 0 #ca6f18,0 0 0 rgba(0,0,0,.35);box-shadow:0 4px 0 #ca6f18,0 0 0 rgba(0,0,0,.35);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:relative;max-width:300px;margin:0 auto;text-align:center}
.contenedor .caja-selector .demre .caja a.btn-acceso span.sombra{display:block;padding:10px 16px;background-color:#ed831c;border:1px solid #ed831c;-webkit-box-shadow:inset 0 2px 1px rgba(255,255,255,.15);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,.15);box-shadow:inset 0 -1px 1px rgba(255,255,255,.15);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.contenedor .caja-selector .demre .caja a.btn-acceso:hover span.sombra{background:#e38f3f;color:#fff}
.contenedor .caja-selector>div .caja a.btn-acceso span.sombra span.url{font-size:22px;font-family:latobold,Arial,Helvetica;background:url(../img/arrow-right.png) no-repeat 86% center}
.contenedor .caja-selector .demre .caja a.btn-acceso:active,.contenedor .caja-selector .demre .caja a.btn-acceso:focus{-webkit-box-shadow:0 4px 0 #ca6f18,0 0 0 rgba(0,0,0,.3);-moz-box-shadow:0 4px 0 #ca6f18,0 0 0 rgba(0,0,0,.3);box-shadow:0 4px 0 #ca6f18,0 0 0 rgba(0,0,0,.3)}
.contenedor .caja-selector .demre .caja a.btn-acceso:active span.sombra{-webkit-transform:translate(0,4px);-moz-transform:translate(0,4px);-o-transform:translate(0,4px);transform:translate(0,4px)}}