body{margin: 0;padding: 0; box-sizing: border-box;}

 
  
 
  .contactotop  { width:90%; margin:0px; padding:0; float:left; background:#000;   filter: alpha(opacity=90); /* internet explorer */
   font-size:15px;  font-family: 'Raleway', sans-serif; padding:18px 0 18px 10%; color:#fff;     line-height: 20px; font-weight:500; 
    -webkit-box-sizing: inherit;   -webkit-font-smoothing: antialiased; 
    -khtml-opacity: 0.7;      /* khtml, version anterior de safari */
    -moz-opacity: 0.7;       /* firefox, mozilla, netscape */
    opacity: 0.7;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 - gracias Andres */ }
	   
  .contactotop  ul{ width:100%; margin:0px; padding:0px; float:left;}
    .contactotop  ul li{ display:inline; padding-left:25px; margin-right:20px;}
	
	    .contactotop  ul li.whatsapp{ background:url(whatsapp.png) left center no-repeat; padding-top:2px; padding-bottom:2px; color: #FFFFFF; }
	 .contactotop  ul li.mail{ background:url(mail-gris-1.png) left center no-repeat; padding-top:2px; padding-bottom:2px; }
	   
	  @media only screen and (max-width: 570px){   
	   .contactotop  { width:96%;  padding:10px 2% 10px 2%;   font-size:12px;   }
	   	       .contactotop  ul li{  padding-left:17px; margin-right:15px;}
			    .contactotop  ul li.whatsapp{ background-size:15px;  }
	 .contactotop  ul li.mail{  background-size:15px;}
    
	  }
	     
 .contenedor { width:100%; margin:0px; padding:0px 0 20px 0; float:left; background: url(IMG_8195.JPG) #191919; repeat-y; background-size:100%;}
 @media only screen and (max-width: 768px){  .contenedor {background-size:120%;}}
 @media only screen and (max-width: 660px){  .contenedor {background-size:140%;}}
  @media only screen and (max-width: 570px){  .contenedor {background-size:160%;}   }

	
.logoymenu { width:100%; margin:0px; padding:0px; float:left; background:;  filter: alpha(opacity=90); /* internet explorer */
    -khtml-opacity: 0.7;      /* khtml, version anterior de safari */
    -moz-opacity: 0.7;       /* firefox, mozilla, netscape */
    opacity: 0.7;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*internet explorer 8 - gracias Andres */ background:#191919; }
@media only screen and (max-width: 768px){ .logoymenu { width:100%; height: auto; margin:0px; padding:0px; float:left;}}

.fotoindex {width:30%; margin:0px; padding:5px 0px 0px 0px;  border:none;  float:left;    height:85px; text-align:right;}



@media only screen and (max-width: 768px){.fotoindex {width:100%; margin:0px; padding:5px 0 0 0; height:0px; border:none;  float:left; height:75px; text-align:center;   } }
@media only screen and (max-width: 300px){.fotoindex img{width:90%; height: auto;  } }
 
 
 

  
  
 
	
	
	
	
 .portada{ margin:0px;padding: 0 0 20px 0; float:left; text-align:center; width:100%; font-family: 'Raleway', 'Helvetica Neue', sans-serif; }
 
 
.portada h1{ float:left; padding:50px 0 20px 0; margin:0px; color:#fff;   font-size:44px;  width:100%;font-weight:400;   text-transform:uppercase;}
  
.portada  h2{ float:left; padding:0px 0 20px 0; margin:0px; margin-bottom:20px; color:#F2BEC4; font-size:44px;  width:100%; font-weight:400; text-transform:uppercase; background:url(labogados.png) bottom center no-repeat;}
	
.portada p{ float:left; padding:0px 0 10px 0; margin:0px; color:#999;   font-size:22px;    width:100%; font-weight:500; }
	
	

	  
	 




 .portada2{ margin-top:0px;padding: 0 0 30px 0; float:left;  width:100%; font-family: 'Raleway', 'Helvetica Neue', sans-serif; background:#191919; display:table;}
     .portada2 ul{ margin:0px 5% 0 5%;padding: 0; float:left;  width:90%; list-style:none;}
	.portada2 ul li{ display:inline; width:33%; margin-left:0.15%; margin-right:0.15%; float:left; height:300px; padding-bottom:10px; }
		.portada2 ul li.imagen1{ background: #FFFFFF;  display:table;  }
 
 .portada2   h4{ width:100%; float:left; text-align:center; color:#fff;  font-size:26px; text-transform:uppercase;  font-weight:400; margin-top:40px; margin-bottom:40px; float:left; }


.portada2 ul li h3{ width:100%; float:left; text-align:center; color:#444;  font-size:16px; text-transform:uppercase;  font-weight:400; margin-top:30px; }
.portada2 ul li p{ width:80%; float:left; text-align:left; color:#666; font-size:16px; padding:0 10% 10px 10%; margin:0px; line-height:26px; font-weight:400; }


@media only screen and (max-width:910px){
.portada2 ul li{ display:inline; width:100%; float:left;    margin-bottom:40px; padding-bottom:0px;  height: auto; }  
}


@media only screen and (max-width:500px){
.portada2 ul li{ display:inline; width:100%; float:left;    margin-bottom:40px; padding-bottom:0px;  height: auto; }  
}





	
	
 .portada3{ margin:0px;padding: 0; float:left; text-align:center; width:100%; font-family: 'Raleway', 'Helvetica Neue', sans-serif; width:90%; padding: 0 5%  0px 5%; background: url(IMG_8241.JPG) }
 
 
  
.portada3  h3{ float:left; padding:20px 0 20px 0; margin:0px; color:#fff; font-size:26px; text-transform:uppercase;  font-weight:400;   width:100%;   }
	
.portada3 p{ width:96%; float:left; text-align:left; color:#F2BEC4; font-size:16px; padding:0 2% 0px 2%; line-height:26px; font-weight:400;  }

.portada3gris { width:90%; float:left; text-align:center; color:#444;  font-size:26px; text-transform:uppercase;  font-weight:400; margin-top:30px; margin-bottom:30px;  float:left; padding:10px 5% 20px 5%;  background: url(punto80.png);}
  


 	  
	  
	  
	  
.portada4{ margin:0px;padding: 0 5% 30px 5%; float:left; text-align:center; font-family: 'Raleway', 'Helvetica Neue', sans-serif; width:100%; padding: 0 5%  30px 5%; background: #000000; box-sizing: border-box;}
 
.portada4 h3{ width:100%; float:left; text-align:center; color:#fff; font-size:26px; text-transform:uppercase;  font-weight:400;  margin-top:40px; margin-bottom:0px; float:left; }
    
.portada4  h2{ float:left; padding:20px 0 20px 0; margin:0px; color:#F2BEC4; font-size:44px;  width:100%; font-weight:300; text-transform:uppercase; }
	
.portada4 p{ width:96%; float:left; text-align:center; color:#666; font-size:18px; padding:0 2% 5px 2%; line-height:26px; font-weight:400; margin:0px;  }
.portada4 p a{ color:#666;    }

.portada4dra { font-size:22px; }
.portada4abogada { font-size:22px; color:#444; font-weight:400;}


  
  
 
 


.intro { float:left; padding:0px 5% 40px 5%; margin:0px; color:#000;  font-family: 'Raleway', 'Helvetica Neue', sans-serif; width:90%; display:table;  background: #F1F1F1;     }
.intro h3{ width:100%; float:left; text-align:center; color:#444;  font-size:26px; text-transform:uppercase;  font-weight:400; margin-top:40px; margin-bottom:0px; float:left; }
  
.intro  h2{ float:left; padding:20px 0 20px 0; margin:0px; color:#FE6F6B; font-size:44px;  width:100%; font-weight:300; text-transform:uppercase; text-align:center; }
	
.intro p{ width:80%; float:left; text-align:left; color:#666; font-size:16px; padding:0 10% 0px 10%; line-height:26px; font-weight:400;  }

 
   
  
  .introgris { width:90%; float:left; text-align:center; color:#444;  font-size:26px; text-transform:uppercase;  font-weight:400; margin-top:40px; margin-bottom:0px; float:left; padding:0px 5% 0 5%;  background: #fff; }
  
  
  
  

 

 
 
 

 
 
 
 

 
 

 


 
 









.copy {width:100%; padding:0; float:left; background:#000; font-family:'Raleway', 'Helvetica Neue', sans-serif; font-size:15px; margin:0px; display:table;}

 
.copy p {width:80%; padding:0px 10% 0px 10%;  text-align:center;  color: #fff; text-align:center; ;  font-weight:400;}
.copy p a{ color: #FFFFFF; text-decoration:none; border-bottom:1px solid #333;}
.copy p a:hover{ border-bottom:1px solid #444;}







 





 
 


 



.ir-arriba { 	display:none;	padding:0px;	 	cursor:pointer;	position: fixed;	bottom:65px;	right:9px; z-index:9999;}
.ir-arriba img{ width:48px;}

.ir-arriba4 { 	padding:0px;	 	position: fixed;	bottom:3px;	right:7px; z-index:9999;}
.ir-arriba4 img{ width:50px;}


 



.portada0  { float:left;   width:100%; padding:30px 0 0px 0;   margin:0px; background:  #fff; background: url(https://www.redcalamuchita.com/css2017/images/fondo-index.jpg) left bottom repeat #212121; display:table;  }