@import url('body.css');
@import url('content.css');
@import url('menu-responsive.css');


/**/

@font-face{ 
font-family: 'WebSymbolsRegular';
src: url('../fonts/websymbols-regular-webfont.eot');
src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/websymbols-regular-webfont.woff') format('woff'),
     url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
     url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}


/**/
#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%; height:auto; padding:10px 0px;  background-color:#fff; position:relative; z-index:99;
-webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.6);
}
#nav{float:left; width:100%;  background-color:#4E4546;}
#slide{float:left; width:100%; background-color: #719e27; background-image: url(../img/slidehome-2.jpg); background-position: center left;
 background-repeat: no-repeat; background-size: cover; height: 650px;}
#footer{float:left; width:100%;  padding:50px 0px; color:#fff; background-color:#719e27;
background-image: url(../img/Home/fotter.png); background-position:center left; background-repeat:no-repeat; background-size:cover;
 }


/**/
.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 1000px; width:100%; margin-right: auto; margin-left: auto; }
.center3{ max-width: 800px; 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;  }	
	.center2{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
	.center3{ width:96%; padding:0% 2%; box-sizing:border-box;  }	
}

/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

/*TOP*/
.logo{float:left; width:100%;}
.logo a { display: block; text-indent: -100px; overflow: hidden;}
.top_box1{float:left;  width:25%;}
.top_box2{float:left; width:55%; padding-top: 10px;}
.top_box3{float:left; width:20%;}

 @media screen and (max-width: 780px) {
	 .top_box3{ display:none;}
 	#slide{background-position: center;	 background-repeat: no-repeat; background-size: cover; height: 700px;}
}

 /*TOP*/
