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

/**/
#container{ max-width: 100%;; width:100%; margin-right: auto; margin-left: auto; text-align: left;
 background-image: url(../img/slide_01.jpg); background-position:top center; background-repeat:no-repeat; background-size:contain;
}
#content{ float:left; width:100%;}
#top{float:left; width:100%;}
#nav{float:left; width:100%;}
#slide{float:left; width:100%;

 padding-top:50px;
 padding-bottom:50px;
}
#footer{float:left; width:100%; background-color:#032E67; padding:50px; box-sizing:border-box;  }



/**/
.center{ max-width: 1200px; 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;  }	
}



/*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%; padding:50px 0; box-sizing:border-box;}
.module2{float:left; width:100%; padding:50px 0; box-sizing:border-box;}
.module3{float:left; width:100%; padding:50px 0; box-sizing:border-box;}
.module4{float:left; width:100%; padding:50px 0; box-sizing:border-box;}
.module5{float:left; width:100%; padding:50px 0; box-sizing:border-box;}
.module6{float:left; width:100%; padding:50px 0; box-sizing:border-box;}


/*FOOTER*/
.footer_box{float:left; width:100%;}
.footer_box1{float:left; width:100%; padding:30px 0; box-sizing:border-box;}
.footer_box2{float:left; width:80%;  padding:30px 10%;}
.footer_box3{float:left; width:100%; padding:30px 0; box-sizing:border-box;}
.footer_box4{float:left; width:100%;}


@media only screen and (max-width: 980px) {
.footer_box2{float:left; width:60%;  padding:30px 20%; text-align:center;}	
.footer_box2 .col_50 { margin-bottom:50px; }
}




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

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

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



/* //////////   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(https://after-wire.com.ar/internet-hogar-empresa/img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(2) { background-image: url(https://after-wire.com.ar/internet-hogar-empresa/img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(3) { background-image: url(https://after-wire.com.ar/internet-hogar-empresa/img/icos/03.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(4) { background-image: url(https://after-wire.com.ar/internet-hogar-empresa/img/icos/04.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}
.list li:nth-child(5) { background-image: url(https://after-wire.com.ar/internet-hogar-empresa/img/icos/05.png); background-position:center left; background-repeat:no-repeat; background-size:contain;}



/**/

.top_box_1{float:left; width:100%; text-align:center; margin-bottom:100px; }
.top_box_2{float:left; width:100%; text-align:center;  
font-size:52px;
line-height:40px;
font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom:100px;
  }
.top_box_3{float:left; width:100%; text-align:center;
margin-bottom:30px;
}
.top_box_4{float:left; width:100%; text-align:center;}


.but_link{ 
text-align:center; text-decoration:none;
color:#fff;
border-radius:100px; padding:5px 20px; display:block; border:solid 2px #fff;  font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;
width: 300px;
    margin: auto;
	font-size:22px;
 }

.but_link2{ 
text-align:center; text-decoration:none;
color:#fff;
border-radius:100px; padding:5px 20px; display:block; border:solid 2px #C71276; 
background-color:#EB2591;  color:#fff; 
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;}

.but_link3{ 
text-align:center; text-decoration:none;
color:#fff;
border-radius:100px; padding:15px; display:block; border:solid 2px #C71276;
background-color:#EB2591;  color:#fff; 
background-image: url(../img/back_03.png); background-position:center center; background-repeat:repeat-x; background-size:contain;
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;
    width: 400px;
    margin: auto;
	font-size:22px;
 }
 
 .but_link3:hover, .but_link2:hover {    border: solid 2px #FFF;
 -webkit-transition: background 0.5s ease-in-out;
		-moz-transition: background 0.5s ease-in-out;
        -ms-transition: background 0.5s ease-in-out;
        -o-transition: background 0.5s ease-in-out;
		transition: background 0.5s ease-in-out;
		-webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.4);
 }

.but_link4{

width:300px; height:auto;
color:#fff;
margin:0 5px;
float:left;
text-align:center; text-decoration:none;
border-radius:0px; padding:5px 20px; display:block; border:solid 2px #fff;  font-family: "Bebas Neue", sans-serif;
font-size:22px;
	border-radius:6px;
font-weight: 400;
font-style: normal; }
  

.mb { margin-bottom:50px; }
.ico_wht{ width:30px; height:auto; margin:0 10px; vertical-align: bottom; }

.tex_big{ font-size:40px;
 font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
 }
