/* CSS Document */

*, ::after, ::before {
    box-sizing: border-box;
}

body {margin:0px; padding:0px; font-family:'Ubuntu', Arial, Helvetica, sans-serif; color:#000}
.separador {display:block; clear:both}
input {border:none; outline:none}

#wraperLogin {
	width:100%; 
	height:100%; 
	position:relative;
	background: #78b7e3;
	background: -moz-linear-gradient(top, #78b7e3 0%, #dce9f7 100%);
	background: -webkit-linear-gradient(top, #78b7e3 0%,#dce9f7 100%);
	background: linear-gradient(to bottom, #000000 0%,#dce9f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b7e3', endColorstr='#dce9f7',GradientType=0 );
}
#wraperLogin .trama {position:absolute; background:url(/img/trama_fondo.png); z-index:5}

#login {width:800px; position:relative; z-index:100; margin:auto; padding:50px 0 250px 0}
#contact_form #login {
	width: 100%;
	padding: 0
}
#reset_pass #login {
	padding: 0;
}
#login .logo {width:100%; height:100%; margin:0 auto 10px auto; position: relative; padding-left: 79px;}
#login .logo:before {
	content: "";
	width: 217px;
	height: 126px;
	position: absolute;
	left: -250px;
	top: 50%;
	transform: translateY(-50%);
}
#login .logo:after {
	content: "";
	width: 186px;
	height: 101px;
	position: absolute;
	right: -200px;
	bottom: 30px
}
#login .top {background:url(/img/cajalogin_top.png); height:15px; width:632px; margin-top:80px}
#login .center {width:100%; padding:0px; margin-top: 80px; display: flex; justify-content: space-between; flex-direction: row; position: relative;}
#reset_pass #login .center {
	margin-top: 0
}
#contact_form #login .center {
	flex-direction: column;
	margin-top: 0
}
#login .center:before {
	content: "";
	width: 120px;
	height: 180px;
	position: absolute;
	left: 100px;
	bottom: -50px;
	z-index: 1
}
#login .center.register:before {
	left: -11%;
	transform: rotate(-40deg);
}
#login .center:after {
	content: "";
	width: 173px;
	height: 135px;
	position: absolute;
	right: -70px;
    bottom: -50px;
	z-index: 1
}
#login .center:after {
	right: -10%
}
#reset_pass #login .center:before,
#reset_pass #login .center:after,
#contact_form #login .center:before,
#contact_form #login .center:after {
	display: none;
}
#login .center .izquierda {background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.7); padding: 20px 30px; position: relative; z-index: 20}
#reset_pass #login .center .izquierda {
	box-shadow: none
}
#login .center .izquierda label {display:block; margin-bottom:5px; font-size:15px}
#login .center .izquierda input[type=text], input[type=password] {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .center .izquierda textarea {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .center .izquierda .btnRefrescarCodigo input[type=text] {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:40%}
#login .center .izquierda .login {background:url(/img/bt_registro.png); width:204px; height:61px; color:#fff; text-shadow:1px 1px 0 #333; text-decoration:none; text-transform:uppercase; font-size:13px; float:right; position:relative}
#login .center .izquierda .login .texto {position:absolute; right:18px; bottom:18px}
#login .center label {display:block; margin-bottom:5px; font-size:15px}
#login .center input[type=text], input[type=password], #login .center select {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .center textarea {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .center .btnRefrescarCodigo input[type=text] {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:40%}
#login .center .login {background:url(/img/bt_registro.png); width:204px; height:61px; color:#fff; text-shadow:1px 1px 0 #333; text-decoration:none; text-transform:uppercase; font-size:13px; float:right; position:relative}
#login .center .login .texto {position:absolute; right:18px; bottom:18px}
#login .center .derecha {text-align:center; padding:20px; position:relative; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.7); z-index: 20}
#login .center .derecha .cloud {background:url(/img/cloud_password.png); width:256px; height:109px; position:absolute; top:-89px; right:-220px; display:none}
#login .center .derecha a {color:#4C83B0; font-size:15px; text-decoration:none}
#login .center .derecha a:hover {color:#D2241C}
#login .center .derecha img {margin:25px 0}
#login .center .registro {text-align:center; padding:20px; position:relative; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.7); z-index: 20}
#login .center .registro .cloud {background:url(/img/cloud_registro.png); width:290px; height:134px; position:absolute; top:-114px; left:-240px; display:none}
#login .center .registro a {color:#4C83B0; font-size:15px; text-decoration:none}
#login .center .registro a:hover {color:#D2241C}
#login .center .registro img {margin:26px 0}

