@charset "UTF-8";
@import url(../color.css);
@import url(../general.css);
@import url(../menu_new.css);
@import url(../style.css);

body{
	font-family: 'Lato', sans-serif;
	padding: 0;
	margin: 0;
	font-weight: 300;
	color: #808080;
	font-size: 14px;
}
p{
	color:#808080;
	font-size: 14px;
}

h1{
	color:#808080;
	font-size: 20px;
}
h2{
	color:#808080;
	font-size: 18px;
}
h3{
	color:#808080;
	font-size: 16px;
}
h4{
	color:#808080;
	font-size: 14px;
}


/*slide*/
section.slide{
	position: relative;
}
section.slide .curveSlide{
	width: 100%;
	height: 60px;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 3;
}
section.slide .curveSlide img{
	width: 100%;
	height: 60px;
}
section.slide .bgImg{
	height: 600px;
	background-size:cover;
	padding: 0 7%;
	align-items: center;
	display: flex;
}
section.slide .bgImg:before{
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background: linear-gradient(to left, rgba(57,64,102,0), rgba(57,64,102,0.5))
}
section.slide .intro{
	width: 100%;
	max-width: 600px;
	padding: 0 0 30px 0;
	z-index: 2;
}
section.slide .intro label{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 100;
	margin: 5px 0;
	position: relative;
}
section.slide .intro label:before{
	width: 35px;
	height: 2px;
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	background: #ff829b;
}
section.slide .intro h1{
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 300;
	margin: 10px 0 5px 0;
	text-transform: uppercase;
}
section.slide .bg_img{
	width:100%;
}
section.slide .bg_img img{
	width:100%;
}
section.slide .swiper-button-prev{
	background: url(../../images/site/arrowL.svg) 0 0 no-repeat;
}
section.slide .swiper-button-next{
	background: url(../../images/site/arrowR.svg) 0 0 no-repeat;
}
section.slide .swiper-pagination{
	bottom: 70px;
}
section.slide .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background:#FFFFFF;
}
section.slide .swiper-pagination .swiper-pagination-bullet-active{
	background:var(--color-principal);
}

/*contenido home*/
section.newCont{
	width: 100%;
	float: left;
}
section.newCont .bordePadd{
	width: 100%;
	padding: 7% 0;
}

