@import url('body.css');
@import url('content.css');

/**/
#container{ max-width: 100%; width:100%; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%; }
#top{float:left; width:100%; position:absolute; top:0; left:0; z-index:10;  background-image: url(../img/sombra.png); background-position:top center; background-repeat:repeat-x; background-size:contain; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 70%);}
#nav{float:left; width:100%;}
#slide{float:left; width:100%;}
#footer{float:left; width:100%; background-image: url(../img/fondo.jpg); min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }


/**/
.center{ max-width: 900px; width:100%; margin-right: auto; margin-left: auto; }

@media only screen and (max-width: 1234px) {
.center{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
}

@media only screen and (max-width: 980px) {
#slide{float:left; width:100%; min-height:600px; }	
}


.titulo {
	font-family: "Anton", sans-serif;
	margin: 20px 0;
    font-size: 6rem;
    text-align: center;
}
.abajo {
    background: #000;
    padding: 1% 0;
    text-align: center;
    color: #ccc;
    font-size: 1rem;
}
/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

/*TOP*/
.logo{float:left; width:100px;}
.logo a { display: block; text-indent: -100px; overflow: hidden;}
.top_box1{float:left; width:100px;}
.top_box2{float:left; width:100px;}

/*CONTENT*/
.module1{float:left; width:100%;}
.module2{float:left; width:100%;}
.module3{float:left; width:100%;}
.module4{float:left; width:100%;}

/*FOOTER*/
.footer_box{float:left; width:100%;}
.footer_box1{float:left; width:100px;}
.footer_box2{float:left; width:100px;}
.footer_box3{float:left; width:100px;}
.footer_box4{float:left; width:100px;}



/* /////////   GRALS  //////// */

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;}
.tex_center{ text-align:center;}
.clear {
    clear: both;
}

/*CENTER DIVS*/
.center_divs {
	float:left;
	width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	justify-content: space-evenly;
		
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom: 1px solid #ACCFE8; }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; }
#menuv a:hover { background: #DBEBF6; }



/*MENU HORIZONTAL*/
#menuh { }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; }
#menuh a { text-decoration: none; color: #000; display: block; padding: 3px 10px; text-align: center; }
#menuh a#primero { border-left: 1px solid #ACCFE8; }
#menuh a:hover { background: #DBEBF6; }


/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }



/*CONTACTO*/