#login .createAccount {width:584px; margin:auto; position:relative; display:none}
#login .createAccount .cerrar {background:url(/img/bt_cerrar_crearCuenta.png); width:37px; height:36px; position:absolute; top:15px; right:20px; cursor:pointer; display:none}
#login .createAccount .top {background:url(/img/createAccount_top.png); width:584px; height:78px}
#login .createAccount .bottom {background:url(/img/createAccount_bottom.png); width:584px; height:21px}
#login .createAccount .fondo {background:url(/img/createAccount_fondo.png); width:584px; padding:20px 0}
#login .createAccount .colIzquierda {width:262px; padding:0 9px 0 20px; float:left}
#login .createAccount .colDerecha {width:262px; padding:0 20px 0 9px; float:right}
#login .createAccount label {display:block; margin-bottom:5px; font-size:15px}
#login .createAccount input[type=text], input[type=password] {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .createAccount textarea {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .createAccount .btnRefrescarCodigo input[type=text] {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:40%}
#login .createAccount .login {background:url(/img/bt_registro.png); width:204px; height:61px; color:#fff; text-shadow:1px 1px 0 #333; text-decoration:none; text-transform:uppercase; font-size:13px; float:right; position:relative}
#login .createAccount .login .texto {position:absolute; right:18px; bottom:18px}
#login .rememberPassword {width:584px; margin:auto; position:relative; display:none}
#login .rememberPassword .cerrar {background:url(/img/bt_cerrar_crearCuenta.png); width:37px; height:36px; position:absolute; top:15px; right:20px; cursor:pointer; display:none}
#login .rememberPassword .top {background:url(/img/RememberPassword_top.png); width:584px; height:78px}
#login .rememberPassword .bottom {background:url(/img/createAccount_bottom.png); width:584px; height:21px}
#login .rememberPassword .fondo {background:url(/img/createAccount_fondo.png); width:584px; padding:20px 0}
#login .rememberPassword .colIzquierda {width:262px; padding:0 9px 0 20px; float:left}
#login .rememberPassword .colDerecha {width:262px; padding:0 20px 0 9px; float:right}
#login .rememberPassword label {display:block; margin-bottom:5px; font-size:15px}
#login .rememberPassword input[type=text], input[type=password] {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .rememberPassword textarea {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:90%}
#login .rememberPassword .btnRefrescarCodigo input[type=text] {background:#D5F7FC; border-radius:5px; padding:10px; display:block; box-shadow:0 0 6px #CCCCCC; margin-bottom:10px; width:40%}
#login .rememberPassword .login {background:url(/img/bt_registro.png); width:204px; height:61px; color:#fff; text-shadow:1px 1px 0 #333; text-decoration:none; text-transform:uppercase; font-size:13px; float:right; position:relative}
#login .rememberPassword .login .texto {position:absolute; right:18px; bottom:18px}

#login .video {background:url(/img/screen_home.png); width:500px; height:320px; margin:100px auto 30px auto; text-align:center; padding-top:40px}
#login .video a {background:url(/img/boton_video_home.png) no-repeat; width:126px; height:137px; display:inline-block; margin:0 10px; text-align:center; color:#4C83B0; text-decoration:none; font-weight:700; position:relative}
#login .video a span {color:#000; font-weight:normal; display:block; margin-top:65px}
#login .video a:hover {background-position:0 -137px}
#login .video .cloud1 {background:url(/img/cloud_video_1.png); width:254px; height:119px; position:absolute; top:-130px; left:-50px; display:none; z-index:999999}
#login .video .cloud2 {background:url(/img/cloud_video_2.png); width:259px; height:95px; position:absolute; top:-100px; left:-60px; display:none; z-index:999999}
#login .video .cloud3 {background:url(/img/cloud_video_3.png); width:249px; height:112px; position:absolute; top:-120px; left:-50px; display:none; z-index:999999}

