@charset "utf-8";

body {background: #FFF url(../img/fondo.jpg); color: #383B4B; font-weight:400; font-size: 16px; }
#cabeza{min-height:6em;}
#principalMain{background:rgba(217,217,217,.8); border-radius:1rem;}
#pie{min-height:16em;}
.pagina{width:90%; min-width:680px; max-width:1600px; margin:0 auto; }
a, a:link, a:visited, a:hover, a:active {color: #383B4B;cursor: pointer;text-decoration: none;}
a.claro, a.claro:link, a.claro:visited, a.claro:active {color: #FFF;}
a:hover, a.claro:hover{color: #FFF;}
a.oscuro:hover{color:#CEA822;}

.boton, input.boton, a.boton:link, a.boton:active, a.boton:visited, .botonGrande, input.botonGrande, a.botonGrande:link, a.botonGrande:active, a.botonGrande:visited {background-color: #313B4A;border-color: #FFF;border-radius: 0.4em;border-style: solid;border-width: 0.2em;box-shadow: 0 -0.4em 0.8em rgba(0, 0, 0, 0.5) inset, 0 0.4em 0.4em rgba(255, 255, 255, 0.5) inset, 0 0 0.4em rgba(0, 0, 0, 0.5);color: #FFF;}
.boton:hover, input.boton:hover, a.boton:hover, .botonGrande:hover, input.botonGrande:hover, a.botonGrande:hover {background-color: #00BCEB;color: #FFF;cursor: pointer;}
.boton, input.boton, a.boton:link, a.boton:active, a.boton:visited{padding: 0.3em 1em;}
.botonGrande {font-size: 1.4em;padding: .4em 1.4em;}

.letra1 {font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.letra2 {font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
.letra3 {font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.letra4 {font-family: 'Roboto', sans-serif; font-weight:100;}
.letra5 {}
h1, h2, h3, h4, h5, h6 {font-family: "Roboto Condensed",sans-serif; font-weight: 700;}
#mensajeSistema, .mensajeSistema {background-color: rgba(255, 255, 0, 1); color: #F00; padding: 2em; text-align: center; text-transform: uppercase; }