* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
	margin: 0 0 0 0;
	  font-family: 'Roboto', sans-serif;
}

a{
	text-decoration: none;
	color: #000000;
}

a.allspa{
	width: 100%;
}

/*CONTENEDORES PRINCIPALES*/

/*CONTENEDORES*/

.desk{
	display: initial !important;
}

.desk-flex{
	display: flex !important;
}

.mob{
	display: none !important;
}

.mob-flex{
	display: none !important;
}

/*POCISIONES FLEX*/
.cflex{
	display: flex;
	align-items: center;
}

.cflex-center{
	justify-content: center;
}


.cflex-right{
	justify-content: flex-start;
}

.cflex-left{
	justify-content: flex-end;
}

.cflex-spaceb{
	justify-content: space-between;
}

.cflex-spacea{
	justify-content: space-around;
}

/*FUENTES*/
.fRubik{
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
}

.fRoboto{
	font-family: 'Roboto', sans-serif;
}

.rbold{
	font-weight: 700;
}

header{
	width: 100%;
	min-width: 1200px;
	height: auto;
	box-shadow: 1px 1px 8px #00000017;
	margin: auto;
	top: 0px !important;
    position: fixed !important;
	z-index: 13;
	background-color: #FFFFFF;
	/* border:1px solid red; */
}

footer{
	width: 100%;
	min-width: 1200px;
	height: auto;
	margin: auto;
	display: flex;
	justify-content: center;
}

div.cont-foot{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 30px 0px 15px 0px !important;
}

div.headertop{
	width: 100%;
	height: 40px;
	background-color: #023969;
}

div.headerbot{
	width: 100%;
	min-width: 1300px;
	height: 91px;
	box-shadow: 1px 1px 20px 0px #00000017;
}

section.main-sec {
    width: 100%;
    min-width: 1300px;
    height: auto;
	margin: auto;
}

div.main-cont{
	max-width: 1300px;
	/*border:1px solid yellow;*/
	padding: 0px 5px;
	width: 100%;
	height: 100%;
	margin: auto;
}

div.logo {
	width: 15%;
}

div.menuh{
	width: 60%;
    /* border: 1px solid; */
    padding: 0px 25px;
    flex-wrap: wrap;
}

div.lasheader{
	width: 25%;
}