#login .bottom {background:url(/img/cajalogin_bottom.png); height:15px; width:632px}

#login .test {
	width: 45%;
	margin: auto;
	display: block;
	position: relative;
	margin-top: 100px;
	text-decoration: none;
}
#login .test > div {
	background-color: #fff;
	background-image: url("../img/icon_bombillo.png");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 70px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	padding: 30px 30px 30px 80px;
	position: relative;
	z-index: 20;
	text-align: center;
	font-size: 20px;
	line-height: 1.6em;
	color: #4C83B0
}
#login .test > div span {
	font-size: 15px
}
#login .test:before {
	content: "";
	width: 149px;
	height: 140px;
	position: absolute;
	left: -120px;
	bottom: 0px;
	z-index: 1
}
#login .test:after {
	content: "";
	width: 131px;
	height: 171px;
	position: absolute;
	right: -100px;
    bottom: 0px;
	z-index: 1
}

#wraperInt {width:100%; height:100%; background:url(/img/fondo_interior.jpg); background-size:cover; position:relative}
#wraperInt .trama {position:absolute; background:url(/img/trama_fondo.png); z-index:5}
#header {background:url(/img/fondo_header.jpg); height:129px; width:100%; position:relative; z-index:100}
#header .contenido {width:800px; margin:auto; height:129px; position:relative}
#header .contenido .btMenu {background:url(/img/bt_menu.png); width:149px; height:46px; position:absolute; right:0px; top:35px}
#header .contenido .flag {background:url(/img/us_flag.png); width:33px; height:34px; position:absolute; top:41px; right:180px}
#header .contenido .btGenerales {position:absolute; top:41px; right:-180px}
#header .contenido h1 {display:block; position:absolute; left:0px; top:10px; width:155px; height:175px; margin:0px}

#content {width:1000px; margin:auto; padding:30px 0 100px 0; position:relative; z-index:120}

#content .boton001 {display:inline-block; background:url(/img/boton_001.png); width:271px; height:96px; text-decoration:none; position:relative; margin:0 15px}
#content .boton001 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:30px; left:67px; color:#000}
#content .boton001 span {color:#E97806}
#content .boton002 {display:inline-block; background:url(/img/boton_002.png); width:284px; height:94px; text-decoration:none; position:relative; margin:0 15px}
#content .boton002 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:29px; left:100px; color:#000}
#content .boton002 span {color:#7F1E19}
#content .centrado {text-align:center; margin-bottom:40px}
#content .centrado.margen {margin-top:30px}
#content .derecha {text-align:right; margin-bottom:40px; position:relative}
#content .derecha h2 {font-size:40px; font-weight:500; color:#FC0; text-shadow:1px 1px 3px #000}
#content .derecha h2 span {color:#fff}
#content .derecha a.boton {display:inline-block; background:url(/img/bt_verbs.png); width:186px; height:60px; line-height:60px; color:#333; text-decoration:none; font-size:15px; text-transform:uppercase; text-align:center}
#content .derecha a.boton:hover {color:#03BF02}

