/*--------------------------------------CONTENIDO------------------------*/
section{position:relative;margin-bottom:1.5%;}
#foto{margin:1%;width:8%;}
#foto img{width:95%;}
#textNosotros{margin:0;}
#textNosotros b{color:red !important;}
article{width:80%;margin:1% 10%;color:black;font-size:1em;}
article p{width:90%;margin:1% 5%;text-align:justify;text-indent:15px;}
#foto1{margin:1%;width:8%;}
#foto1 img{width:95%;	}
h4{font-family: 'Montserrat', sans-serif;color: red;font-size:1.3em !important;font-weight:bold;width:100%;line-height:30px;padding-left:3%;}
.h4Especial{font-size:1.5em !important;}
b{color:#920605;font-weight:bold;}
.collapse{display:none;margin-left:3%;background:#F8F8F8;padding:1%;border-bottom:5px solid red;}
#article1{border-bottom:5px solid red;margin-bottom:1%;}
#article2{background-color:transparent;font-size:0.9em;}
#article3{background-color:transparent;font-size:0.9em;}
#serv2{width:93%;height:auto;margin:1% 1% 1% 1%;font-size:1em;}
#serv3{width:93%;height:auto;margin:1% 1% 1% 1%;font-size:1em;}
.serv2, .serv3{width:93%;height:auto;margin:1% 1% 1% 1%;}
/********************************* BOTON  servicio toggle ***************************/
.servicio {border-left:9px solid red;vertical-align:middle;display:inline-block;background:transparent;color:#000;text-align:left;font-size: 1.2em;padding: 7px; width:94%;transition: all 0.5s;cursor: pointer; margin: 1% 2%;box-shadow: 3px 3px 3px #484C50;border-radius:7px;}
.servicio span {cursor: pointer; display: inline-block; position: relative;transition: 0.5s;color:blue;font-size:0.7em;}
.servicio span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.servicio:hover {border-left:9px inset red;color:red;border-left:9px inset red;}
.servicio:hover span {padding-right: 25px;color: #F5F5F5;}
.servicio:hover span:after {opacity: 1; right: 0;}
.servicio:visited{color:white;}
/********************************* FIN BOTON  servicio toggle ***************************/
/*-----------------------------------------MEDIA QUERIS-799PX-----------------------*/
@media screen and (max-width:799px){
section{margin-bottom:6%;}
.container{width:92%;}
#foto, article, #foto1{clear:both;width:100%;}
#foto img{width:40%;margin:0 30%;}	
#textNosotros{width:90%;margin:0 5%;}
#textNosotros p{width: 100%;text-align:left;text-align:left;}
#foto1 img{width:30%;margin:0 35%;}
article{margin:0 2%;color:black;font-size:1em;}
article p{margin:2% 5%;text-align:left;}		
}