/* SLIDER */

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 032 css*/
.jssorb032 {position:absolute;}
.jssorb032 .i {position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill-opacity:1;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:1;}
.jssorb032 .i:hover .b {fill:#c3c3c3;fill-opacity:1;stroke:#c3c3c3;stroke-opacity:1;}
.jssorb032 .iav .b {fill:#c3c3c3;fill-opacity:1;stroke:#c3c3c3;stroke-opacity:1;}
.jssorb032 .i.idn {opacity:.3;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:1500;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.marT80{
	margin-top: 100px !important;
}

div.cardSection{
	width: 235px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0px 11px 60px 11px;

}

div.cardSection img{
	width: 235px;
	height: 235px;
	object-fit: cover;
}

div.cardSection p{
	margin: 0px;
}

p.tituloCardS{
	font-size: 27px;
	font-weight: 700;
	margin: 20px 0px 10px 0px !important;
}

p.descripCardS{
	font-size: 16px;
}

div.contcards{
	width: 100%;
	flex-wrap: wrap;
}

div.tituloSection{
	width: 90%;
}

p.btnstr{
	font-size: 24px;
	font-weight: 700;
	margin: 0px 15px;
	cursor: pointer;
}

span.divbtn{
	font-size: 24px;
    font-weight: 700;	
}

div.borderleftt{
	border-left: 6px solid #b82b5a;
	padding: 0px 20px;
}

p.titulo-section{
	font-size: 35px;
	font-weight: bold;
	margin: 0px;
}

p.titulo-section-main{
	font-size: 50px;
	font-weight: bold;
	margin: 0px;
}

p.subtitulo-section{
	font-size: 18px;
	font-weight: 400;
	margin: 0px;
	color:#aaaaaa;
}

div.cardVideo{
	width: 352px;
    height: auto;
    margin: 0px 17px 45px 17px;
}

div.cardVideo2{
	width: 352px;
    height: auto;
    margin: 0px 17px 45px 17px;
}

div.cardVim{
	height: 263px;
	background-color: #eeeeee;
	border-radius: 8px;
	position: relative;
	cursor: pointer;
}

div.cont-titV2{
	width: 100%;
}

div.cardVim2{
	height: 263px;
	background-color: #eeeeee;
	border-radius: 8px;
	position: relative;
	cursor: pointer;
}

div.cardVim:hover .detalleV{
	display: block;
}


div.detalleV{
	position: absolute;
    width: 342px;
    height: 57px;
    background-color: #000000b3;
    bottom: 6px;
    right: 5px;
	border-radius: 7px;
	display: none;
}

div.reprodc{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
	border-radius: 7px;
	font-weight: 700;
	font-style: italic;
	background-color: #eeeeee;
    display: none;
	align-items: center;
	justify-content: center;
	background: #00000085;
	color: #FFFFFF;
}


div.cardVim2:hover .reprodc{
	display: flex;
}

div.reprodc img {
    width: 25px;
    height: 25px;
	margin-right: 7px;
}

div.cardVtext{
	width: 90%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.cardVtext2{
	width: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.substit2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.substit2 p{
	font-size: 15px;
    color: #aaaaaa;
    margin: 0px;
    margin-top: 5px;
}

p.cardTituloV{
	font-size: 17px;
	font-weight: 700;
	margin: 20px 0px 5px 0px;
	max-width: 215px;
}

p.cardTituloV2{
	font-size: 24px;
	font-weight: 700;
	margin: 20px 0px 5px 0px;
}

p.cardSeccionV{
	color: #aaaaaa;
	margin: 0px;
}

div.icon-video{
	background-image: url('../recursos/card/iconIr.png');
	width: 33px;
	height: 33px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 15px;
	cursor: pointer;
}

div.sectioncardv{
	display: flex;
	flex-wrap: wrap;
}

div.btnVmas{
	width: 225px;
	height: 50px;
	background-color: #223b50;
	margin: auto;
	font-size: 25px;
	color: #FFFFFF;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 20px;
}

div.btnVmas img{
	width: 15px;
	margin-left: 10px;
}

img.imgPublicidad{
	width: 100%;
	/* max-width: 1300px; */
	height: auto;
}

.marT50{
	margin-top: 50px !important;
}

#jssor_1{
	display: block;
}

#jssor_3{
	display: none;
}

#jssor_2{
	display: block;
}

#jssor_4{
	display: none;
}

#jssor_5{
	display: none;
}

#jssor_6{
	display: none;
}

div.cardNoti2{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 79px;
}

div.cardNimg{
	width: 26%;
	height: 200px;
	background-color: #eeeeee;
}

div.cardNtext{
	width: 70%;
	height: auto;
}

p.cardNtit{
	font-size: 28px;
	margin: 0px;
	font-weight: 700;
}

p.datosNtit{
	font-size: 15px;
	color: #aaaaaa;
	margin:0px;
	margin-top: 10px;
}

p.cardNtext{
	line-height: 1.7;
	margin-top: 20px;
}

div.btn-reproduc{
	width: 200px;
	font-weight: 700;
	font-style: italic;
	display: flex;
    align-items: center;
}

div.btn-reproduc img{
	width: 25px;
	height: 25px;
	margin-right: 7px;
}

section.backcol1{
	background-color: #222222;
}

div.contFoo{
	width: 32%;
	height: auto;
	display: flex;
	align-items: center;
}

div.f1{
	justify-content: space-around;
}

div.f1 p{
	margin: 0px;
	font-weight: 700;
}

div.f2{
	width: 20%;
	justify-content: space-between;
}
div.f3{
	justify-content: flex-end;
	padding-right: 3%;
}

div.bannermain{
	height: 536px;
	width: 100%;
	background-image: url('../recursos/bannermain.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

div.secWvideo{
	flex-direction: column;
}

div.cont-vyou{
	width: 98%;
	margin-top: 30px;
}

div.cont-vyou2{
	width: 95%;
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

div.cardNtext2{
	width: 60%;
	height: auto;
}

div.publi3{
	width: 30%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

section.mtopsec{
	margin-top:93px;
}

section.marVideo{
	margin-top:160px;
}