#content .boton003 {display:inline-block; background:url(/img/boton_003.png); width:278px; height:101px; text-decoration:none; position:relative; margin:0 15px}
#content .boton003 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:35px; left:66px; color:#000}
#content .boton004 {display:inline-block; background:url(/img/boton_004.png); width:321px; height:90px; text-decoration:none; position:relative; margin:0 15px}
#content .boton004 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:28px; left:111px; color:#000}
#content .boton005 {display:inline-block; background:url(/img/boton_005.png); width:328px; height:101px; text-decoration:none; position:relative; margin:0 15px}
#content .boton005 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:32px; left:74px; color:#000}
#content .boton006 {display:inline-block; background:url(/img/boton_006.png); width:304px; height:87px; text-decoration:none; position:relative; margin:0 15px}
#content .boton006 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:25px; left:111px; color:#000}
#content .boton007 {display:inline-block; background:url(/img/boton_007.png); width:306px; height:96px; text-decoration:none; position:relative; margin:0 15px}
#content .boton007 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:26px; left:116px; color:#000}
#content .boton008 {display:inline-block; background:url(/img/boton_008.png); width:262px; height:98px; text-decoration:none; position:relative; margin:0 15px}
#content .boton008 .texto {font-size:15px; font-weight:300; text-align:center; position:absolute; top:39px; left:106px; color:#000}
#content .btazul {color:#05529A}
#content .btnaranja {color:#E97806}
.rolloverNaranja {color:#F00!important}

#contenidoInterior .video a {background:url(/img/boton_video_home.png) no-repeat; width:126px; height:137px; display:inline-block; margin:0 10px; text-align:center; color:#4C83B0; text-decoration:none; font-weight:700; position:relative}
#contenidoInterior .video a span {color:#000; font-weight:normal; display:block; margin-top:65px}
#contenidoInterior .video a:hover {background-position:0 -137px}

#verbsWeek {width:445px; height:300px; margin:auto; background:url(/img/fondoVerbos.png); position:relative}
#verbsWeek a {display:block; position:absolute; line-height:400px; overflow:hidden}
#verbsWeek a.regular {background:url(/img/fondoVerbos_regular.png); width:140px; height:66px; left:75px; bottom:35px}
#verbsWeek a.regular:hover {background-position:0 -66px}
#verbsWeek a.irregular {background:url(/img/fondoVerbos_irregular.png); width:159px; height:66px; right:50px; bottom:35px}
#verbsWeek a.irregular:hover {background-position:0 -66px}

#videoPlayer {background:url(/img/fondo_player.png); width:461px; height:379px; float:left; padding:21px 0 0 18px}
#videoPlayer .player {width:442px; height:264px}

#contenidoInterior {width:94%; box-shadow:0 0 10px #666666; background:#fff url(/img/furley_bg.png); border-radius:5px; margin:30px 0; padding:3%}
#contenidoInterior .center {width:94%; padding:20px; text-align:center; font-size:20px}
#contenidoInterior .center ul {margin-top:0px; padding:0px; list-style-type:none}
#contenidoInterior .center ul li {display:block; padding:5px}
#contenidoInterior .center ul li a {line-height:60px; margin:5px auto; color:#333; text-decoration:none; font-size:15px; text-align:center}
#contenidoInterior .center ul li a:hover {color:#03BF02}

.btHome {background:url(/img/bt_home.png) no-repeat; width:143px; height:50px; line-height:50px; color:#05529A; font-size:15px; text-decoration:none; position:absolute; top:0px; left:0px; display:block; padding-left:60px; text-align:left}
.btHome:hover {color:#F90}

.btGenerales {display:inline-block; line-height:50px; height:50px; font-size:18px; color:#F00; text-decoration:none; text-align:center}
.btGenerales:hover {color:#F90}

.bt_130 {width:130px; background:url(/img/bt_130.png)}
.bt_200 {width:200px; background:url(/img/bt_200.png)}

#footer {background:#824DBA; height:98px; width:100%; position:relative; z-index:500}
#footer .contenido {width:800px; margin:auto; position:relative; height:98px}
#footer .contenido .icono  {background:url(/img/icon_contacto.png); width:140px; height:140px; position:absolute; left:0px; bottom:15px}
#footer .contenido .txt_contacto {position:absolute; left:160px; top:30px; color:#fff; font-size:20px}
#footer .contenido .txt_contacto a {color:#fff; text-shadow:1px 1px 1px #000; text-decoration:none; font-weight:300}
#footer .contenido .txt_contacto a:hover {color:#F90}
#footer .contenido .txt_derecha {position:absolute; right:0px; top:30px; color:#fff; font-size:12px; text-shadow:1px 1px 1px #000; font-weight:300; text-align:right}
#footer .contenido .txt_derecha.login {top:20px}
#footer .contenido .txt_derecha span {font-size:20px; text-transform:uppercase}
#footer .explain {width:183px; height:197px; position:absolute; top:-170px; right:5%}

/* menu */

#build-menu-page {
  right: 0;
  position: relative;
  background-color: #fff;
}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 300px;
  padding:0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  right: 0;
  background:url(/img/fondo_menu.jpg);
  float:right
}
.ie #main-nav {display:none; visibility:hidden}
#build-menu ul {
	padding:20px;
	list-style-type:none;
	margin:130px 0 0 0
}
#build-menu .titulo {
	background:url(/img/fondo_header_menu.jpg);
	height:129px;
	width:300px;
	position:absolute;
	display:block;
	top:0px;
	right:0px
}
#build-menu .titulo img {
	position:absolute;
	width:162px; 
	height:59px;
	top:34px;
	left:60px
}
#build-menu ul li {
	background:url(/img/bullet_menu.png) no-repeat 0px 3px;
	padding-left:30px
}
#build-menu ul li.inicial {
	margin-top:70px
}
#build-menu a {color:#05539C; text-decoration:none; display:block; padding:5px 0; font-size:14px}
#build-menu a.activo, #build-menu a:hover {color:#E97806}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}

