@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*@import url(menus.css);*/
@import url(banner.css);
@import url(blog.css);


* {

margin:0;
padding:0;
box-sizing: border-box;	
font-family:Arial;


	
}

/*body{
	font-family: 'Open Sans',sans-serif;
	}*/
	
header{
	width:100%;
	height:100px;
	
	color: white;
	
	position:fixed;
	top:0px;
	left:0%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	/*left:0;*/
	z-index:100;
	}
	
.logoimag{text-align:right; position:absolute; left:70px; top:30px;}

#btn-menu 
{
	
 display:none;	
}	
	
header label{
	font-size:30px;
	cursor:pointer;
	display:none;	
}
.menu{
	position:absolute;
	bottom:0px;
	right:50px;
	
	}

.menu ul{



	display:flex;
	list-style:none;
}



.menu ul ul {
	display:none;
	/*background: rgba(64, 75, 97, 0.9);*/
	background:	rgba(51,51,51,0.9);
}

.menu a{
	display:block;
	padding:15px 10px;
	color:white;
	text-decoration:none;
}

.menu a:hover
{
 background:rgba(0,0,0,0.9);
}



.menu a span{
	margin-left:10px;
	}
	
.menu ul li:hover ul{
	display:block;
	position:absolute;
	}
	
main { position:absolute; top:150px; width:76%; background-color:white; left:12%; 
  line-height: 1.4;
  font-family: 'Roboto', sans-serif;
  color: #67696c;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;

}
	
#herramientassol .contenedorart{
display:flex;
justify-content:center;	
flex-wrap:wrap;
/*background-color:black;*/
width:100%;
margin-top:20px;
}

#herramientassol article{
 margin: 15px;	
width:45%;
	}
	






.contenedor{
	width:98%;
	background-color:white;
	margin:auto;
	}
h1{
	float:left;
	}
header .contenedor{
	display:table;
	}
	
section{
 width:100%;
 margin-bottom: 25px;
}

#bienvenidos{

	text-align:center;
}
a{
	color:  #337ab7;
	text-decoration:none;
}

#herramientas .contenedor{
width:98%;
display:flex;
justify-content:center;	
flex-wrap:wrap;
}

#herramientas article{
 margin: 10px;	

	}
	

	
#herramientassol div{
   
	}
	
.lap
{
	text-align:center;
	display:block;
	color:white;
	background-color:rgba(64, 75, 97, 0.9);
	padding:10px;
	margin-top:30px;
	width:200px;	
	text-decoration:none;
	 border-radius: 20px;
}
.lap:hover
{
  border: 2px solid white;
}

.linkopiniones
{
	
 font-size:16px;
 color:rgba(64, 75, 97,1);
 font-family:bold;
 padding:8px;

}

#opiniones a:hover
{
	color:blue;
	border:1px solid rgba(64, 75, 97,0.9);
}

#quienessomos .contenedorq{
width:98%;
display:flex;
justify-content:center;	
flex-wrap:wrap;
}

.contenedorq article{
 margin: 50px;	
text-align:center;
	}
	
.contenedordispmag{
width:100%;
display:flex;
justify-content:center;	
flex-wrap:wrap;
 margin-top:20px;
}

.contenedordispmag article{
 margin: 10px;	
 width:47%;
 text-align:justify;
	}
	
.contenedordispmag article label{
  font-weight:bold;
	} 

.opciones {
width:100%;
display:flex;
justify-content:center;	
flex-wrap:wrap;
 margin-top:5px;
 background-color:white;
}
.contenedordispmag article article{
 margin: 10px;	
 width:45%;
 text-align:left;
 font-size:14px;
 background-color:white;
	}
	
#planesmt .contenedorplanesmt{
width:100%;
display:flex;
justify-content:center;	
flex-wrap:wrap;
margin-top:20px;
}

#planesmt .contenedorplanesmt article
{
	margin:20px;
}

#planesmt .contenedorplanesmt article a:hover
{
	
	background-color:gray;
}

#planesmt .contenedorplanesmt article a:hover img
{
	width:260px;
	height:360px;
}
#planesmt p{
	text-align:justify;
	font-size:16px;
	font-weight:bold;
}

/** Blog **/

#temasblog .contenedorblog
{
	width:100%;
    display:flex;
    justify-content:center;	
    flex-wrap:wrap;
    margin-top:20px;
	

}

#temasblog .contenedorblog article
{
	width:30%;
	margin:20px;
}

#temasblog .contenedorblog article div{
	display:flex;	
    flex-wrap:wrap;
	width:90%;
	margin-top:5px;
	
	
}

#temasblog .contenedorblog article .fechap
{
   text-align:left;
    left:0px;

	width:70%;
	margin:0px;
	font-size:14px;
}

#temasblog .contenedorblog article .nvista
{
	   text-align:right;
 right:0px;

 width:30%;
 margin:0px;
 font-size:14px;
}
#temasblog .contenedorblog article label{
	text-align:justify;
	font-weight:bold;
}

/** Contacto */
#contacto{
	background-color: rgb(73, 84, 105);
	color: white;
     border-radius:10px;
	}
	

#contacto .contenedorcontacto 
{
	width:100%;
    display:flex;
    justify-content:center;	
    flex-wrap:wrap;
    margin-top:20px;
/*    position:relative;
	left:10%;
	text-align:center;*/
	
}
#contacto .contenedorcontacto article
{
	width:45%;
	text-align:center;
	margin:20px;

}

#contacto .contenedorcontacto article p
{
 line-height:40px;
 font-size:18px;
}
#contacto .contenedorcontacto article p input,#contacto .contenedorcontacto article p textarea {
	 background-color: transparent;
	color: white;
	border-radius:0px;
	border: 1px solid #4473E0;
	width:400px;
	height:30px;
	margin: 5px;
	font-size:14px;
    padding-left:10px;
	
}
#contacto .contenedorcontacto article p textarea{
	height:80px;
}
#contacto .contenedorcontacto article p input:focus, #contacto .contenedorcontacto article p textarea:focus
{
  border-color:white;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

#contacto .contenedorcontacto button{
   border:1px solid white;
   padding:8px;
   background-color:transparent;
   color:white;
   cursor:pointer;
   margin-bottom:10px;
}

#pie
{
	position:relative;
	height:150px;
        margin-top: 5px;
        margin-bottom:64px;
	background-color: rgb(73, 84, 105);
        color: rgba(255,255,255,0.7);
        border-radius: 10px;
}


.promocion
{
 position:fixed;
 bottom:0%;
 height:60px;
 left:0%;
 right:0%;	
 background-color: black;
background-color: rgba(0, 0, 0,0.8);
 color: white;
 font-size:25px;
 text-align:center;
  display:flex;
    justify-content:center;	
    flex-wrap:wrap;
 
}
.promocion div{ margin-left:15px; margin-right:15px;}
.prom{ position:relative; top:10px;}



.num{
	font-size:35px;
}
.tiempo{ font-size:12px; }

.chat
{
	position: fixed;
	bottom:10px; right:-200px;
}