@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans.eot');
    src: url('../fonts/opensans/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans/OpenSans.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans.woff') format('woff'),
        url('../fonts/opensans/OpenSans.ttf') format('truetype'),
        url('../fonts/opensans/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-CondensedBold';
    src: url('../fonts/opensans/OpenSans-CondensedBold.eot');
    src: url('../fonts/opensans/OpenSans-CondensedBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans/OpenSans-CondensedBold.woff2') format('woff2'),
        url('../fonts/opensans/OpenSans-CondensedBold.woff') format('woff'),
        url('../fonts/opensans/OpenSans-CondensedBold.ttf') format('truetype'),
        url('../fonts/opensans/OpenSans-CondensedBold.svg#OpenSans-CondensedBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Verdana-Bold';
    src: url('../fonts/verdana/Verdana-Bold.eot');
    src: url('../fonts/verdana/Verdana-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/verdana/Verdana-Bold.woff2') format('woff2'),
        url('../fonts/verdana/Verdana-Bold.woff') format('woff'),
        url('../fonts/verdana/Verdana-Bold.ttf') format('truetype'),
        url('../fonts/verdana/Verdana-Bold.svg#Verdana-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Verdana-BoldItalic';
    src: url('../fonts/verdana/Verdana-BoldItalic.eot');
    src: url('../fonts/verdana/Verdana-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/verdana/Verdana-BoldItalic.woff2') format('woff2'),
        url('../fonts/verdana/Verdana-BoldItalic.woff') format('woff'),
        url('../fonts/verdana/Verdana-BoldItalic.ttf') format('truetype'),
        url('../fonts/verdana/Verdana-BoldItalic.svg#Verdana-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Verdana-Italic';
    src: url('../fonts/verdana/Verdana-Italic.eot');
    src: url('../fonts/verdana/Verdana-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/verdana/Verdana-Italic.woff2') format('woff2'),
        url('../fonts/verdana/Verdana-Italic.woff') format('woff'),
        url('../fonts/verdana/Verdana-Italic.ttf') format('truetype'),
        url('../fonts/verdana/Verdana-Italic.svg#Verdana-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Verdana';
    src: url('../fonts/verdana/Verdana.eot');
    src: url('../fonts/verdana/Verdana.eot?#iefix') format('embedded-opentype'),
        url('../fonts/verdana/Verdana.woff2') format('woff2'),
        url('../fonts/verdana/Verdana.woff') format('woff'),
        url('../fonts/verdana/Verdana.ttf') format('truetype'),
        url('../fonts/verdana/Verdana.svg#Verdana') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Media queries */
/*
'$screen-xs-up'		=> '575.98px',
'$screen-sm-up'		=> '767.98px',
'$screen-md-up'		=> '991.98px',
'$screen-lg-up'		=> '1199.98px', 
'$screen-xl-up'		=> '1359.98px', 
'$screen-xxl-up'	=> '1399.98px', 
'$screen-xs-down'	=> '576px',
'$screen-sm-down'	=> '768px',
'$screen-md-down'	=> '992px',
'$screen-lg-down'	=> '1200px',
'$screen-xl-down'	=> '1366px',
'$screen-xxl-down'	=> '1400px',

@media (max-width: $screen-size-up) {
	... less than ...
}
@media (min-width: $screen-size-down) {
	... more than ...
}
*/
:root {
    --main-color-azul: #0033A0;
    --main-color-gris: #EEEDEB;
}
*, ::after, ::before {
  box-sizing: border-box;
}

body,
html {
    margin: 0px;
    padding: 0px;
}
body{
    background-color: white;
	margin: 0px;
}
.hvr-opacity:hover {
    opacity: .6;
    transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
}
.textogeneral{
	color: var(--main-color-azul);
	font-size: 16px;
	font-family: 'Verdana';
}
.textogeneral b,
.textogeneral strong{
	color: var(--main-color-azul);
	font-size: 16px;
	font-family: 'Verdana-Bold';
}
.textogeneral i{
	color: var(--main-color-azul);
	font-size: 16px;
	font-family: 'Verdana-Italic';
}
.linetop{
	border-top: solid 2px var(--main-color-azul);
}
.linebottom{
	border-bottom: solid 2px var(--main-color-azul);
}
a.btn-azul{
	border-radius: 30px;
	background-color: var(--main-color-azul);
	font-family: 'Verdana-Bold';
	color: white;
	font-size: 13px;
	text-decoration: none;
	padding: 2px;
}
enviar.btn-azul{
	border-radius: 30px;
	background-color: #0033A0;
	font-family: 'Verdana-Bold';
	color: white;
	font-size: 13px;
	text-decoration: none;
	padding: 2px;
}
.btn-azul i{
	font-size: 35px;
	padding: 4px 0px;
	vertical-align: middle;
	margin-left: 10px;
}
.textotitulos{
	font-family: 'Verdana-Bold';
	color: var(--main-color-azul);
	font-size: 19px;
}
.content{
	width: 100%;
	float: left;
	display: block;
	height: auto;
}
.content .container .carro{
	height: auto;
}
.content .container .carro img{
	max-height: 670px;
}
.content .container .logo{
	height: auto;
}
.content .container .logo img{
	height: 95px;
	width: auto;
}
.content .container .logointerior img{
	height: 50px;
	width: auto;
}
.content .container .formulario{
	background-color: var(--main-color-gris);
	border-radius: 25px;
}
.content .container .formulario .line{
	border: solid 2px white;
	border-radius: 25px;
}
.content .container .formulario .line input{
	font-family: 'OpenSans';
}
.content .container .alerta .contimagen img{
	max-height: 185px;
	margin-top: 168px;
}
.content .container .alerta .imagenfondo{
	background-image: url("../img/transparenteiconoalerta.png");
	background-repeat: no-repeat;
	height: 690px;
	background-size: contain;
}
.content .container .alerta .imagenfondo .textogeneral{
	padding-right: 60px;
	padding-left: 60px;
}
@media (max-width:1399px){
	.content .container .alerta .contimagen img{
		max-height: 185px;
		margin-top: 94px;
	}
}
@media (max-width:767px){
	.content .container .alerta .imagenfondo .textogeneral{
		padding-right: 40px;
		padding-left: 40px;
	}
}