.slogan{	
	width: 100%;
    color: #fff;
    text-align: center;
    padding-top: 200px;
    font-size: 25px;
    font-weight: 100;	
}
.slogan h1 {  color: #fff;}
.slide_slogan{
    /* float: left; */
    width: 100%;
    color: #fff;
    font-size: 70px;
    font-weight: 300;
    position: absolute;
    bottom: 40%;
	line-height: 60px;
	text-shadow: 2px 2px #999;
	}
.slide_slogan2{
    /* float: left; */
    width: 80%;
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    position: absolute;
    bottom: 30%;
	margin-left: 20%;
	text-shadow: 2px 2px #999;
	line-height: 50px;
	}

@media screen and (max-width: 1380px) {
	.slide_slogan{ width: 100%; margin-left: 5%; }
	.slide_slogan2{ width: 100%; margin-left: 5%; }
}
@media screen and (max-width: 780px) {
	.slogan{font-size: 20px; width: 80%; padding:30% 10%;}
	.slide_slogan{width: 90% !important; padding: 0% 5% !important; bottom: 50%; font-size: 50px;}
	.slide_slogan2{width: 90% !important; padding: 0% 5% !important; bottom: 50%; font-size: 45px;}
}

/*CONTENT*/
.module_1{float:left;  width:100%; padding:80px 20%; box-sizing: border-box; background-color:#719e27; background-image: url(../img/Home/soles.png); background-position:center left; background-repeat:no-repeat; background-size:cover; color:#fff;}
.module_2{float:left; width:100%; padding:30px 0px;}
.module_3{float:left;  width:100%; padding:30px 0px;}
.module_4{float:left;  width:100%; padding:30px 0px;}
.module_5{float:left;  width:100%; padding:30px 0px;}
.module_6{float:left;  width:100%; padding:30px 0px;}

/*FOOTER*/
#foooter{ display:table;}
.footer_box{float:none;  width:20%; display: table-cell; vertical-align: top;}
.footer_box1{float:left;  width:23%; padding:0 5%; }
.footer_box2{float:left;  width:23%; padding:0 5%; }
.footer_box3{float:left;  width:23%; padding:0 5%; }
.footer_box4{float:left;  width:100%;}
.footer_box .title{ font-size:14px; margin-bottom:15px;}

@media screen and (max-width: 780px) {
.module_1{float:left; width:100%; padding:60px 0px;}
.footer_box{float:left;  width:100%; margin-bottom:25px;}
.footer_box1{float:left;  width:100%; padding:0%; }
.footer_box2{float:left;  width:100%; padding:0%; }
.footer_box3{float:left;  width:100%; padding:0%; }
}



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

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;}
.data2{float:left; width:100%; padding:5% 15%; background-color:#F2F2F2; box-sizing:border-box; margin-top: 10px;}
.full_img{  width:100%; }
.tex_center{ text-align:center;}
.enlace a {	
	display: block;
    width: 160px;
    padding: 8px 10px;
    border: solid 2px #fff;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}
.enlace2 a {	
	display: block;
    width: 160px;
    padding: 8px 10px;
    border: solid 2px #7daa32;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    color: #7daa32;
    font-size: 18px;
    margin-top: 10px;
	font-weight: 600;
}

h1 { margin:30px 0;}
h3 { padding-bottom:10px;  border-bottom: dashed 1px #fff; }

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

/**/
.text_higt{ font-size:40px; font-weight: 700; letter-spacing: -1px; line-height:40px;}
.color{ color:#7daa32;}
.color2{ color:#3F5B0F;}
.color3{ color:#848383;}
.white{ color:#fff;} 

/**/
.lista{ list-style-type: none; margin: 0; padding: 0; float:left; width:100%;}
.lista li{ list-style-type: circle; margin: 0; padding: 0; float:left; width:100%;}
.lista li::marker { color: #3F5B0F; }
/**/
.galeria{ list-style-type: none; margin: 0; padding: 0; float:left; width:100%;}
.galeria li { list-style-type: none; margin: 0; padding: 0; float:left; width:33.3%; }
.galeria li img {  width:100%; }

/**/
.enlaces{list-style-type: none; margin: 0; padding: 0; float:left; width:100%;}
.enlaces li {list-style-type: none; margin: 0; padding:5px 0; float:left; width:100%;  color:#fff;}
.enlaces li a { text-decoration:none; color:#fff;}
.enlaces2{list-style-type: none; padding: 10px 0px 0px 10px; float: left; width: 95%;}

/**/
.mt { margin-top:30px;}
.dash {
	padding-top: 10px !important;
    margin-top: 10px !important;
    border-top: dashed 1px #fff;	
}
.social {
	background-color: #fff;
    padding: 5px;
    border-radius: 50px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #719e27;	
}

@media screen and (max-width: 780px) {
	.galeria li { width:100%; }
	.data2{padding:5% 5%; }
	.text_higt{ font-size:30px;}
}


/* //////////   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; margin: 0; padding: 0; }
#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; box-sizing:border-box; }
#contact-area p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 100%; }
#contact-area input { padding: 5px; width: 100%;  font-size: 14px; border: 2px solid #fff; background-color: transparent;  color: #fff; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#contact-area textarea { padding: 5px; width: 100%; font-size: 14px; border: 2px solid #fff; color: #fff; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; background-color: transparent; }
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #900; }
#contact-area input.submit-button { width: 100px; float: right; border-radius: 10px;}
#contact-area label { float: left; text-align: left; margin-top: 15px; width: 100%; padding-bottom:10px;   }

/*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/icos/05.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}

/**/
.item_1{ float:left; width:10%; margin:1%;}
.item_2{ float:left; width:23%; margin:1%; box-sizing:border-box; padding:10px 30px; border-radius:5px;
-webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, 0.2); min-height: 320px; } 
.item_2 img {width:50%;}
.fix2 { width:48%;}
.caption{float:left; width:100%;  box-sizing:border-box; font-size:16px; font-weight:600;}
.contenido{float:left; width:100%;  box-sizing:border-box;}


 @media screen and (max-width: 780px) {
	.item_1{ float:left; width:28%; margin:1%;}
	.item_2{ float:left; width:98%; margin:1% 1% 5%;}
 }
 
/*******************/

#slide_interno{ float: left;  width: 100%; position: relative;  z-index: -1; margin-top: -150px; }
.back_grey{ background-color:#f7f7f7; }


.item_3{ float:left; width:22%; margin:1%; position:relative; z-index:1;     text-align: center;}
/*.item_3 img {width:50%; margin:20px auto; position:relative; z-index:1; }*/
.caption_number{position:absolute; z-index:1; width:30px; height:30px; top:20px; left:20px; z-index:2; color:#76a724; font-size: 30px; }

 @media screen and (max-width: 780px) {
	 #slide_interno{ float: left;  width: 100%; position: relative;  z-index: -1; margin-top: 0px; }
	.item_3{ width: 34%; text-align: center; margin: 10px 8%;}
	.caption_number{ left:-20px; }
	.top_box2 {  float: left;  width: 100% !Important; padding-top:10px; }

 }
 
 
/**********INTERNAS*********/ 

 .padding_central{ padding: 0 20% !Important; box-sizing:border-box;}
.icon_sietesoles{ list-style-type: none; margin:40px 0; padding: 0; float:left; width:100%;}
.icon_sietesoles li { list-style-type: none; margin: 0 2%; padding: 0; float:left; width:16%; text-align:center;}
.icon_sietesoles li img {  width:100%; margin-bottom:20px; }

.box_grey{	
	display: block;
    background-color: #f2f2f2;
    padding: 5%;
    float: left;
    width: 33%;
    box-sizing: border-box;
    text-align: center;
    min-height: 250px;
    margin: 2px;
font-size: 22px;	
}

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

	.box_grey{ width: 100%;  min-height: auto;	 }
	.icon_sietesoles li { list-style-type: none; margin: 10px 4%; padding: 0; float:left; width:40%; text-align:center;}

}

.pt50{ padding-top:150px; }
.back_contacto {
	
	background-color: #719e27;
    background-image: url(../img/Home/fotter.png);
    background-position: center left;
    background-repeat: no-repeat;
	background-size: cover;
	color:#fff;
		
	
}
.zoom {
  transition: transform 1.5s; /* Animation */
}

.zoom:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Style the tab */
.tab {
  float: left;
  background-color: #f1f1f1;
  width: 30%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
	display: block;
	background-color: #ffffff;
	padding: 22px 16px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	margin-right: 10px;
	font-size: 18px;
	color: #719e27;
	border-bottom: 1px solid #719e27;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #eeeeee;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #eeeeee;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 15px;
  width: 65%;
  border-left: none;
}

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

	.tab { width: 100%; }
	.tab button { width: 20%; float: left; margin-right: 0px; text-align: center;}
	.tabcontent {
	  width: 100%; padding: 0px;
	}
	.tablinks span {display: none;}
	
}

	.video-responsive {
		height: 0;
		overflow: hidden;
		padding-bottom: 50.25%;
		padding-top: 30px;
		position: relative;
		}
	.video-responsive iframe, .video-responsive object, .video-responsive embed {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		}	
		@media screen and (max-width: 780px) {
			.video-responsive {
				padding-bottom: 56.25%;
				}
		}