@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');


.containercards{
	
	margin-bottom: 0px;
	padding-bottom:20px;
	padding-top: 30px; 
	background-color:black;
	margin-top: 0px;
	width: 80%;
	margin: auto;
	
	
	
}

.botonshadow{
	background: #000000;
	
	color: #ffffff;
	padding: 2px;
	margin: 5px;
	width: 70px;
	max-height: 25px;
	
	   font-size:14px;
	border-width: 0px;

}

.botonshadow:hover{
	
	text-shadow: 0px 0px 6px white
	
}

a.botonshadow {
	color: #ffffff;
	
}





.box1{
display:flex;
align-items: flex-start;

}

    .texto-encima{
    position: absolute;
    top: 70%;
    left: 5%;
}

.containercard3{
   
  max-width: 90%;
	width: 500px;


    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
	margin-bottom: 0px;
		paddin-bottom: 0px;
		background-color: black;
	
}

.containercard3 .card{
     
   border: none;
   /*height: 14vw;*/
    overflow: hidden;
    margin: 0px;
    text-align:left;
    transition: all 0.25s;
	background-color: white;
	color: black;
	
	
	
}

.containercard3 .card:hover{
    transform: translateY(-15px);
    
}

.containercard3 .card img{

	width: 500px;
     height: 15vw;
}
.containercard3 a{
    color: #000000;
}


.containercard3 .card h4{
    font-weight: 600;
}




.titlecard2{
    text-align: left;
    font-size:1em; 
    color: #000000;
    margin: 1px;
	padding: 0px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
	background-color: white;
}



.titlecard{
    text-align: center;
    font-size: 1.3vw;
    color: #000000;
    margin-top: 80px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
}


.containercard{
    width: 100%;
    max-width: 1200px;
    height: 360px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
	
		paddin-bottom: 50px;
}

.containercard .card{
    width: 900px;
    height: 24vw;
   border-radius: 0px;
	border: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 10px;
    text-align: center;
    transition: all 0.25s;
    margin-bottom: 3vw;
	font-size: 1.1vw;
	
}



.containercard .card:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.containercard .card img{
    width: 800px;
    height: 14vw;
}
.containercard a{
    color: #000000;
}


.containercard .card h4{
    font-weight: 600;
}




.containercard2{
    width: 100%;
    max-width: 1200px;
    height: 600px;
    
	
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
	margin-bottom: 90px;
		paddin-bottom: 20px;
	margin-top: 20px
}

.containercard2 .card{
    width: 400px;
    height: 680px;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 10px;
    text-align: center;
    transition: all 0.25s;
	font-size:1.5em;
	
	
	
	
	
}




.containercard4{
    width: 100%;
    max-width: 1200px;
   
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
	margin-bottom: 40px;
		paddin-bottom: 50px;
}

.containercard4 .card{
    width: 800px;
    height: 20vw;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 10px;
    text-align: center;
    transition: all 0.25s;
	
	
}



.containercard4 .card:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.containercard4 .card img{
    width: 800px;
    height: 11vw;
}
.containercard4 a{
    color: #000000;
}


.containercard4 .card h4{
    font-weight: 600;
}





.containercard2 .card:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.containercard2 .card img{
    width: 400px;
    height: 220px;
}
.containercard2 a{
    color: #000000;
}


.containercard .card h4{
    font-weight: 600;
}



.botonespecial
{
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
	margin-top: 60px}





@media (max-width: 900px) {
	
	
	.botonespecial
{
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
	margin-top: 10px}
	
	
	.containercard .card{
		 height: 92vw;
		margin: 5px;
	margin-bottom: 5vw;
			padding-bottom: 10px;
		font-size:4vw;
		    
	
	
	}
	
	
		.containercard .card img{
    width: 800px;
    height: 60vw;
}

	
	
.containercard4 .card{
		height: 80vw;
	margin-bottom: 15px;
			padding-bottom: 20px;
	 font-size:4vw;
		
	}
	
		
	
		.containercard4 .card img{
    width: 800px;
    height: 50vw;
}

	
	
	
	.containercard2{
	
		margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 10px;
		margin-bottom: 15em;
}

	.containercard2 .card{
	
	 height: 220vw;
	
			
	  font-size:1.5em;
		
	}
	
	
		.containercard2 .card img{
    
    height: 55vw;
}
	
	.desapareceportatil{
		
		display: none;
	}
	/*.botonshadow{
		display: none;
	}*/
	
	
	.containercards{
	
	
	width: 95%;
	}
	
	
	

	
	
	
	
	
	
	
	
	
}







	

/* CSS Document */