﻿

@font-face {
    font-family: 'OmnesRegular';
    src: url('../fonts/omnes-regular-webfont.eot');
    src: url('../fonts/omnes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-regular-webfont.woff') format('woff'),
         url('../fonts/omnes-regular-webfont.ttf') format('truetype'),
         url('../fonts/omnes-regular-webfont.svg#omnes-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OmnesBold';
    src: url('../fonts/omnes-bold-webfont.eot');
    src: url('../fonts/omnes-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/omnes-bold-webfont.woff') format('woff'),
         url('../fonts/omnes-bold-webfont.ttf') format('truetype'),
         url('../fonts/omnes-bold-webfont.svg#omnes-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helveticaneue-roman.eot');
    src: url('../fonts/helveticaneue-roman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-roman.woff') format('woff'),
         url('../fonts/helveticaneue-roman.ttf') format('truetype'),
         url('../fonts/helveticaneue-roman.svg#helveticaneue-roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
	border:none;
	position:relative;
}

html, body
{
	height:100%;
}

.contenedor-velo-registro {
	width:100%;
	min-height:100%;
	background-color:rgba(85,85,85,0.87);
	position: absolute;
	top:0;
	left:0;
	z-index:10000;
	margin:0 auto;
	font-size:0;
}

.velo-registro {
	width:100%;
	background-color:#474c52;
	border-radius:15px;
	position:absolute;
	top:0;
	left:0;
}

.titulo-velo-registro {
	background-color:#527f90;
	border-radius: 0 0 15px 15px;
	font-size:36px;
	font-family:OmnesRegular;
	width:75%;
	color:#9cf2f9;
	text-align:center;
	padding-top:22px;
	padding-bottom:4px;
	margin:0 auto;
}

.boton-cerrar-velo-registro {
	background: url(../img/boton-cerrar.png) no-repeat;
	width:34px;
	height:34px;
	position:absolute;
	right:5px;
	top:10px;
	cursor:pointer;
}

.contenido-velo-registro {
	padding:14px 20px 20px;
}

.letra-contenido-velo-registro {
	font-family:OmnesRegular;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:14px;
}

.letra-negrita-velo-registro {
	font-family:OmnesBold;
	font-size:12px;
	color:#fff;
	line-height:14px;
}

.formulario-velo-registro {
	padding: 0 20px;
	font-size:0;
}

.letra-formulario-velo-registro {
	font-family:OmnesRegular;
	font-size:14px;
	color:#fff;
	width:70px;
	display:inline-block;
}

.input-velo-registro {
	font-family:OmnesRegular;
	font-size:14px;
	height:32px;
	padding: 0 10px;
	width:calc(100% - 70px);
	margin-bottom:8px;
}

.contenedor-checkbox-velo-registro {
	padding: 0 20px;
}

.izquierda {
	text-align:left;
}

.block {
	display:inline-block;
	vertical-align:middle;
}

.margen {
	margin-right:8px;
}

.checkbox-si-velo-registro {
	background: url(../img/checkbox.png) no-repeat;
	width:21px;
	height:19px;
	background-position:0 -19px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

.checkbox-si-velo-registro.activo{
	background-position:0 0;
}

.checkbox-si-velo-registro.chequeado{
	background-position:0 0;
}

.checkbox-no-velo-registro {
	background: url(../img/checkbox.png) no-repeat;
	width:21px;
	height:19px;
	background-position:0 -19px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

.checkbox-no-velo-registro.activo{
	background-position:0 0;
}

.checkbox-no-velo-registro.chequeado{
	background-position:0 0;
}

.margen-check {
	margin-right:14px;
}

.contenedor-botom-submit {
	width:100%;
	text-align:right;
}

.boton-enviar-velo-registro {
	width:98px;
	background-color:#7ac9d0;
	font-family:Helvetica;
	font-size:14px;
	color:#fff;
	padding:2px 0;
	border-radius:15px;
	text-align:center;
	border:0;
	cursor:pointer;
}

.padding {
	padding-top: 2px !important;
	padding-bottom:8px !important;
}

.bvalidator_check{
	position: absolute; 
	display: none;
	line-height:10px;
	width:115px;
	top:-23px;
	margin-left:37px;
}

.bvalidator_errmsg{
	line-height:10px;
}

@media (min-width:768px){
	.velo-registro {
		width:660px;
		height:500px;
		top:calc(50% - 250px);
		left:calc(50% - 330px);
	}
	
	.titulo-velo-registro {
		width:466px;
	}
	
	.contenido-velo-registro {
		padding:14px 92px 20px;
	}
	
	.boton-cerrar-velo-registro {
		right:22px;
	}
	
	.formulario-velo-registro {
		padding: 0 118px;
	}
	
	.contenedor-checkbox-velo-registro {
		padding: 0 118px;
	}
	
	.bvalidator_check{
		margin-left:134px;
	}
}