/* Estilo-500 2020ABR09 W8 Network Solutions*/
.menu_uno {
color:#ffffff;
padding:20px;
max-width:1380px;
margin:0 auto;
margin-top:20px;
font-size:0.8em;
}

.line_top {
border-top:1px solid rgb(222, 222, 222);
border-boton:1px solid rgb(222, 222, 222);
width:100%;
}

.lema_uno {font-size:2.7em;line-height: 1.0;margin:0px;max-width:600px;}
.lema_dos {font-size:1.5em;line-height: 1.0;margin:3px;}

/* Generales */

img {padding:0px;margin:0px;}
p {padding:0px;margin:0px;}

.logo {position:fixed;float:left;top:-18px;padding:20px;margin:2px;max-height:50px;color:#ffffff;font-size:1.4em;z-index:9999;}
.logo_footer {padding:10px;margin:2px;max-height:30px;color:#ffffff;font-size:1.4em;}

/* Encabezado */
#mensaje_head{
padding:20px;
margin:0 auto;
max-width:1380px;
}
#box1{
color:#ffffff;
background-color:#f3f3f3;
padding:2px;
margin:0 auto;
border-radius:0px;
}

#header{
color:#ffffff;
background-color:inherit;
padding:20px;
max-width:1380px;
margin:0 auto;
}

#intro{
color:#ffffff;
background-color:none;
padding:20px;
max-width:1180px;
margin:0 auto;
margin-top:0px;
height:400px;
}
.descripcion {
max-width:750px;
}

#one{
color:#383838;
background-color:#ffffff;
padding:20px;
max-width:1180px;
min-height:600px;
margin:0 auto;
margin-top:50px;
}

#footer{
color:#ffffff;
background-color:#000000;
padding:20px;
margin:0 auto;
height:350px;
line-height: 1.0;
font-size:0.9em;
}
.caja_footer{
max-width:1380px;
color:#ffffff;
text-decoration:none;
}
/*whatsapp*/
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:10px;
  left:40px;
  background-color:#fff;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:-5px;
}

		
		/*boton*/
.boton {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color:#ffffff !Important;
  text-decoration:none;
  border:2px solid #000000;
  border-radius: 4px;
  margin:5px;
  padding:10px 20px;
  background: #000000;
  text-align:center !Important;
  min-width:100px;
}
.boton:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#ffffff;
    border-radius: 4px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.boton:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #000000 !Important;
    border-radius: 4px;
}
.boton:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}   



// CABECERA

body {margin:0;}

.navbar {
  overflow: hidden;
  background-color:#000000;
  color: #ffffff;
  opacity: 0.9;
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar a {
  float: right;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 13px;
}

.navbar a:hover {
  background: #ffffff;
  color: black;
}



/**/

/* Cajas con contenido de color */
 
.box-w81,
.box-blue,
.box-gray,
.box-green,
.box-grey,
.box-red,
.box-gris1, 
.box-yellow {
    margin:0 0 25px;
	width: 95%;
	max-width: 300px;
	text-align:center;
    overflow:hidden;
    padding:20px;
    -webkit-border-radius: 3px;
        border-radius: 3px;
		text-decoration : none; 
		
}
 
.box-blue {
    background-color:#d8ecf7;
    border:1px solid #afcde3;
}
 
.box-gray {
    background-color:#e2e2e2;
	color:#FFFFFF;
    border:1px solid #bdbdbd;
	text-decoration:none!Important;
}

 
.box-green {
    background-color:#d9edc2;
    border:1px solid #b2ce96;
}
 
.box-grey {
    background-color:#F5F5F5;
    border:1px solid #DDDDDD;
	text-decoration:none;
}
 
.box-red {
    background-color:#f9dbdb;
    border:1px solid #e9b3b3;
}
 
.box-yellow {
    background-color:#fef5c4;
    border:1px solid #fadf98;
}

.box-gris1 {
    background-color:#000000;
    border:1px solid #333333;
}

.box-w81 {
    background-color:#ffaaaa;
    border:1px solid #d46a6a;
}

.circulo 
{background: lightgrey; 
border-radius: 50%; 
height: 50px; 
width: 50px;
}

.imagen_news {
margin: 20px!important;
margin-bottom: 10px!important;
width: 90%!important;
max-width: 390px!important;
hspace: 30px!important;
vspace: 30px!important;
opacity: 0.8;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;

}

.imagen_news:hover {
    opacity: 1;
}

#divPadre {

    width:100%;
     text-align:center;

}
#divHijo {

    width:95%;
     margin:0px auto;

}