.tex_normal { font-size:17px;}
.tex_medium  { font-size:25px;}
.upper {text-transform: uppercase;}
.text_center{ text-align:center; }
.mtb { padding:40px 0; }
.padlateral{ padding: 0 15%;  box-sizing: border-box; }


@media only screen and (max-width: 980px) {
.tex_big{ font-size:30px; line-height:25px; }	
.but_link4{  width:100%; box-sizing: border-box; margin-bottom:2px; }	
}


 
.box_plan{float:left; width:31%; text-align:center; margin: 1% 1%;
border-radius:30px; overflow:hidden; box-sizing: border-box;
}
.box_plan_1{float:left; width:100%; background-color:#EB2591; padding:20px; display:block; box-sizing: border-box; color:#fff; font-size: 52px;
font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  }
.box_plan_2{float:left; width:100%;  padding:20px; display:block; box-sizing: border-box; color:#fff;  background-color:#054296; font-size: 30px; line-height:24px; font-weight:600; }
.box_plan_3{float:left; width:100%;  padding:20px; display:block; box-sizing: border-box; color:#000;  background-color:#023274; font-size: 20px;}

.box_plan_2 span { font-size: 13px; display:block; width:100%; line-height:30px;}


@media only screen and (max-width: 980px) {
.box_plan{float:left; width:48%; }	
}




.box_wire{float:left; width:23%; background-color:#EB2591;background-image: url(../img/back_02.png); background-position:center left; background-size:contain;
border-radius:50px;
text-align:center;
margin: 0 1%;
-webkit-box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, 0.4)
  }
.box_wire_1{float:left; width:100%;  max-height:150px; overflow:hidden;}

.box_wire_1 img {
    width: 100%;
    border-radius: 50px 50px 0px 0px;
}
.box_wire_2{float:left; width:100%; border-radius:50px; font-size:20px; line-height:18px;  padding:40px 20px; box-sizing: border-box; height:120px; }

.box_destacado{ padding:30px; border-radius:30px; background-color:#000; background-image: url(../img/back_04.jpg); background-position:center center; background-repeat:repeat-x; background-size:contain;
border-radius:30px;
padding:50px; box-sizing: border-box;
float:left; width:100%;
-webkit-box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, 0.4);
}
 
 
.box_icon {float:left; width:33%;}
.box_icon img { margin-bottom:10px; }

.flex {
  display: flex;
  justify-content: center; /* Centers horizontally along the main axis */
  align-items: center; /* Centers vertically along the cross axis */
}

.redes{width:30px;}


 @media only screen and (max-width: 980px) {
.box_wire{float:left; width:48%; margin: 1% 1%; }
.mapa { width:100%;}
.box_destacado{background-size:cover;}
.box_icon img { margin-bottom:10px; width:80px; }
.flex {display: block;  }
.redes {
    float: none;
    width: 30px;
	margin:5px 0;
}
.footer_box2 {
        float: left;
        width: 60%;
        padding: 10px 20%;
        text-align: center;
    }
}


.but_redes { margin-right:6px;  }
.qr { max-width:50px; }

.auto { width:auto; padding:0 10%; text-align:center;  min-width:200px;  }


 @media only screen and (max-width: 980px) {
	 
	.auto { width:auto; padding:20px 0%;  }
 
 }
/*-------------------------------------*/

.accordion__item {
	margin: 5px auto;
}
.accordion__item .accordion__title {
	position: relative;
	display: block;
	padding: 13px 60px 15px 13px;
	margin-bottom: 2px;
	color: #FFF;
	font-size: 23px;
	text-decoration: none;
	font-weight:600;
	background-color: #12239C;
	border-radius: 30px;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
   cursor: pointer;
}
.accordion__item .accordion__title:hover {
	background-color: #007FFF;
	transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {
	background-color: #007FFF;
}
.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
	top: 13px; right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border:solid 1px #fff; 
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 20px;
	font-weight: 700;
	margin-right: 5px;
	background-color: #007FFF;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion__item .accordion__rotate {
	transform: rotate(225deg);
}
.accordion__item .accordion__content {
	padding: 30px;
	margin-bottom: 2px;
	font-size: 20px;
	display: none;
	background-color:rgb(0 127 255 / 40%);
	border-radius: 30px;
}
.accordion__item .accordion__arrow-item {
	font-weight: 700;
}
/*-------------------------------------*/