html,body {	margin:0;	padding:0; background:#222;}

 
	     
 .contenedor { width:100%; margin:0px; padding:0px; float:left; display:table;  }
 
 
  
 @media only screen and (max-width: 768px){  .contenedor {background-size:180%;}}
 @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-color:rgba(0, 0, 0, 0.7);   }
	   
@media only screen and (max-width: 768px){ .logoymenu { width:100%; height: auto; margin:0px; padding:0px; float:left;}}

.fotoindex {width:30%; margin:0px; padding:10px 0px 0px 0px;  border:none;  float:left;    height:85px; text-align:right;text-align:right; filter: alpha(opacity=70); /* internet explorer */
  -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)"  }



@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; background:#222; border-top:1px solid #111; } .logoymenu {
    -moz-opacity: 0.90;       /* firefox, mozilla, netscape */
    opacity: 0.90;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";   }}
@media only screen and (max-width: 300px){.fotoindex img{width:90%; height: auto;  } }
 
 
 

   
	
	
	
	
	 .portada{ margin:0px;padding: 0; float:left; text-align:center; width:100%; }
 
 
.portada h2{ float:left; padding:0px 0 20px 0; margin:0px; color:#fff;   font-size:80px;  width:100%;  text-transform:uppercase;  font-family: 'Poppins', sans-serif; }
  
.portada h1{ float:left; padding:70px 0 0px 0; margin:0px; color:#B6A281; font-size:44px;  width:100%; font-weight:300; text-transform:uppercase; font-family: 'Poppins', sans-serif; }
	
.portada p{ float:left; padding:0px 0 70px 0; margin:0px; color:#e6e6e6;   font-size:22px;    width:100%; font-weight:500;   font-family: 'Poppins', sans-serif; }
	
	

	
@media only screen and (max-width: 768px){
.portada h2{  font-size:60px; padding:10px 0 0px 0; }
.portada h1{ font-size:34px; }
	
.portada p{ font-size:16px; padding:0px 2% 50px 2%;  width:96%; } 
}


@media only screen and (max-width: 570px){    .portada h1{font-size:35px; padding:40px 0 0px 0;}     .portada h2{ font-size:40px; } }
 



	
	 









 
  
  
  
  
  
  
  
  
  
  

 
 
 
 
  

 
 
 
 .formulario  { width:100%; margin:0px; float: left; font-family: 'Poppins', serif;  display:table; padding:0;   text-align:center;  background-size:100%;  }
 
 @media only screen and (max-width: 768px){  .formulario {background-size:120%;}}
 @media only screen and (max-width: 660px){  .formulario {background-size:140%;}}
  @media only screen and (max-width: 570px){  .formulario {background-size:160%;}   }
   
   
  .formulario1  { width:100%; margin:0px; float: left;  padding:20px 0px 60px 0;  background-color:rgba(0, 0, 0, 0.7); }

 
.formulario p{font-size:16px; width:90%; margin:0 5% 0 5%; padding-top:10px; padding-bottom:10px; float:left; font-weight:400; color:rgb(255, 255, 255); line-height: 34px;}
.formulario  p a{ color:#75B0D5; text-decoration:none;  }

.formulario p strong{ font-weight:400; font-size:20px; color:#fff;}

.formulario h5{  text-align:center; margin:0px; padding:50px 0px 0 0;
	font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #a8a8a8;
    margin-bottom: 5px; }
	

.formulario h3 {  font-size:33px; color: #ffffff; font-weight:600; width:90%; margin:0px  5% 0px 5%; letter-spacing: 1px;   float:left;}

.formulario h4  {  text-align:center; margin:0px; padding:50px 0px 0 0;
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #a8a8a8;
    margin-bottom: 5px; }

 @media only screen and (max-width: 768px){ .formulario h3 {  font-size:20px;}  .formulario h4 { font-size:16px;}}


 
 


 
 

 
	









 .copy  { width:100%; margin:0px; float: left; font-family: 'Poppins', serif;  display:table; padding:20px 0px 0px 0;   text-align:center; background:url(https://www.redcalamuchita.com/css/fondocontacto.png) center  #282828; background-size:100%;  color: #999999;  font-size:12px;  }
.copy a{color:#75B0D5; text-decoration:none; }

.copy ul{ float:left; padding:0px;  margin:0; list-style:none; width:100%; text-align:center; }
.copy ul li p {width:80%; padding:10px 0 0px 0;  text-align:center;  text-align:center;  font-weight:400;   }

.copy ul li { display:inline;}
.copy ul li a{ padding:7px 10px 7px 10px; text-decoration:none; }
.copy ul li a:hover{  color:rgb(150, 150, 150); text-decoration: underline; }

@media only screen and (max-width:900px){.copy ul li a{ float:left } .copy p {text-align: left;  } .copy p {width:98%; padding:10px 0 0px 2%;  } } 







 






 
 


 



.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;}








 



	
.recuadro  { width:100%; margin:0px; float: left;  font-family:'Poppins', serif; display:table; padding-bottom:20px; background:none; padding-top:15px;  }
.recuadro  ul{ margin:0px auto; margin-left:0.5%; padding:0px;   list-style:none;  width:99.5%; }
.recuadro  ul li{background:#222122; width:32%; margin:0px 0.55% 11px 0.55%
;position: relative;  overflow: hidden;  
max-height: 370px; min-height:370px; border-bottom:1px solid #CCCCCC;    }
.recuadro  ul li img{width:100%;  }
.recuadro  ul li p{font-size:16px; width:90%; margin:0px 5% 0px 3%; padding-top:10px; padding-bottom:10px; float:left; font-weight:400; color:rgb(87, 87, 87); text-rendering: optimizelegibility; color: rgb(74, 74, 74);}
 

.recuadro  ul li a p   { color:rgb(187, 187, 187); text-decoration:none;   padding-left:2%; float:left; }
.recuadro   ul li  a:hover p { text-decoration:underline;   }

.recuadro  ul li a:hover img { opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */    }
	
	
	
	
	

@media only screen and (max-width: 1000px){.recuadro  ul li{max-height: 300px; min-height:300px; margin:0px 0.5% 7px 0.5%;}  }

 

@media only screen and (max-width:764px){.recuadro  ul {width:100%; margin:0; }  .recuadro  ul li{width:96%; margin:0 2% 15px 2%;  max-height: none; min-height:none; }  .recuadro  { padding-bottom:40px;  } } 

 .recuadromasinformacion a{font-weight:300; font-size:22px; float: left; color:#A0CE4E;  text-decoration:none;  padding:40px  0 40px 0;    margin-top:0px; margin-bottom:0px; letter-spacing: 1px;  width:100%;  font-family: "Raleway",Helvetica,Arial,sans-serif; text-align:center; border-bottom:1px solid  #222; background: #222; }

.recuadromasinformacion a:hover{ border-bottom:1px solid #BEDD84; color:#BEDD84; }