/*seccion one*/
section.sec_one{
	width: 100%;
	background:#FFFFFF;
}
section.sec_one h2{
	font-size: 28px;
	position: relative;
	margin: 0 0 20px 0;
	color: var(--color-principal);
	font-weight: 300;
}
section.sec_one h2:before{
	width: 20px;
	height: 2px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	background: #ff829b;
	transition: 0.9s;
}
section.sec_one a{
	width: 100%;
	display: inline-block;
	text-decoration: none;
}
section.sec_one .not-1{
	margin: 15px 0;
}
section.sec_one .not-2{
	margin: 15px 0;
}
section.sec_one .not-3{
	margin: 15px 0;
}
section.sec_one .not-2 h2,
section.sec_one .not-3 h2{
	color: var(--color-principal);
	font-size: 18px;
}
section.sec_one .not-2 .imgNoti_one,
section.sec_one .not-3 .imgNoti_one{
	width: 100%;
	height: 150px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
section.sec_one .not-2 .imgNoti_one img,
section.sec_one .not-3 .imgNoti_one img{
	width: 100%;
}
section.sec_one .not-1 a:hover h2,
section.sec_one .not-2 a:hover h2,
section.sec_one .not-3 a:hover h2{
	color:var(--color-secundario);
}
section.sec_one .not-1 a:hover h2:before,
section.sec_one .not-2 a:hover h2:before,
section.sec_one .not-3 a:hover h2:before{
	width: 40px;
	transition: 0.9s;
}

/*seccion two*/
section.sec_two{
	background-image: linear-gradient(to right, var(--color-principal), var(--color-secundario));
}
section.sec_two a{
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
}
section.sec_two .noti{
	margin: 0 0 15px 0;
	padding: 0 4%;
}
section.sec_two .noti .imgNoti-two{
	width: 100%;
	height: 130px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
section.sec_two .noti .imgNoti-two img{
	width: 80%;
}
section.sec_two h3{
	font-size: 22px;
	position: relative;
	margin: 20px 0;
	color: #FFFFFF;
	font-weight: 300;
}
section.sec_two h3:before{
	width: 15%;
	height: 2px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	background: #ff829b;
	transition: 0.4s;
	margin: 0 42.5%;
}
section.sec_two p{
	color: #FFFFFF;
}
section.sec_two a:hover h3:before{
	width: 20%;
	margin: 0 40%;
}

/*seccion three*/
section.sec_three{
	padding: 5% 0;
}
section.sec_three a{
	width: 100%;
	display: inline-block;
	text-decoration: none;
}
section.sec_three h4{
	font-size: 18px;
	margin: 0 0 20px 0;
	color: var(--color-principal);
	font-weight: 300;
	position: relative;
}
section.sec_three h4:before{
	width: 20px;
	height: 2px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	background: #ff829b;
	transition: 0.9s;
}
section.sec_three a:hover h2{
	color:var(--color-secundario);
}
section.sec_three a:hover h4:before{
	width: 40px;
	transition: 0.9s;
}
section.sec_three .not-three-1{
	width: 100%;
}
section.sec_three .not-three-1 .imgNoti-three{
	width:25%;
	height: 100px;
	display: inline-block;
	overflow: hidden;
}
section.sec_three .not-three-1 .imgNoti-three img{
	width: 100%;
}
section.sec_three .not-three-1 .datNoti-three{
	width: 74%;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 30px;
}
section.sec_three .not-three-2{
	margin:0 0 15px 0;
}

/*footer*/
footer{
	width: 100%;
	float: left;
	background:#ededed;
	text-align: left;
}
footer .contFoot{
	padding: 5% 0;
}
footer .contFoot p{
	margin: 0 0 3px 0;
}
footer .contFoot a{
	border: 1px solid var(--color-principal);
	padding: 4px 25px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: inline-block;
	margin: 10px 0 15px 0;
	text-decoration: none;
	color: var(--color-principal);
}
footer .contFoot a:hover{
	background: var(--color-principal);
	color: #FFFFFF;
}
footer .copy{
	background-image: linear-gradient(to right, var(--color-principal), var(--color-secundario));
	padding: 5px 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
}

/*-----internas-----*/
.intTop{
	margin: 60px 0 0 0;
}
.contPadd{
	width: 100%;
	padding: 50px 15px;
}
.contPadd h2{
	width: 100%;
	font-size: 18px;
	position: relative;
	margin: 0 0 30px 0;
	color: var(--color-principal);
	font-weight: 300;
}
.contPadd h2:before{
    width: 20px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    background: #ff829b;
}
.intCont-top{
	margin:0 0 20px 0;
	display: table;
}
.intCont-top .intImg-top{
	width: 49%;
	display: table-cell;
}
.intCont-top .intImg-top img{
	width: 100%;
}
.intCont-top .intTxt-top{
	width: 50%;
	display: table-cell;
	padding: 0 30px 0 0;
	vertical-align: middle;
}
.intCont-top .intTxt-top h1{
	width: 100%;
	font-size: 30px;
	position: relative;
	margin: 0 0 20px 0;
	color: var(--color-principal);
	font-weight: 300;
}
.intCont-top .intTxt-top h1:before{
    width: 35px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    background: #ff829b;
}

.titNew{
	width: 100%;
	max-width: 500px;
	margin: 0 auto 50px auto;
	text-align: center;
}
.titNew h2{
	width: 100%;
	font-size: 18px;
	position: relative;
	margin: 0 auto 20px auto;
	color: var(--color-principal);
	font-weight: 300;
}
.titNew h2:before{
    width: 20px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 47%;
    background: #ff829b;
}

/*concejo*/
.datContNew{
	width: 100%;
	height: 370px;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.datContNew h3{
	width: 100%;
	font-size: 18px;
	position: relative;
	margin: 0 auto 20px auto;
	color: #808080;
	font-weight: 300;
}
.datContNew h3:before{
    width: 35px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #ff829b;
}
.datContNew a{
	border: 1px solid var(--color-principal);
	padding: 4px 25px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: inline-block;
	margin: 10px 0 15px 0;
	text-decoration: none;
	color: var(--color-principal);
}
.datContNew a:hover{
	background: var(--color-principal);
	color: #FFFFFF;
}
.datContNew .imgCircleNew{
	width:120px;
	height: 120px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	overflow: hidden;
	margin: 0 0 20px 0;
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
}
.datContNew .imgCircleNew img{
	width: 100%;
}

/*documentos*/
.docContNew{
	width: 100%;
	height: 180px;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.docContNew h3{
	width: 100%;
	font-size: 18px;
	position: relative;
	margin: 0 auto 20px auto;
	color: #808080;
	font-weight: 300;
}
.docContNew h3:before{
    width: 35px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #ff829b;
}
.docContNew a{
	border: 1px solid var(--color-principal);
	padding: 4px 25px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: inline-block;
	margin: 10px 0 15px 0;
	text-decoration: none;
	color: var(--color-principal);
}
.docContNew a:hover{
	background: var(--color-principal);
	color: #FFFFFF;
}
.docContNew .imgCircleNew{
	width:120px;
	height: 120px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	overflow: hidden;
	margin: 0 0 20px 0;
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
}
.docContNew .imgCircleNew img{
	width: 100%;
}

/*noticias*/
.notContNew{
	width: 100%;
	height: 280px;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.notContNew a{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	text-decoration: none;
}
.notContNew a h3{
	width: 100%;
	max-height: 37px;
	font-size: 18px;
	position: relative;
	margin: 0 auto 20px auto;
	color: var(--color-principal);
	font-weight: 300;
}
.notContNew a h3:before{
    width: 30px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #ff829b;
	transition: 0.9s;
}
.notContNew a:hover h3:before{
	width: 45px;
	transition: 0.9s;
}
.notContNew .imgNotiSit{
	width:100%;
	height: 120px;
	overflow: hidden;
	margin: 0 0 20px 0;
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
}
.notContNew .imgNotiSit img{
	width: 100%;
}
.nosContNew{
	width:100%;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.cartContNew{
	width:100%;
	margin: 0 0 20px 0;
	padding: 0 10px;
}


/*contacto*/
.contTac{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
.contTac h3{
	width: 100%;
	font-size: 24px;
	position: relative;
	margin: 0 auto 20px auto;
	color: var(--color-principal);
	font-weight: 300;
}
.contTac h3:before{
    width: 35px;
    height: 2px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #ff829b;
}
.contTac form{
	width: 100%;
	margin: 40px 0 0 0;
}
.contTac form input,
.contTac form textarea{
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	resize: none;
}
.contTac form button{
	border: 1px solid var(--color-principal);
	color: var(--color-principal);
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	font-size: 16px;
}
.contTac form button:hover{
	background: var(--color-principal);
	border: 1px solid var(--color-principal);
	color: #FFFFFF;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
}
.msg {
	color:#ef0a46;
}

/*cartelera*/
.cartelCont{
	width: 100%;
}
.cartelCont .cartelBox{
	width: 100%;
	background:#EFEFEF;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0;
}
.cartelCont .cartelBox .cartelTxt{
	width: 100%;
	padding: 20px;
	background:rgba(0,0,0,0.6);
	margin: 250px 0 0 0;
}
.cartelCont .cartelBox .cartelTxt h4{
	color: var(--color-principal);
	font-size: 16px;
}
.cartelCont .cartelBox .cartelTxt p{
	color: #FFFFFF;
}

/*bienvenida site*/
.bienCont{
	width: 100%;
	height: 100%;
	background: url(../../images/site/bien_bg.png) 0 bottom repeat-x;
	position: absolute;
}
.bienCont:before{
	width: 100%;
	height: 2px;
	left: 0;
	top: 0;
	background: #6123ea;
	content: "";
	position: absolute;
}
.bienCont h1{
	width: 100%;
	color: #5b54b5;
	font-size: 20px;
}
.bienCont .bienLogo{
	width: 100%;
	text-align: center;
	margin: 50px 0 0 0;
}
.bienCont .bienBox{
	width:80%;
	padding: 20px 15% 20px 5%;
}
.bienCont p{
	width: 100%;
	font-size: 16px;
}
.bienCont .valla{
	width: 360px;
	position: absolute;
	right: 10%;
	bottom: 0;
}
.bienCont .bt{
	border:1px solid #5b54b5;
	padding: 10px 20px;
	display: inline-block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #5b54b5;
	text-decoration: none;
}
.bienCont .bt:hover{
	background: #5b54b5;
	color: #FFFFFF;
}
#animate-area	{ 
	width: 100%; 
	/*height: 400px; */
	background-image:url(../../images/site/bien_cloud.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	animation: animatedBackground 60s linear infinite;
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 110% 0; }
}