body{
	font-family:'Questrial',Calibri,Tahoma,sans-serif;
}
strong{
	 font-size:20px;
	 }
.close{
     background-color: rgba(12,60,96, 0.8);
	 font-size:12px;
	 text-transform:uppercase;
	 float:right;
	 padding-left:15px;
	 padding-right:15px;
	 padding-top:5px;
	 padding-bottom:5px;
	 border-radius:50px;
	 font-size:28px;
	 margin-top:10px;
	 margin-right:10px;
}
.close:hover{
  	 background-color:rgb(0,0,51);
}
#conteiner{
margin-top:5%;	
}
.contenedor {
      width: 800px;
      height: auto;
      max-height: 385px;
      overflow-y: scroll;
      opacity: 0.05;
	  /*background-color: rgba(95,95,95, 0.6);*/
	  /*background-color: rgba(62,63,65, 0.6);*/
	  /*background-color: rgba(12,60,96, 0.8);*/
      background-color: rgba(15,54,41,0.8);
	  color:#FFF;
	font-family:'Questrial',Calibri,Tahoma,sans-serif;
	  margin-top:10px;
	  border-radius:25px;
}
.contenedor p{
	padding-left:10px;
	padding-right:10px;
}
#content2 p,#content5 p,#content4 font,#content3 font{
text-align:left;
padding-left:10px;
}
.inicio {
	  margin-top:190px;
      max-height: 400px;
      width: 550px;
}
::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
   background-color: rgba(15,54,41, 0.9);;
}
#footer1 {
   position:fixed;
   bottom:50px;
   left:0px;
   height:41px;
   margin-left:30%;
   width:40%;
   text-align:right;
   border-radius:25px;
  /* background-color: rgba(15,54,41, 0.9);;*/
   background-color:rgba(20,95,135,0.9);
	z-index:1;
}

#footer1 font{
   float:left;
   padding-top:10px;
   margin-left:10px;
   color:#FFF ;
   font-size:16px;
	
}

#footer1 a{
	margin-right:20px;
   padding-top:6px;
   color:#FFF ;
	text-decoration:none;
	font-size:20px;
}

#footer2 {
   position:fixed;
   bottom:10px;
   left:0px;
   height:25px;
   margin-left:25%;
   padding-top:10px;
   width:50%;
   text-align:center;
	border-radius:10px;
	/*background-color: rgba(12,60,96, 0.9);*/
   background-color: rgba(23, 91, 69, 0.9);
	font-size:14px;
	z-index:1;
}
.telf1{
	color:#FFF;
	float:left;
	margin-left:30px;
}
.telf2{
	color:#FFF;
	float:right;
	margin-right:30px;
}
.telf3{
	color:#FFF;
}
.servicios li{
	line-height:30px;
	list-style:square;
	text-align:left;
}
.contactenos li{
	list-style:none;
	padding:10px;
/*	background-color:#7FD7A7;*/
	background-color:#0B928E;
	width:50%;
	margin:0px;
	margin-left:-40px;
	margin-top:30px;
	border-radius:10px;
}
.contactenos li:hover{
	background-color:#0F3629;
	
}
.botones{
  	bottom:80px;
 	position:absolute;
	max-height:410px;
}
.botones ul{
	 text-align:left;
	 width:100%;
}
.botones ul a li{
	margin-left:-40px;
	padding-left:30px;
	width:94%;
	list-style:none;
	margin-top:1px;
	padding-top:10px;
	padding-bottom:5px;
	height:30px;
	border-radius:25px;
	background-color: rgba(35,31,32,0.7);
	/*background-color: rgba(12,60,96, 0.8);*/
	float:left;
	font-family:'Questrial',Calibri,Tahoma,sans-serif;
}
.botones ul a li:hover{
   /*background-color: rgba(20,95,135,0.9);*/
   background-color: rgba(15,54,41,0.8);
}
.botones ul a{
	text-decoration:none;
	color: #FFF;
	font-size:24px;
}
.logo2{
	margin:10px;
	width:500px;
	height:200px;
	border-radius:10px;
	padding-left:5%;
	padding-right:5%;
	background-color: rgba(255,255,255,0.7);
}
.list{
	border-radius:25px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: rgba(255,255,255,0.7);
	/*margin-left:20%;*/
}
.list2{ 
	border-radius:25px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: rgba(255,255,255,0.7);
    align-content: center;    
}
.logo{
	margin:10px;
	width:155px;
	height:155px;
	border-radius:10px;
}