#divPadreDos {

    width:100%;
     text-align:center;

}
#divHijoDos {

    width:90%;
     margin:0px auto;

}
/* Efectos en Imagenes*/

.fade{
    opacity: 0.8;

    -webkit-transition: opacity 0.3s;
   transition: opacity 0.3s;
}
.fade:hover {
    opacity: 1;
}

.imgRedonda {
    width:300px;
    height:300px;
    border-radius:160px;
    border:10px solid #eee;
}

.imgAgranda:hover{-webkit-transform:scale(1.6);transform:scale(1.6);}
.imgAgranda {
    overflow:hidden;
    transition:all .5s ease-in-out;
}

.imgGris:hover {
filter: grayscale(80%);
transition:all .5s ease-in-out;
}

.imgRotar{
transition:all .5s ease-in-out;
}

.imgRotar:hover{
border-radius:50%;
-webkit-border-radius:50%;
box-shadow: 0px 0px 15px 15px #ec731e;
-webkit-box-shadow: 0px 0px 15px 15px #CCCCCC;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

/**

/*Seccion de divs prederminados*/
.div-uno {
display:inline-block;
vertical-align:top;
margin:10px;
width:95%;
padding:20px;
background-color:#f5f5f5;
border-radius:6px;
text-decoration:none;
}
#div-uno {
column-count:1;
/*display:inline-block;*/
width:100%;
padding:20px;
background-color:#f5f5f5;
border-radius:6px;
text-decoration:none;
}
#div-dos {
column-count:2;
column-gap: 3em;
column-rule: 1px solid #eeeeee;
column-width: 450px;
display:inline-block;
margin:0px;
width:100%;
padding:10px;
vertical-align:top;
background-color:#f5f5f5;
border-radius:6px;
text-decoration:none;
}
#div-tres {
column-count:3;
column-gap: 3em;
column-rule: 1px solid #eeeeee;
column-width: 300px;
display:inline-block;
margin:10px auto;
width:100%;
padding:20px;
vertical-align:top;
background-color:#ffffff;
border-radius:6px;
text-decoration:none;
justify-content:center;

}
#div-cuatro {
column-count:4;
column-gap: 3em;
column-rule: 1px solid #eeeeee;
column-width: 200px;
display:inline-block;
margin:10px;
width:100%;
vertical-align:top;
padding:20px;
background-color:#f5f5f5;
border-radius:6px;
text-decoration:none;
}
#div-caja300 {
display:inline-block;
width:85%;
max-width:300px;
height:250px;
overflow:auto;
margin:3px auto;
padding:15px;
color:#666666;
/*background-color:#FBFBFB;*/
background-color:#FBFBFB;
   opacity:1.0; /* Opacidad 60% */
/*background-color:rgb(255,255,255);
   opacity:0.9; /* Opacidad 60% */
border: 1px Solid #EFEFEF;
border-radius: 1px;
vertical-align:top;
box-shadow: 0px 10px 10px -6px #A8A8A8;

}
#div-caja300:hover {background-color:#F2F2F2;color:#000000;}

#div-caja150 {
display:inline-block;
width:85%;
max-width:150px;
height:200px;
overflow:auto;
margin:3px auto;
padding:15px;
color:#666666;
/*background-color:#FBFBFB;*/
background-color:#FBFBFB;
   opacity:1.0; /* Opacidad 60% */
/*background-color:rgb(255,255,255);
   opacity:0.9; /* Opacidad 60% */
border: 1px Solid #EFEFEF;
border-radius: 1px;
vertical-align:top;
box-shadow: 0px 10px 10px -6px #A8A8A8;

}
#div-caja150:hover {background-color:#F2F2F2;color:#000000;}


/**