@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:0px) and (max-width:480px) 
{

#banner{ width:100%; height:190px; /*foto tauro*/
          background-image:url(img/tauro-movil.jpg); /*foto tauro*/
		   /*adapta imagen al alto y ancho del  contenedor*/
		  } /*la imagen de fondo quede fija 
		                                como en el efecto parallax*/
.over-content{	width:140px;
				background-image:url(img/logotauro-movil.png);  
				height:190px; 
				
			}
.over-content img{ width:10%; height:auto}			
	
.textlogo h4 {
margin-top:125px; 
 }
 .caja2ban, .caja2-centrada, .colum-renta { width:100%}
 
 
		  		  
/*___________MENU RESPONSIV_____________*/
header { width:100%;background-color:#900; }
		 
#btn-menu { display:none}
	
header label { display:block}

header label h2 { overflow:hidden; 
				float:left; font-size:1em; 
				color:#fff; padding-left:10px;
				display:block}
 
.menu { position:absolute; z-index:999;
		background:#900;
		width:60%;
		margin-left: -60%;
		transition: all 0.5s}
.menu li:hover { background:#999}

.menu ul { flex-direction:column; }
	
.menu li { border-top: 1px solid #888; padding-left:5px; background:#900;}

#btn-menu:checked ~ .menu {margin: 0;
		}
/*--------------------fin menu responsiv---------------	*/		
body { color:#000; font-family: Tahoma, Geneva, sans-serif; font-weight:400;
		}
		
	#pagina { font-size:0.9em;}
	#pagina h1 { clear:left; text-align:center}
	.cont95 {width:95%; margin:auto}
	.cont100 {width:100%; margin:auto}
	.cont90 {width:90%; margin:auto}
	.cont98 {width:96%; margin:auto}
	
.btauro { font-size:2.5em;}
	.caja3{ float:none; width:90%; margin:auto}
	
	.icono { width:15%}

.circulo1 { width:60%}
.caja3 { text-align:center}
.champan { display:none}

.c-arriendo { float:none; text-align:center}
.cont8 { width:100%}
.cont50 h2{ text-align:center}
.cont50 { margin-left:8px}
.cont34 { text-align:center}
.cont34 img { width:80%;}

.mapa-movil { float:none; width:70%; padding:0 15% 0 15%}
.linea2 { padding:2px }
.c-info { margin:2px 0} 



}
/*-----------------********************************-------------------------------------*/
@media screen and (min-width:481px) and (max-width:768px) 
{
#banner{ width:100%; height:225px; /*foto tauro*/
          background-image:url(img/tauro1.jpg); /*foto tauro*/
		   /*adapta imagen al alto y ancho del  contenedor*/
		  } /*la imagen de fondo quede fija 
		                                como en el efecto parallax*/

			
			.menu li a { display:block; 
			padding:10px 5px; text-align:center;
			color:#FFF; font-size:0.8em; 
			text-decoration:none}
.cont90 {width:90%; margin:auto}
.cont95 {width:95%; margin:auto}
.cont100 {width:100%; margin:auto}
.mapa { width:90%; padding:0 5% 0 5%}

.caja2ban, .caja2-centrada, .colum-renta { width:100%}
}
		
@media screen and (min-width:768px) and (max-width:874px) {
.caja2ban, .caja2-centrada, .colum-renta, .caja3 { 
			width:100%

}

.caja3 { 
width:30%; margin: 10px 4px; text-align:center}


}