@font-face {font-family: "Lato-Bla";src: url(../fonts/Lato-Bla.ttf);}
@font-face {font-family: "Lato-Black";src: url(../fonts/Lato-Black.ttf);}
@font-face {font-family: "Lato-BlackItalic";src: url(../fonts/Lato-BlackItalic.ttf);}
@font-face {font-family: "Lato-BlaIta";src: url(../fonts/Lato-BlaIta.ttf);}
@font-face {font-family: "Lato-Bol";src: url(../fonts/Lato-Bol.ttf);}
@font-face {font-family: "Lato-Bold";src: url(../fonts/Lato-Bold.ttf);}
@font-face {font-family: "Lato-BoldItalic";src: url(../fonts/Lato-BoldItalic.ttf);}
@font-face {font-family: "Lato-BolIta";src: url(../fonts/Lato-BolIta.ttf);}
@font-face {font-family: "Lato-Hai";src: url(../fonts/Lato-Hai.ttf);}
@font-face {font-family: "Lato-HaiIta";src: url(../fonts/Lato-HaiIta.ttf);}
@font-face {font-family: "Lato-Hairline";src: url(../fonts/Lato-Hairline.ttf);}
@font-face {font-family: "Lato-HairlineItalic";src: url(../fonts/Lato-HairlineItalic.ttf);}
@font-face {font-family: "Lato-Heavy";src: url(../fonts/Lato-Heavy.ttf);}
@font-face {font-family: "Lato-Italic";src: url(../fonts/Lato-Italic.ttf);}
@font-face {font-family: "Lato-Lig";src: url(../fonts/Lato-Lig.ttf);}
@font-face {font-family: "Lato-Light";src: url(../fonts/Lato-Light.ttf);}
@font-face {font-family: "Lato-LightItalic";src: url(../fonts/Lato-LightItalic.ttf);}
@font-face {font-family: "Lato-LigIta";src: url(../fonts/Lato-LigIta.ttf);}
@font-face {font-family: "Lato-Reg";src: url(../fonts/Lato-Reg.ttf);}
@font-face {font-family: "Lato-RegIta";src: url(../fonts/Lato-RegIta.ttf);}
@font-face {font-family: "Lato-Regular";src: url(../fonts/Lato-Regular.ttf);}

html {overflow-x: hidden !important;}
body{background:#fff;color:#181818;font-size:10px;overflow-x:hidden !important; padding: 0px !important; font-family: "Prata-Regular";}
a{color:#fff;text-decoration:none!important;}
.norow{margin:0px;position:relative;}
.no-padd{padding:0px;}
.img-responsive{max-width:100% !important;}

body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:0px;background:#273238;}
::-webkit-input-placeholder{color:#525252 !important;font-family: "Lato-Italic";}
label.error {font-size: 12px;position: relative;color: red;letter-spacing: 2px;font-family: "Lato-Bold"}
::selection {background: #fed145a1;color: #000;}

header {background-color: #fed145;padding: 1% 0px;}
header img {width: 100%;}
header .col-md-11 {margin: auto;}
header .col-md-11 h1 {font-family: "Lato-Bold"; color: #fff;text-align: center;font-size: 28px;text-transform: uppercase;}

.sec1 {padding-top: 5%;padding-bottom: 9%;}
.sec1 .tittle-top {background-color: #273238;}
.sec1 .tittle-top h3 {font-family: "Lato-Regular";color: #fff;font-size: 15px;margin-top: .5rem;}
.sec1 .tittle-top .col-md-2 {text-align: center;}
.sec1 .desc {border: solid 1px #c2c1c0;}
.sec1 .desc:nth-child(odd) {background-color: #f5f6f8;}
.sec1 .desc .col-md-1 {margin: auto;}
.sec1 .desc .col-md-2 {margin: auto;text-align: center;}
.sec1 .desc .col-md-3 {margin: auto;}
.sec1 .desc .col-md-5 {margin: auto;}
.sec1 .desc h3 {font-family: "Lato-Regular";font-size: 14px;color: #000;}
.sec1 .desc .grey h3 {color: #696969;}
.sec1 .descar img {width: 32% !important;}
.sec1 .desc img {width: 60%;margin: 10% 0px;}

.sec1-int {padding-top: 5%;padding-bottom: 9%;}
.sec1-int .pdf-download {text-align: center;margin-top: 5%;}
.sec1-int .pdf-download a {font-family: "Lato-Bold";padding: 1% 7% 1% 2%;background-image: url(../img/sec1/bg-descarga.jpg);background-repeat: no-repeat;background-size: contain;background-position: center;font-size: 15px;}
.sec1-int .pdf-download a:hover {color: #000; text-decoration: underline !important;}


/* ---------------------------------------- CUSTOM CSS --------------------------------------------- */

@media (min-width: 320px) and (max-width: 575px){
	header {padding: 7% 0px; text-align: center;}
	header .col-md-11 h1 {font-size: 20px;margin-top: 10%;}
	header img {width: auto;}

	.sec1 .tittle-top {display: none;}
	.sec1 .desc {margin: 0px;}
	.sec1 .desc>div {padding: 0px;}
	.sec1 .desc h3 {margin-top: 1rem;margin-bottom: 10%;text-align: center;}
	.sec1 .descar img {width: 10% !important;}
	.sec1 .tema:before {content: "Tema";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .nombre:before {content: "Nombre";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .usuario:before {content: "Usuario";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .pdf {text-align: center;}
	.sec1 .pdf:before {content: "Pdf";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .video:before {content: "Video";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}

	.sec1-int .pdf-download a {padding: 3% 25% 3% 3%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	header {padding: 3% 0px; text-align: center;}
	header .col-md-11 h1 {font-size: 20px;margin-top: 5%;}
	header img {width: auto;}

	.sec1 .tittle-top {display: none;}
	.sec1 .desc {margin: 0px;}
	.sec1 .desc>div {padding: 0px;}
	.sec1 .desc h3 {margin-top: 1rem;margin-bottom: 5%;text-align: center;}
	.sec1 .descar img {width: 7% !important;}
	.sec1 .tema:before {content: "Tema";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .nombre:before {content: "Nombre";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .usuario:before {content: "Usuario";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .pdf {text-align: center;}
	.sec1 .pdf:before {content: "Pdf";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}
	.sec1 .video:before {content: "Video";font-family: "Lato-Regular";color: #fff;font-size: 15px;background: #273238;width: 100%;height: 100%;display: block;text-align: center;}

	.sec1-int .pdf-download a {padding: 3% 15% 3% 3%;}
}

/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	header img {width: auto;}

	.sec1 .descar img {width: 60% !important;}
	.sec1 .desc img {width: 100%;}
	.sec1 .desc h3 {font-size: 9px;}

	.sec1-int .pdf-download a {padding: 2% 10% 2% 2%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.sec1 .desc h3 {font-size: 12px;}
	.sec1 .desc img {width: 80%;}
}

/* Bigger devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {

}

@media (min-width: 1400px) and (max-width: 1599.98px) {

}

/* Extra large devices  */
@media (min-width: 1600px) {

}