#build-menu-page {-moz-box-shadow:4px 0px 5px 0px #666; -webkit-box-shadow:4px 0px 5px 0px #6666; box-shadow:4px 0px 5px 0px #666}

.btn21{
	background:url(/img/btn21Rell.jpg) repeat-x;
	height:21px;
	line-height:21px;
	display:block;
	float:left;
	margin:0 0 0 8px;
	position: relative;
	}
.btn21 span{
	background:url(/img/btn21Dere.jpg) 100% 0 no-repeat;
	height:21px;
	line-height:21px;
	display:block}
.btn21 span span{
	background:url(/img/btn21Izqu.jpg) 0 0 no-repeat;
	height:21px;
	line-height:21px;
	display:block;
	padding:0 6px;}
.btn21 span span span.izquierda{
	background:none;
	height:21px;
	line-height:21px;
	display:block;
	padding:0;
	position:relative;
	top:-3px;}
.btn21 span span span.item_menu{
	background:none;
	height:14px;
	line-height:14px;
	padding:0;
	font-size:12px;
	display:block;
	position:relative;
	top:3px;
	width: auto;
	font-weight: bold;
}
.btn21 span span span.item_menu img{
	position:relative;
	float:left;
	padding:0 5px 0 0;
	top:-1px
	
}
.btn21 span span span.item_menu img.IcoDer{
	padding:0 0 0 5px;
	
}
.imagenCodigo{
	float:left;
}

ul.yiiPager
{
	display:inline-block;
}

ul.yiiPager li
{
	display:inline-block;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
	border:0; font-weight:normal; padding:0px!important; display:inline-block; line-height:50px; height:50px; font-size:18px; color:#F00; text-decoration:none; text-align:center;
}

ul.yiiPager a:hover {color:#F90}

ul.yiiPager .page a
{
	display:none;
}

ul.yiiPager .hidden a
{
	display:none;
}

ul.yiiPager .next a,
ul.yiiPager .previous a
{
	width:130px; 
	background:url(/img/bt_130.png)
}
span.required
{
	color: red;
}

/* pagina datos */
#datosForm .center {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}
#datosForm .center form {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
    z-index: 20;
    position: relative;
}
#datosForm .center form > div {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px;
    padding-right: 20px
}
#datosForm .center input[type=text],
#datosForm .center select {
	width: 100%;
	margin-bottom: 20px
}
#datosForm .center select {
	border: none;
	outline: none;;
	height: 33px
}
#datosForm .center .codigo {
	position: absolute;
	background: rgba(77,131,176,0.8);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 2em;
	z-index: 30;
	display: none;
}
#datosForm .center .codigo span {
	display: block;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 2px
}
#datosForm .center .codigo > div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}
#datosForm .center .cargando {
	position: absolute;
	background: rgba(77,131,176,0.8);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 2em;
	display: none;
}
#datosForm .center .cargando span {
	display: block;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 2px
}
#datosForm .center .cargando > div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}
#login .center .codigo .continuar {
	background:url(/img/bt_continuar.png);
	width:180px;
	height:61px;
	color:#fff;
	text-shadow:1px 1px 0 #333;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	position:relative;
	display: block;
	margin: 20px auto 0
}
#login .center .codigo .continuar .texto {
	position:absolute; 
	left: 18px;
    top: 50%;
    transform: translateY(-50%);
}