#contact-area * { margin: 0; padding: 0; }
#contact-area p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 100%; }
#contact-area input { padding: 5px; width: 100%;  border: 1px solid #626263; color: #000; float: left; margin: 5px 0px; box-sizing:border-box;  }
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button { display:block; width:100%; margin:20px auto; padding:20px; background-color:#E6286C; color:#fff; text-align:center; text-decoration:none; border:solid 2px #fff; border-radius:10px; float:right; }
#contact-area label { float: left; text-align: left; margin-top: 15px; width: 100px;   }

/*LISTADO*/
.list { list-style-type: none; margin: 0; padding: 0;  }
.list li { margin: 0; padding: 0;  list-style-type: none; padding-bottom:5px; padding-left:30px;  width: 100%; float: left; }

.list li:nth-child(1) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(2) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(3) { background-image: url(../img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(4) { background-image: url(../img/icos/04.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(5) { background-image: url(../img/fondo.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}


.boti {
	margin-bottom: -10px;
}

/**/

.logo_top {
    text-align: center;
    display: block;
    float: none;
    margin: auto;
    max-height: 200px;
}

.redes{ float:left; width:200px;}
.label{ float:right; width:50%;}
.banner {
	background-image: url(../img/negro.png); background-position:top left; background-repeat:no-repeat; background-size:cover;
	text-align:center;
	float: left;
	width: 100%;
	box-sizing: border-box;
	box-sizing:border-box;
	line-height:50px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	padding-top: 180px;
}
.info_text{ color: yellow;
    font-weight: 400;
    font-family: "Anton", sans-serif;
    font-size: 1.5rem; }

@media only screen and (max-width: 780px) {
	#top{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 10%, rgba(0,0,0,1) 90%);display: none;}

	.redes{ float:left; width:100%;}
	.label{ float:left; width:100%;}	
	.label img  {  width:100%;}
	
	.banner {
	display: block;
	width: auto;
	padding-top: 180px;
	}
	
	.info_text {
	width: 100%;
	float: left;
	}
	.titulo {
		font-size: 3rem;
	}
	.boti {
		margin-bottom: 10px;
	}

}


/*VIDEO*/
.bloc-video {
  position: relative;
  /*height: 100vh;*/
}

.bloc-video video {
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: -1;
  position:absolute;
  height: 100vh;
}

.bloc-video .content-video {
  flex-direction: column;
  color: #ffffff;
  margin-top: 80px;
  font-size: 62px;
}

/*SOCIALES*/

.sociales {   width: 80px; margin: 0;   padding: 0;}
.sociales ul, li { list-style-type: none; }
.sociales ul { margin: 0; padding: 0; }
.sociales li {}
.sociales a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 100%; }

.owl-theme .owl-nav {
    margin-top: 0px !important;
}
  .owl-theme .owl-dots {
    text-align: center;
    margin-top: -28px;
    /* margin-bottom: 50px; */
    position: relative;
    z-index: 3;
    /*bottom: 60px;*/
	}
	.carousel_cliente .owl-nav button.owl-prev, .carousel_cliente .owl-nav button.owl-next {
		border-radius: 100px !important;
		color: #fff !important;
		font-size: 100px !important;
		line-height: 100px !important;
		font-weight: lighter !important;
		text-shadow: 2px 2px 4px #000000;
	}
	.carousel_cliente2 .owl-nav button.owl-prev, .carousel_cliente2 .owl-nav button.owl-next {
		border-radius: 100px !important;
		color: #000 !important;
		font-size: 100px !important;
		line-height: 100px !important;
		font-weight: lighter !important;
		text-shadow: 2px 2px 4px #000000;
	}
	.owl-theme .owl-nav button.owl-prev {
		position: absolute !important;
		left: 2% !important;
		top: 40% !important;
	}
	.owl-theme .owl-nav button.owl-next {
		position: absolute !important;
		right: 2% !important;
		top: 40% !important;
	}
	.owl-theme .owl-nav button.owl-prev:hover {
		background-color: transparent !important;
	}
	.owl-theme .owl-nav button.owl-next:hover {
		background-color: transparent !important;
	}
	.owl-theme .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
		margin-top: -5px;
		display: block;
	}

.owl-theme .owl-dots .owl-dot {
    display: inline-block
}

.owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 5px 10px;
    background: #fff;
    border: 0 solid #636262;
    display: block;
    transition: all 0.6s ease-in-out;
    cursor: pointer;
    border-radius: 0;
    border-radius: 100px
}

.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #a1a1a1
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: #424040;
    width: 6px
}

@media only screen and (max-width: 780px) {
	
.sociales {   width: 100%; margin: 0;   padding: 0;}
.sociales ul, li { list-style-type: none; }
.sociales ul { margin: 0; padding: 0;  width: 100%; }
.sociales li { float:left;  width: auto; }
	.sociales li a img {   width: 50px; margin:1px; }
	
	}

/**/
.order {
  opacity: 1;
  animation: bounce .5s infinite alternate;
}
@keyframes bounce {
  to { transform: scale(1.2); }
}

.order2 {
  opacity: 1;
  animation: bounce .7s infinite alternate;
}
@keyframes bounce {
  to { transform: scale(1.2); }
}


.containerx {
    position: relative;
    width: 100%;
    min-height:0;
	height: 700px;
    padding-bottom: 0%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 1349px) {

	.containerx {
    height: 640px;   
    }
}
@media only screen and (min-width: 1903px) {

	.containerx {
    height: 900px;   
    }
}

@media only screen and (max-width: 980px) {

	.containerx {
    min-height: 600px;   
    }
}