.online{
	width:225px;
	height:auto;
	margin-left:80%;
	margin-top:2%;  
	top:0px;
	position:absolute;
	text-align:center;
	padding:0px;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	font:Verdana, Geneva, sans-serif;
	font-weight:bold;
	border-radius:20px;
	padding:3px;
}
.online:hover{
	background-color:#FFF;
	padding:3px;
}
#content6 img{
	width:200px;
	height:200px;
	margin:10px;
}
#precargador{
position:relative;
 background-color:#FFF;
 width:100%;
 height:100%;
 margin:0px;
 z-index:6;
 text-align:center;
}
#precargador img{
 padding-top:20%;
}
.facetinput{
	border-radius:20px;
	border:1px solid #0B928E;
	padding:10px;
	background-color:rgb(204,204,204);
}
.label{
	color:rgb(255,255,255);
}
.buton{
	width:50%;
	height:50px;
	background-color:#00A5CB;
    color: aliceblue;
	font-size:16px;
	border-radius:20px;
	font-weight:bold;
}
.title{
	font-family:Oswald,Calibri,Tahoma,sans-serif;
	font-weight:300;
	text-align:left;
	margin:0 40px 40px;
	color:#e8e8e8;
	font-size:36px;
}
.subcontenedor{
	width:50%;
	float:left;
}
.formulario{
margin: 0px;
padding: 0px;
margin-left: -30px;    
}
.img_servicios{
    padding: 10px;
    width: 240px;
    height: 300px;
    float: left;
}
.pdf {
	font-family:Oswald,Calibri,Tahoma,sans-serif;
	font-weight:300;
	text-align:left;
	margin:0 40px 40px;
	color:#e8e8e8;
	font-size:36px;
}
/* mouse over link */
.pdf:hover {
  color: hotpink;
}


@media only screen and (max-width: 768px){
	
#conteiner{
margin-top:0px;;	
}
#content3 p img{
width:95%;
margin-top:10px;
height:390px;
}	
#content2{
width:95%;
}
.contenedor,.inicio {
      width: 100%;
      height: auto;
      max-height: 400px;
	  margin-top:40px;
}
#footer1{
   width:100%;
	margin:0px;
   bottom:40px;
}
#footer2{
   width:100%;
	margin:0px;
   bottom:0px;
}
.botones {
width:100%;
}
.logo2 {
	width:50%;
	margin:0px; 
	height:auto;
	margin-top:20px;
}
.logo {
/*	width:155px;
	height:155px;
	margin:0px; 
	height:auto;*/
	display:none;
}
.botones ul a li{
	margin-left:-40px;
	margin-top:2px;
	width:90%;
}
.online{
	display:none;
}
.contactenos li{
	width:100%;
	
}
#content6 img{
	width:100px;
	height:100px;
	margin:10px;
}
.telf1, .telf2, .telf3{
margin:0px;
}
#precargador img{
 padding-top:80%;
}
#logo_content{
	display:none;
}
.formulario{
width:100%;
margin: 0px;
padding: 0px;
}
.subcontenedor{
	width:100%;
}
.list{
	margin-left:0%;
}

}
@media only screen and (min-width: 1400px){
.contenedor{
      height: 400px;
	  max-height:400px;
}
}
@media only screen and (min-width: 1600px){
.contenedor{
      height: 500px;
	  max-height:500px;
}
}