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

/**/
#container{ width: auto; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top{float:left; width:100%; height: 120px; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4); background-color: #fff;  }
#nav{float:left; width:100%;}
#slide{float:left; width:100%; background-color: #f2f2f2; height:540px; overflow:hidden;  border-bottom: solid 10px #22b573;}
#footer{float:left; width:100%; padding:30px; box-sizing:border-box; background-color:#1079bf; color:#fff;  background-image:url(../img/whitenoise-50x25-2.png); background-repeat:repeat;  }


/*INTERNAS*/
#slide_interno{ float:left; width:100%; background-color: #007c8d; height:240px;  color:#fff; background-image:url(../img/HOME/Fondonuestraempresa.png); background-repeat:repeat; background-size:cover; }

#slide_interno h1 {
    color: #FFF;
    text-transform: uppercase;
    line-height: 250px;
    text-align: center;
	
}

.module_top {
    background-color: #a5c4c9;
    float: left;
    width: 100%;
    line-height: 50px;
	
}

/*CENTER*/
.center{ max-width: 1100px; width:100%; margin-right: auto; margin-left: auto; }
.center2{ max-width: 1380px; width:100%; margin-right: auto; margin-left: auto; }
@media only screen and (max-width: 1200px) {
	.center{ max-width: auto; width:96%; margin-right: auto; margin-left: auto; padding:0% 2%; box-sizing:border-box; }
	.center2{ max-width: auto; width:96%; margin-right: auto; margin-left: auto; padding:0% 2%; box-sizing:border-box; }
}

/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}
.contacto { 
	background-color: #22B573;
    display: block;
    border-radius: 100px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    color: #fff;
  }

.insta{
	display: block;
    width: 30px;
    height: 30px;
     text-decoration: none;
    float: right;
    margin: 0px 2px;
	background-image:url(../ico_01.png); background-repeat:no-repeat; background-size:cover; 
	text-indent:-100px;
	overflow:hidden;
	
}
.face{
	display: block;
    width: 30px;
    height: 30px;
    
    text-decoration: none;
    float: right;
    margin: 0px 2px;
	background-image:url(../ico_02.png); background-repeat:no-repeat; background-size:cover; 
	text-indent:-100px;
	overflow:hidden;
	
}

/*TOP*/
.logo{ float: left; width: 100%; height: 80px; }
.logo a { display: block; text-indent: -100px; height: 100px; margin:10px 0px; overflow: hidden; background-image:url(../img/logo.png); background-repeat:no-repeat; background-size:contain; background-position:center center;}
.top_box1{float:left;  width:100%;}
.top_box2{float:left; width:65%;}
.top_box3{float:right; width:110px; padding-top:20px;}

@media only screen and (max-width: 780px) {
.top_box1{float:left;  width:100%;}
.top_box2{float:left; width:100%;}
.menu { padding-right: 0px;  width: 100%;}
.top_box3{display:none;}

}


