@charset "utf-8";
/* CSS Document */

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

html, body {margin: 0;}
body {
    font-family: 'RedHatDisplay', sans-serif;
    font-size: 1rem;
    color: #1b1b1b;
}

strong {font-weight: 700;}

.text-sm {font-size: 0.9em;}
.line-h1 {line-height: 1em;}

.hr-sm {max-width: 100px;}
.hr-dotted {border: 0; border-bottom: dotted 6px #CCC;}

/*TEXT COLORS*/
.text-azul {color: #287C7C;}
.text-amarillo {color: #E8CF36;}
.text-salmon-claro {color: #F2B45E;}
.text-salmon-oscuro {color: #E89657;}
.text-rojo {color: #E25955;}

/*BG COLORS*/
.bg-gradient {
    background: rgb(255,0,0);
    background: -webkit-linear-gradient(228deg, rgba(181,0,128,1) 10%, rgba(255,0,0,1) 100%);
    background: -o-linear-gradient(228deg, rgba(181,0,128,1) 10%, rgba(255,0,0,1) 100%);
    background: linear-gradient(318deg, rgba(181,0,128,1) 10%, rgba(255,0,0,1) 100%);
}

/*BOTONES*/
.btn-rojo, .btn-rojo:active, .btn-rojo:visited {background-color: #FF0000; color: #FFF; border: solid 1px #FF0000;}
.btn-rojo:hover {background-color: #ed0707;}


/*CONTAINERS*/
.container {padding-left: 25px; padding-right: 25px;}
.container-1200 {max-width: 1200px; margin: auto;}
.container-1000 {max-width: 1000px; margin: auto;}
.container-900 {max-width: 900px; margin: auto;}
.container-800 {max-width: 800px; margin: auto;}
.container-600 {max-width: 600px; margin: auto;}
.container-400 {max-width: 400px; margin: auto;}



/*SLIDER*/
img.img-desk {display: block;}
img.img-mob {display: none;}
@media (max-width:800px) and (orientation:portrait) {
	img.img-desk {display: none;}
	img.img-mob {display: block;}
}


/*FORM*/
.input-search {font-size: 2em; border: solid 2px #C8C8C8; text-align: center;}

::-webkit-input-placeholder {color: #BFBFBF!important;}
:-ms-input-placeholder {color: #BFBFBF!important;}
::placeholder {color: #BFBFBF!important;}