/* página exámen */
#wraperInt.examen h1:before,
#wraperInt.examen h1:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
}
#wraperInt.examen h1 {
	text-align: center;
	color: #fff;
	font-size: 50px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	position: relative;
}
#wraperInt.examen h1 img {
	float: left;
}
#wraperInt.examen h1 span {
	display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60%;
    right: 10%;
}
#wraperInt.examen {
	width: 100%;
	height: 100%;
}
#wraperInt.examen .trama {
	width: 100%;
	height: 100%
}
#wraperInt.examen h2 {
	font-size: 25px;
	color: #fff;
	text-align: center;
}
#wraperInt.examen h2 span {
	font-size: 20px;
	font-weight: normal;
}
#wraperInt.examen .preguntas {
	height: auto;
	width: 100%;
	overflow: hidden;
}
#wraperInt.examen .preguntas .navega {
	display: none;
	margin: 30px auto
}
#wraperInt.examen .preguntas .navega:before,
#wraperInt.examen .preguntas .navega:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
}
#wraperInt.examen .preguntas .navega .anterior {
	width: 195px;
	height: 61px;
	line-height: 61px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
	background: url("../img/flecha_anterior.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 90px;
	color: #fff;
	float: left;
	text-decoration: none;
}
#wraperInt.examen .preguntas .navega .salir {
	width: 195px;
	height: 61px;
	line-height: 61px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
	background: url("../img/icon_cerrar.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 90px;
	color: #fff;
	float: right;
	text-align: right;
	text-decoration: none;
}
#wraperInt.examen .wrapp {
	height: auto;
	width: calc(800px * 30);
}
#wraperInt.examen .wrapp:before,
#wraperInt.examen .wrapp:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
}
#wraperInt.examen .pregunta {
	width: 800px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	padding: 20px 0;
	opacity: 0;
	float: left;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
#wraperInt.examen .pregunta h3 {
	padding-left: 30px;
	padding-right: 30px
}
#wraperInt.examen .pregunta.active {
	opacity: 1
}
#wraperInt.examen .pregunta:nth-child(odd){
	background: #fff
}
#wraperInt.examen .pregunta:nth-child(even){
	background: #f7f7f7
}
#wraperInt.examen input {
	display: none;
}
#wraperInt.examen .enviar {
	margin: 0 auto 30px;
	width: 204px;
	display: none;
}
#wraperInt.examen input[type=submit] {
	display: block;
	background:url(/img/bt_registro.png); 
	width:204px; 
	height:61px; 
	color:#fff; 
	text-shadow:1px 1px 0 #333; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-size: 18px;
    cursor: pointer;
    line-height: 70px;
    padding-left: 40px;
}

#wraperInt.examen label {
	display: block;
	cursor: pointer;
	padding-left: 70px;
	margin-bottom: 10px
}
#wraperInt.examen input:checked + label {
	color: #4D83B0
}
#wraperInt.examen .contador {
	border-top: 1px solid #fff;
	margin-top: 30px;
	padding-bottom: 30px;
	padding-top: 20px;
	text-align: center;
	color: #fff
}
#wraperInt.examen .mensajeFinal {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.6);
	display: none;
	top: 0;
	left: 0
}
#wraperInt.examen .mensajeFinal h2 {
	color: #4D83B0
}
#wraperInt.examen .mensajeFinal > div {
	position: absolute;
	width: 40%;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
}
#wraperInt.examen .mensajeFinal .botones {
	padding: 20px 0 0;
    border-top: 1px solid #e2e2e2;
    margin-top: 40px;
}
#wraperInt.examen .mensajeFinal .botones:before,
#wraperInt.examen .mensajeFinal .botones:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
}
#wraperInt.examen .mensajeFinal .botones a {
	display: block;
	width: 35%;
	height: 61px;
	line-height: 61px;
	color: #4D83B0;
	font-size: 20px;
	text-transform: uppercase;
    text-decoration: none;
}
#wraperInt.examen .mensajeFinal .botones a.repetir {
	padding-left: 60px;
	background: url("../img/flecha_anterior.png");
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	text-align: left;
    background-size: 50px;
}
#wraperInt.examen .mensajeFinal .botones a.registrar {
	padding-right: 60px;
	background: url("../img/flecha_continuar.png");
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	text-align: right;
    background-size: 50px;
}
#wraperInt.examen .mensajeFinal .botones a.cerrar {
	padding-left: 50px;
	background: url("../img/icon_cerrar.png");
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	text-align: left;
    background-size: 50px;

	
}