/*CONTENT*/
.module1{float:left; width:100%; padding:0px 0px;   background-color:#F2f2f2; }
.module2{float:left; width:100%; padding:50px 0px;  }
.module3{float:left; width:100%; padding:50px 0px;   }
.module4{float:left; width:100%; padding:0px 0px; margin-top:50px;}
.module5{float:left; width:100%; padding:60px 0px;  background-color:#007c8d; color:#fff; background-image:url(../img/); background-repeat:repeat; background-size:cover; }
.module5 h1 { color:#FFF;}
.module6{float:left; width:100%; padding:50px 0px;}


@media only screen and (max-width: 780px) {
.module3{background-color:#007c8d; }
.module3::after{display:none; }
}




/*COLUMNAS*/
.data { width:100%;}
.col_20{ width:18%;}
.col_23{ width:23%;}
.col_25{ width:25%;}
.col_30{ width:28%;}
.col_40{ width:38%;}
.col_50{ width:48%;}
.col_60{ width:58%;}
.col_70{ width:68%;}
.right { float:right !important}
.left { float:left !important}

@media only screen and (max-width: 780px) {
.col_20{ width:100%; margin-bottom:25px;}
.col_23{ width:100%; margin-bottom:25px;}
.col_25{ width:100%; margin-bottom:25px;}
.col_30{ width:100%; margin-bottom:25px;}
.col_40{ width:100%; margin-bottom:25px;}
.col_50{ width:100%; margin-bottom:25px;}
.col_60{ width:100%; margin-bottom:25px;}
.col_70{ width:100%;}
}


.mb{ margin-bottom:50px;}
.mt{ margin-top:50px;}
.ml{ margin-left:50px;}
.mr{ margin-right:50px;}
.mb2{ margin-bottom:25px;}
.mt2{ margin-top:25px;}
.ml2{ margin-left:25px;}
.mr2{ margin-right:25px;}
.textcenter{ text-align:center; }
.full{width:100%;}

h1 {    color: #007c8d;  letter-spacing: -2px;    font-weight: 700;}
h2 {    color: #000;  letter-spacing: -1px; font-weight: 500; font-size:20px; }

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

.title{float:left; width:100%;}
.data{float:left; width:100%;}
.ico { float:left; width:35px; }
ul.list li {  list-style-type: none; width: 100%; padding-bottom:20px; float: left;} 

.insumos{ height:150px; text-align:center;}
.imgsimple{ height:150px; text-align:center;}
.enlace{ color: #007c8d;  letter-spacing: -1px; font-weight: 500; font-size:16px; text-decoration:underline; }
.white{color: #FFF;}


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


/*FOOTER*/
.footer_box{float:left; width:100%;}
.footer_box1{float:left; width:100%; padding-right:0%; text-align:center; }
.footer_box1 img {max-height: 40px; margin-bottom:20px; }
.footer_box2{float:left; width:100%;  text-align:center;}

/**/
.footer_box_col{float:left; width:100%;}
.footer_box3_title{ float: left; width: 100%; margin-bottom: 15px; font-weight: 600; font-size: 14px; }
.footer_box3_data{float:left; width:100%;}


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

.title{float:left; width:100%;}
.data{float:left; width:100%;}
.flex{display: flex; justify-content:center; }
.data_25{float:left; width:23%; margin:1%;}
.data_30{float:left; width:25%; margin:1%; text-align:center;}

@media only screen and (max-width: 780px) {
	.flex{ display:block; }
	.data_25{float:left; width:100%; margin:1%; box-sizing:border-box; }
	.data_30{float:left; width:100%; margin:1%; text-align:center; box-sizing:border-box;}
	.insumos { width: 100%; height: auto; }
	.footer_box1{float:left; width:100%;margin-bottom: 15px;}
	.footer_box2{float:right; width:100%; }
	.footer_box_col{float:left; width:100%;}
	.ml2{ margin-left:0px;}
}




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

/*MENU VERTICAL*/
.menuv { }
.menuv ul, li { list-style-type: none; }
.menuv ul { margin: 0; padding: 0; }
.menuv li {  }
.menuv a { text-decoration: none; color: #FFF; display: block; padding: 3px 6px; width: 100%; font-size:12px; }



/*MENU HORIZONTAL*/
.menuh { }
.menuh ul, li { list-style-type: none; }
.menuh ul { margin: 0; padding: 0; }
.menuh li { float: left; margin-right:1px; }
.menuh a { text-decoration: none; color: #000; display: block;  color: #FFF; padding: 3px 30px; text-align: center;  background-color: #007c8d; }
.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 p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area { width: 100%; margin-top: 0px; }
#contact-area input, #contact-area textarea { padding: 1%; width: 100%; font-size: 12px; border: solid 1px #555; color: #000; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; height:30px; line-height:30px; -webkit-border-radius: 5px;    border-radius: 2px; box-sizing:border-box; opacity: 0.8; }
#contact-area textarea { height: 155px; line-height:20px;}
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input.submit-button { 
    width: 100px;
    float: right;
    /* line-height: 50px; */
    border: solid 2px #fff;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: transparent;
    margin-top: 10px;
    height: 50px;
	cursor: pointer;
 }
#contact-area label { float: left; text-align: left; margin-right: 0px; width: 100%; padding: 5px 0px;  }


/**/
.slogan_main{ float:left; width:400px;  margin-top: 150px; margin-left: 200px; position: absolute; z-index:2; color:#fff; }
.slogan_main span{ float:left; width:100%; font-size:50px; line-height:50px; margin-bottom:20px; font-weight: 800; color: #22b473; }
.slogan_main b{ float:left; width:100%; font-size:30px; line-height:30px; margin-bottom:20px; font-weight: 200; }
.slogan_main a {	
	float: left;
    width: 200px;
    margin-top: 20px;
    background-color: #007c8d;
    display: block;
    padding: 5px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
	font-size: 20px;
}


@media only screen and (max-width: 780px) {
.slogan_main{ float:left; width:350px;  margin-top: 50px; margin-left: 50px; position: absolute; z-index:2; color:#fff; }


}

#owl-main .item img {
    height: 100%;
    display: block;
    margin: auto;
}



.box_1{ float:left; width:33.3%; position: relative;  height: 280px;}
.box_2{ float:left; width:50%;   position: relative;  height: 280px; }


.box_1 span { background-color:#00A4EA; color:#fff;  position:absolute; z-index:2; bottom:20px; left:20px;  width:80%; padding:15px; }
.box_1 img { width:100%; display:block; position:relative; z-index:1;  top:0; left:0;  }

.box_2 span { background-color:#00A4EA; color:#fff;  position:absolute; z-index:2; bottom:20px; left:20px; width:50%; padding:15px;  }
.box_2 img { width:100%; display:block; position:relative; z-index:1;  top:0; left:0; }

.box_1 a, .box_2 a { width:100%; display:block;  height: 280px;}

.botonete {
    background-color: #00A4EA;
    border-radius: 10px;
    line-height: 20px;
    padding: 2px 15px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: 800;
    margin-top: 5px;
    border: 1px;
}

@media only screen and (max-width: 780px) {
	
.box_1{ float:left; width:100%; position: relative;  height: 280px;}
.box_2{ float:left; width:100%;   position: relative;  height: 280px; }

}



.login_init {
    margin: 150px auto;
    float: none;
    display: block;
    width: 400px;
    background-color: rgb(0 0 0 / 54%);
    border-radius: 20px;
    padding: 20px;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
	text-align: center;
}

.back_login{
	
	 background-image:url(../img/fondo_1.jpg); background-repeat:repeat; background-size:cover;
	 background-position: bottom;
}

.login-wrap, .botonete {
    margin: 20px 0;
}

#contact-area input {
    
    border-radius: 4px;
    font-size: 14px;
		-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	line-height: 40px;
    height: 40px;
    text-indent: 10px;
    margin-bottom: 5px;
	border: solid 1px #666 ! IMPORTANT;
	
}

.cuadro_gris{	
	background-color: #fbfbfb;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    border: solid 1px #ccc;
    margin: 10px;
	min-height: 520px;
}

td {
    padding: 10px;
}
.data {
  
    margin: 20px 0;
}

@media only screen and (max-width: 780px) {
	
.login_init {
    margin: 50px auto;

}

.cuadro_gris{	
    margin: 20px 0px;
	min-height: auto;
}



}

.btn-success1
{
    background-color: #009879;
    width: 100%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin: 3px 0px;
    font-size: 15px;
}
.btn-success2{
    background-color: #1a87c4;
    width: 100%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin: 3px 0px;
    font-size: 15px;
}


input[type="text"] {
    border: 1px solid #88BAEF;
    height: auto; 
    width: 99%;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 12px;
    color: #15191F;
    text-decoration: none;
    /* box-shadow: 4px 3px 4px rgba(0, 0, 0, .2); */
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    line-height: 30px;
    margin: 5px 0px;
    border-radius: 5px;
    text-indent: 10px;
    font-size: 15px;
}

.data {
    border-radius: 10px;
}

h1 {
    color: #007c8d;
    letter-spacing: -2px;
    font-weight: 700;
    border-bottom: solid 4px #007c8d;
    margin-bottom: 20px;
    padding-bottom: 10px;
}