.fondo{
	background-image:url('../images/Foto1_1.jpg');
	text-align: center;
	background-repeat:no-repeat;
	background-size:cover;
	
}

.letra{
	font-family: 'Roboto', sans-serif;
}
.letramedium{
    	font-family: 'Roboto Medium', sans-serif;
}
.letracondense{
	font-family: 'Roboto Condensed', sans-serif;
}

.estilo1{
	color: #254064;
    font-size: 27px;
    font-weight: 500;
    line-height: 0;
}

.estilo2{
	color: #0091d9;
	font-size: 37px;
    font-weight: 500;
}

.estilo3{
	line-height: 1;
    color: #254064;
    font-size: 20px;
}

.fondo1{
	background-image:url('../images/marbella-residencial.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

.estilo4{
	color: #1F204A;
	font-size: 3vw;
    font-weight: 500;
    text-align: center;
}

.estilo5{
	color: #4A9FDC;
	font-size: 3vw;
	text-align: center;
	font-weight: 400;
}

.estilo6{
	color: #a2a3ab;
	line-height: 1;
	font-weight: 300;
	font-size:17px;
}

.estilo7{
	color: #000000;
	line-height: 1;
	font-weight: 300;
	font-size:17px;
}

.estilo8{
	color: #254064;
	font-weight: 300;
	padding-top: 15%;
    padding-bottom: 15%;
    font-size:18px;
    text-align:left;
}

.estilo9{
	color: #0091d9;
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    text-align:left;
}

.estilo10{
	color: #0091d9;
    font-size: 17px;
    font-weight: 500;
    text-align:left;
}

.estilo11{
	color: #254064;
	font-size: 27px;
    font-weight: 500;
    text-align: center;
}


/**/
.MultiCarousel { 
	float: left; 
	overflow: hidden; 
	padding: 15px; 
	width: 100%; 
	position:relative; 
}

.MultiCarousel .MultiCarousel-inner { 
	transition: 1s ease all; 
	float: left; 
}

.MultiCarousel .MultiCarousel-inner .item { 
	float: left;
}
        
.MultiCarousel .MultiCarousel-inner .item > div { 
	text-align: center; 
	padding:10px; 
	margin:10px; 
	background: white; 
	color:#666;
}
    
.MultiCarousel .leftLst, .MultiCarousel .rightLst { 
	position:absolute; 
	border-radius:50%;
	top:calc(50% - 20px); 
}
    
.MultiCarousel .leftLst { 
	left:0; 
}
    
.MultiCarousel .rightLst { 
	right:0; 
}
    
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { 
	pointer-events: none; 
	background:white; 
}

.btn{
    color: black;
    background-color: white;
    border-color: white;
    font-size: 20px;
}
.btn:hover{
    color: black;
    background-color: white;
    border-color: white;
    font-size: 20px;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{
	box-shadow: 0 0 0 0.25rem rgb(255 255 255);
}

.fondo2{
	background-image:url('../images/Foto_pareja.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	padding-top: 15%;
    padding-bottom: 16%;
}

.estilo12{
	color: #0091d9;
    font-size: 35px;
    font-weight: 500;
    text-align: right;
}

.estilo13{
	color: #aeadb3;
	font-weight: 400;
	font-size:17px;
	text-align: right;
}

.fondo3{
	background-image:url('../images/fondo-mapa.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	text-align: center;
	padding:8%;
}

.estilo14{
	color: white;
    font-size: 35px;
    font-weight: 400;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 5%;
    line-height:1;
}


.estilo15{
	color: #0091d9;
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 5%;
    padding-bottom: 5%;
}

.estilo16{
	color: #c2c3c9;
    font-weight: 400;
    font-size: 23px;
    line-height: 1;
}

.estilo17{
	color: #254064;
	font-size: 27px;
    font-weight: 500;
    text-align: center;
}

.fondo4{
	background-color: #2a4568;
	padding-top: 5%;
    padding-bottom: 5%;
}

.estilo18{
	color: #c2c3c9;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 3%;
    padding-bottom: 3%;
}

.fondo5{
	background-color: #09102d;
	padding-top: 2%;
    padding-bottom: 2%;
}

.estilo19{
	color: white;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    padding-top: 32%;
    padding-left: 10%;
}

.imagenmarbella{
	width: 73%;
}

.imagenvivitare{
	width: 200px;
}

.marbellafooter{
	width: 200px;
}

.fondogracias{
	background-image:url('../images/imagengracias.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:2%;
}

.estilo20{
	color: black;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0px;
    
}

.estilo21{
	color: black;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    
}

.estilo22{
	color: white;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    padding-right: 29%;
    padding-left: 29%;
    font-style: italic;
    padding-top: 2%;
    padding-bottom: 2%;
}

img.efecto:hover{
    transform: scale(1.1);
}
/** Small devices (landscape phones, 576px and up)**/
@media (max-width: 576px) { 
	.estilo1{
		line-height: 1;
	}

	.estilo8{
		padding-left:5%;
		padding-right: 5%;
	}

	.estilo9{
		padding-left:5%;
		padding-right: 5%;
	}

	.estilo10{
		padding-left:5%;
		padding-right: 5%;
	}

	.fondo2{
		background-size: cover;
		padding-bottom: 0px;
	}

	.estilo12{
		font-size: 200%;
	}

	.estilo13{
		font-size: 100%;
		padding-left: 52%;
	}

	.imagenmarbella{
		width: 85%;
		margin-left: 7%;
    	margin-right: 8%;
	}

	.estilo15{
		padding-left:5%;
		padding-right: 5%;
	}

	.estilo16{
		padding-left:5%;
		padding-right: 5%;
	}

	.estilo18{
		padding-left:5%;
		padding-right: 5%;
	}

	.imagenvivitare{
		padding-left:5%;
		padding-right: 5%;
	}		

	.marbellafooter{
		padding-left:5%;
		padding-right: 5%;
	}

	.estilo19{
		padding-top: 5%;
    	padding-left: 5%;
	}
	
	.estilo22{
	
    padding-right: 20%;
    padding-left: 20%;
   }
   
   .fondogracias{
	
	background-size:initial;
	
	
    }
    
    

}

