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

 

	   
	     
 .contenedor { width:100%; margin:0px; padding:0px 0 20px 0; float:left; background: url(https://www.redcalamuchita.com/css/fondoprincipalsepia.jpg) bottom #222 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%;}  .portada h1{font-size:26px; }     .portada h2{ font-size:22px; }  }

	
.logoymenu { width:100%; margin:0px; padding:0px; float:left; }
	   
	   
		
		
	   
@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; 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)" background: #222; display:table;  }






@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; } }
@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%; font-family: 'Poppins', sans-serif; }
 
 
.portada h1{ float:left; padding:30px 0 0px 0; margin:0px; color:#fff;   font-size:60px;  width:100%;  text-transform:uppercase;}
.h1titulo { font-size:50px;}
.portada  h2{ float:left; padding:0px 0 0px 0; margin:0px; color:#B6A281; font-size:44px;  width:100%; font-weight:300; text-transform:uppercase;  }
 
.portada h3{ float:left; padding:0px 0 50px 0; margin:0px; color:#e6e6e6;   font-size:22px;    width:100%; font-weight:500; }
	
@media only screen and (max-width: 768px){
.portada h1{  font-size:50px;  }
.h1titulo { font-size:40px;}
.portada h2{ font-size:34px; }
.portada p{ font-size:16px; padding:0px 2% 50px 2%;  width:96%; } 
}

@media only screen and (max-width: 570px){    .portada h2{font-size:30px;  }     .portada h1{ font-size:30px; } .h1titulo { font-size:25px;}}
	  
	  
	  
	 .portada2{ margin-top:0px;padding: 0; float:left;  width:100%; font-family: 'Poppins', sans-serif;}
     .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:url(https://www.redcalamuchita.com/wordpress/wp-content/themes/redcalamuchita2021/css/p-negro.png) repeat  ; display:table;  }
 
.portada2 ul li h3{ width:100%; float:left; text-align:center; color:#e6e6e6;  font-size:16px; text-transform:uppercase;  font-weight:600; margin-top:30px; }
.portada2 ul li p{ width:80%; float:left; text-align:center; color:#C0C0C0; font-size:16px; padding:0 10% 50px 10%; 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-top:0px;padding: 0; float:left;  width:100%; font-family: 'Poppins', sans-serif;}
     .portada3 ul{ margin:0px 5% 0 5%;padding: 0; float:left;  width:90%; list-style:none;}
	.portada3 ul li{ display:inline; width:49%; margin-left:0.5%; margin-right:0.5%; margin-bottom:10px; float:left;  padding-bottom:10px; }

.portada3 ul li.imagen1{ background:url(https://www.redcalamuchita.com/wordpress/wp-content/themes/redcalamuchita2021/css/p-negro.png) repeat  ; display:table;  height:400px;}
		.portada3 ul li.imagen2{ background:url(https://www.redcalamuchita.com/wordpress/wp-content/themes/redcalamuchita2021/css/p-negro.png) repeat  ; display:table;  height:180px;}
 
.portada3 ul li h3{ width:100%; float:left; text-align:center; color:#e6e6e6;  font-size:16px; text-transform:uppercase;  font-weight:600; margin-top:30px; }
.portada3 ul li p{ width:80%; float:left; text-align:center; color:#C0C0C0; font-size:16px; padding:0 10% 10px 10%; margin:0px; line-height:26px; font-weight:400; }
.portada3 ul li p a{color:#C0C0C0; text-decoration:none;}



@media only screen and (max-width:1110px){
.portada3 ul li.imagen1{  height:400px;}
}

@media only screen and (max-width:944px){
.portada3 ul li.imagen1{  height:430px;}
}


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


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









 .intro0 { float:left; padding:0; margin:0px; display:table;  background: url(https://www.redcalamuchita.com/css/fondoprincipalsepia.jpg) top  repeat-y; background-size:100% ; }

 .intro { float:left; padding:40px 5% 30px 5%; margin:0px;   font-family: 'Poppins', serif; sans-serif; width:90%;  	display:table;  background-color:rgba(0, 0, 0, 0.5); }
	
 	.intro h2{font-size:18px; text-align:center; margin:0px; padding:0px; color: #fff; }
	
	.intro h3{  text-align:center; margin:0px; padding:0px;
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
     color: #999999 ;
    margin-bottom: 5px; }
	
	.intro p{ width:96%; float:left;   font-size:14px; padding:0 2% 0px 2%; line-height:26px; font-weight:400; color: #999999; }

 
  
   @media only screen and (max-width: 768px){  .intro { float:left; padding:50px 1% 0 1%; margin:0px; color:#000;  font-family: 'Poppins', serif; sans-serif; width:98%;}}

  
  
 
 
  
  
 .contacto  { 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.jpg) center  #282828; background-size:100%;    }
  
.contactomauro 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;}
.contactomauro  p a{ color:#75B0D5; text-decoration:none;  }

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

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

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

.contactomauro 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){ .contactomauro h3 {  font-size:20px;}  .contactomauro h4 { font-size:16px;}}


 

 
 
 
.copyright{width:100%; padding:10px 0 10px 0; float:left;  font-family:'Poppins', serif; font-size:12px; margin:0px;  color:rgb(119, 119, 119); border-top:10px solid #080501; border-bottom:10px solid #080501; margin-top:30px; }
.copyright a{color:#75B0D5; text-decoration:none; }

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

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

@media only screen and (max-width:900px){.copyright ul li a{ float:left } .copyright p {text-align: left;  } .copyright 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;}


 
.portada0alquileres { float:left;   width:100%; padding:30px 0 30px 0;   margin:0px; background: url(https://www.redcalamuchita.com/css2017/portada/11.jpg) left top repeat #222222; display:table; }



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



 
 

.recuadro  { width:100%; margin:0px; float: left;  font-family:'Poppins', serif; display:table; padding-bottom:20px; background:none; padding-top:15px; z-index: 1 !important; /* Capa baja para que se vaya atrás */ }
.recuadro  ul{ margin:0px auto; margin-left:5%; padding:0px;   list-style:none;  width:90%;}
.recuadro  ul li{ width:44%; margin:0px 3% 20px 3%; padding:0px 0 0px 0; float:left; display:inline; border-bottom:1px solid #739FA2; max-height:450px; min-height:450px; background-color:rgba(250, 250, 250, 0.7);}


@media only screen and (max-width:1200px){.recuadro  ul li{ max-height:420px; min-height:420px; } } 
@media only screen and (max-width:1000px){.recuadro  ul li{ max-height:380px; min-height:380px; } } 
@media only screen and (max-width:900px){.recuadro  ul li{ max-height:360px; min-height:360px; } } 	

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

.recuadro  ul li img{width:100%; height:100%; margin:0px; padding:0px;    }
.recuadro  ul li img a{margin:0px; padding:0px;    }

.recuadro  ul li a:hover img {  filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, version anterior de safari */
    -moz-opacity: 0.75;       /* firefox, mozilla, netscape */
    opacity: 0.75;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*internet explorer 8 - gracias Andres */ /* IE */ ;   border:0; }

.recuadro  ul li p{font-size:14px; width:96%; margin:0px 2% 0px 2%; padding-top:0px; padding-bottom:3px; float:left; font-weight:400; color:rgb(87, 87, 87); text-rendering: optimizelegibility; color: rgb(0, 0, 0); }

 .recuadro  ul li h3{font-size:16px; width:96%; margin:0px 2% 0px 2%; padding-top:0px; padding-bottom:3px; float:left; font-weight:400; color:rgb(87, 87, 87); text-rendering: optimizelegibility; color: rgb(0, 0, 0);}
.recuadro  ul li h3 a:hover{ text-decoration:underline;}
  
.recuadro  ul li .contendedorrecuadro:before{ content:""; width:100%; height:98.5%; top:0px; bottom:0px; right:0px;  
background:linear-gradient(to bottom, rgba(255,255,255,0),rgba(0,0,0,0.8)); position:absolute; }
.recuadro  ul li .contendedorrecuadro:before a:hover{ 	 background:linear-gradient(none);}
.recuadro  ul li .contendedorrecuadro 	{ position: relative;     display: inline-block;       }
	
.recuadro  ul li .precio{ 
    position: absolute;
    bottom:10px;
    left: 0px;
    font-size:16px;   
color: rgb(200, 200, 200); 
 padding-left:5%; padding-right:5%; padding-top:7px; padding-bottom:7px; 
  border-radius: 0px 0px  5px 0px;
  }
  
  
.recuadro  ul li .mas{    position: absolute; 
 bottom:10px;
right: 0px;
font-size:14px; 
  color:#fff;
 padding-left:5%; padding-right:5%; padding-top:8px; padding-bottom:8px;  border-radius: 1px 0px  1px 0px;  
background-color: rgba(255, 0, 0, 0.7);  border-radius: 0px 0px  0px 5px ;}

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


.recuadro  ul li a{ float:left; margin:0px; left:0px;}
.recuadro  ul li a{ float:left; margin:0px; left:0px;}






.recuadromasinformacion a{font-weight:300; font-size:18px; float: left; color:#75B0D5;  text-decoration:none;  padding:0px  0 30px 0;    margin-top:0px; margin-bottom:0px; letter-spacing: 1px;  width:100%;  font-family: "Raleway",Helvetica,Arial,sans-serif; text-align:center;   }

.recuadromasinformacion a:hover{   color: #437C64; }