#loading
{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #FFF url("../images/RosamateLoader_V1.gif") no-repeat center;
	z-index: 99999;
}

#loading2
{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #FFF;
	z-index: 99999;
}

.inline-block {
   display: inline-block;
}


.header_telefono_container{

    border:none;

    display: flex;

    justify-content: center;

}

#header_telefono{

    font-family: 'Stellar';

    font-size: 1.1em;

    position: relative;

}

#header_telefono::after{

    content:"";

}

#header_telefono i{

    margin-right:2px;

    font-size:1.5em;

    position:relative;

    bottom:-3px;

}

.nolink
{
	cursor: default;
}

.nolink:hover
{
	cursor: default;
}

.social-wrapper{

    border-left:1px solid #fff;

}

.header_language{

    color:#ffffff!important;

    font-size:1.1em!important;

}

.social a{

    font-size:1.3em;

}



.nav-link-selected{

    border-bottom:1px solid #fff!important;

}

.nav-link-selected:hover{

    border-bottom-color: #ff4279!important;

}

.aboutArticle{

    display: flex;

    justify-content: space-around;

    color:#000000;

}

.aboutArticle img{

    width:165px;

}

.aboutArticle h2{

    font-family: 'Stellar';

    font-size:25px;

}

.aboutArticle p{

    font-family: 'EBGaramond-Regular';

    font-size:21px;

    color:#333;

}

.aboutArticle p strong{

    font-weight: bold;

}

.aboutArticleText{

    width:60%;
	text-align: justify;
    padding:1px;

}

.aboutText{

    font-family: 'EBGaramond-Regular';
	text-align: justify;
    font-size:21px;
	color: #333;;
    line-height: 1.2;

}


.reservaYa{

    font-family: 'Stellar';
    color:#ff4279;
    text-decoration: none;
    line-height:30px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width:180px;
    padding:15px;float: right;

}

.reservaYa:hover{

    background-color: #ffa975;
    color:white;

}

.descubrenos{

    font-family: 'Stellar';

    color:white;

    text-decoration: none;

    line-height:30px;

    background-color: #ff4279;

    display: flex;

    justify-content: center;

    align-items: center;

    width:180px;

    margin-top:0px;

    padding:15px;

}

.descubrenos:hover{

    background-color: #ffa975;

    color:white;

}

.descubrenosbutton{
    margin-top: 0px; 
    position: absolute;
    right: 0;
}



#bannerspace{
    width: 89%;
    font-weight: bold;
    font-size: 28px;
}

#espacios{

    padding-top: 50px;

    padding-bottom: 50px;

    background-color: #FFEEE3;

    width:100%;

}








#nuestrosEspacios{

    display: flex;

    justify-content: center;

    /*margin-right:unset;*/

    /*padding-right:0;*/

    /*width:80%;

    margin-left:20%;*/

}

#nuestrosEspacios main{

    display: flex;

    flex-direction: column;

    justify-content: left;

    align-items: unset;

    width:50%;

}

#nuestrosEspacios main h2{

    font-family: 'Stellar';

    font-size:35px;

}
#nuestrosEspacios main h2::after {

    background: #ff4279 none repeat scroll 0 0;

    content: "";

    display: block;

    height: 3px;

    margin-top: 15px;

    width: 80px;

}



#nuestrosEspacios main p{

    font-family: 'EBGaramond-Regular';

    font-size:21px;

    color:#333;

    margin-bottom:20px;

}



#nuestrosEspacios main img{

    width:100%;

}

#nuestrosEspacios .perro{

    margin-top:50px;

    margin-left:10%;

    /*transform: rotateY(180deg);*/

    width:40%;
	right: 0;
	position: absolute;

}

#rentaEspacios{

    margin-top: 100px;

    width:100%;

    display: flex;

    align-items: center;

    color:#000000;

}

#rentaEspacios .jarron{

    max-width:23%;

}

#rentaEspacios .espaciosContent{

    display: flex;

    /* justify-content: center; */

    align-items: center;

    width:77%;

}

#rentaEspacios .terraza{

    width: 40%;

    margin-right: 1%;

}

#rentaEspacios main{

    margin:0 5%;

}

#rentaEspacios main img{

    width:50%;

    margin-bottom:50px;

    position:relative;

    right:60px;

}



#rentaEspacios main h3{

    font-family: 'Stellar';

    font-size:25px;

    color:#333333;

    margin-top: 20px;

}

#rentaEspacios main h3::after {

    background: #ff4279 none repeat scroll 0 0;

    content: "";

    display: block;

    height: 3px;

    margin-top: 15px;

    width: 80px;

}

#rentaEspacios main p{

    margin-left:5%;

    font-family: 'EBGaramond-Regular';
	line-height: 1.2;
    font-size:21px;

}



#rentaEspacios main .descubrenos{

    float: right;

}

#latest-news .title1{

    font-family: 'Stellar';
	line-height: 1.2;
    font-size:35px;
	text-align: left;
    padding-bottom: 0px;
	margin-bottom: 10px;

}
#latest-news .title1:after{
	background: #ff4279 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    margin-top: 15px;
    width: 80px;
}

#best-places .title1{

    font-family: 'Stellar';

    font-size:35px;

}

#best-places .title2{

    font-family: 'EBGaramond-Regular';

    font-size:22px;

}

#best-places .txt2{

    font-family: 'Stellar';

    font-size:30px;

}

#best-places .txt3{

    font-family: 'EBGaramond-Regular';

    font-size:22px;

    text-transform: none;

}

#experiencias{

    width:100%;

    background-image: url('../images/custom_images/experiencias/catedral.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 700px;

    /*display: -webkit-flex;*/

    justify-content: end;

}

#banrecrear{

    width:100%;

    background-image:url('../images/img-hotels/hotel_4.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 745px;

    /*display: -webkit-flex;*/

    justify-content: end;

}

#experiencia{

    width:100%;

    /* background-image: url('../images/custom_images/experiencias/catedral.jpg'); */

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 900px;

    /*display: -webkit-flex;*/

    justify-content: end;

    /*height: 1335px;*/

}

#experiencias h2{

    font-family: 'Stellar';

    font-size:35px;

    color:#ff4279;

}

#banrecrear h2{

    font-family: 'Stellar';

    font-size:35px;

    color:#ff4279;

}


#experiencia h2{

    font-family: 'Stellar';

    font-size:35px;

    color:#ff4279;

}

#experiencias p{
    width:80%;

}

#banrecrear p{
    width:80%;

}

#experiencia p{
    width:80%;

}


#experiencias p strong,b{

    font-weight: bold;

}

#banrecrear p strong,b{

    font-weight: bold;

}
#experiencia p strong,b{

    font-weight: bold;

}

.experienciasContent{

    width:30%;

    margin-left: 60%;
    padding-top: 120px;

}

#ubicacion{

    position: relative;

    width:100%;

    padding: 40px 0 20px 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    z-index:3

}

#ubicacion h2{

    font-family: 'Stellar';
	line-height: 1.2;
    font-size:35px;

}

#ubicacion h2:after{

    background: #ff4279 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    margin-top: 15px;
    width: 325px;

}

    

#ubicacion p{

    font-family: 'EBGaramond-Regular';

    font-size:22px;

    margin-bottom: 20px;

    text-align: center;

}

#ubicacion ul{

    font-family: 'EBGaramond-Regular';

    font-size:20px;

}

#ubicacion .mainContent{

    width: 100%;

    position: relative;

    display: flex;

    flex-direction: row-reverse;

    justify-content: center;

    align-items: center;

}

#ubicacion .mapa {

    border: 8px solid;

    border-image: url(../images/custom_images/ubicacion/marcoRosa.png) 3% round;

    position: relative;

    z-index: 1;
	
	 height: 600px;
  /* The height is 400 pixels */
  width: 50%;
  /* The width is the width of the web page */

}

#ubicacion .contacto {

    width: 20%;

    padding: 20px 1%;

    margin-left: -20%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    box-shadow: 0px 1px 4px 4px rgb(0 0 0 / 20%);

    background-color: white;

    position: relative;

    z-index:2;

    left:10%;

}

#ubicacion .contacto img{

    width:50%;

    margin-bottom:20px;

}

#ubicacion .contacto ul{

    width:100%;

    display: flex;

    flex-direction: column;

    justify-content: start;

    padding:0;

}

#ubicacion .contacto ul li{

    width:100%;

    display: flex;

    justify-content: space-between;

    list-style: none;

}

#footerPart1 .logo2 img{

    /*width:50%;*/

}

@media screen and (min-width:2500px){

    #ubicacion .contacto {

        width: 15%;

        margin-left: -15%;

    }
	


}

@media screen and (max-width:1680px) {

    .experienciasContent{

        margin-left: 65%;
    	padding-top:120px;

    }

    #ubicacion .contacto {

        width: 25%;

        margin-left: -25%;

    }
	
	#nuestrosEspacios .perro
	{
		width: 45%;
	}


}


@media screen and (max-width:1500px) {

    #experiencias{

        background-size: 100%;

    }
    #experiencia{

        background-size: 100%;

    }

    #banrecrear{

        background-size: 100%;

    }



}

@media screen and (max-width:1370px) {

    #experiencias{

        background-size: 100%;

        min-height: 500px;
		

    }


    #banrecrear{

        background-size: 100%;

        min-height: 500px;
		

    }


    #experiencia{

        background-size: 100%;

        min-height: 500px;
		

    }

    .experienciasContent{

        width:40%;

        margin-left: 60%;
		    padding-top: 80px;
    padding-bottom: 50px;

    }

    #ubicacion .mapa{

        width: 700px;

        height: 500px;

    }

    #ubicacion .contacto {

        width: 25%;

        margin-left: -25%;

    }

}

@media screen and (max-width:1300px){

    #ubicacion .contacto p{

        margin-bottom: 0;

        font-size: 15px;

    }

    #ubicacion .contacto p br{

        display: none;

    }

}



@media screen and (max-width:1025px){

	
	
	
    .jarron{

        display: none;

    }

    #rentaEspacios .espaciosContent {

        width: 100%;

        align-items: flex-start;

    }

    #rentaEspacios main img {

        right: 30px;

    }

    #experiencias {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }

    #banrecrear {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }

    #experiencias p{

        width:95%;

    }

    #banrecrear p{

        width:95%;

    }

    #experiencia p{

        width:95%;

    }

    .experienciasContent{

       width: 40%;
		margin-left: 58%;
		padding-top: 15px;
		padding-bottom: 50px;

    }

    #ubicacion .mapa {

        width: 600px;

        height: 500px;

    }

}

@media screen and (max-width:768px) {

	.descubrenosbutton{
            right: 15px;
    }

	.reservaYa{

    font-family: 'Stellar';
    color:#ff4279;
    text-decoration: none;
    line-height:30px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width:180px;
    padding:15px;
		    float: unset;
    margin: auto;
    margin-top: 20px;
}
	
	
    .slider-item{

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .aboutArticle{

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .aboutArticleText{

        width:100%;

        padding:1px;

        text-align: justify;

    }

    .aboutText p{

        text-align: justify;

    }

    #nuestrosEspacios{

        display: flex;
 
        flex-direction: column;

        justify-content: center;

        align-items: flex-end;

        width:100%;

        margin:auto;

        padding:20px 20px;

    }

    #nuestrosEspacios main{

        width:100%;

    }

    #nuestrosEspacios .perro {

        position: relative;

        left: 5%;

        display: none;

    }

    #rentaEspacios{

        margin-top:80px;

        padding:0 20px;

    }

    #rentaEspacios .espaciosContent{

        flex-direction: column;

        align-items: center;

    }

    #rentaEspacios main {

        margin: 0;

        justify-content: center;

        flex-direction: column;

        display: flex;

        align-items: center;

        margin-bottom: 50px;

    }

    #rentaEspacios main p{

        text-align: justify;

    }

    #rentaEspacios main img {

        width: 80%;

        margin-bottom: 50px;

        position: relative;

        right: 0;

    }

    #rentaEspacios .terraza {

        width: 95%;

        margin-right: 0%;

    }

    #experiencias {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }


    #banrecrear {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }

    #experiencia {

        background-size: cover;

        background-position: right;

        min-height: auto;

        height: auto;

    }

    #experiencias p{

        width:100%;

    }

    #banrecrear p{

        width:100%;

    }



    #experiencia p{

        width:100%;

    }

    .experienciasContent{

     width: 50%;
    margin-left: 45%;
    padding-top: 15px;
    padding-bottom: 50px;

    }

    #ubicacion .mainContent{

        width: 100%;

        position: relative;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    #ubicacion .contacto {

        width: 100%;

        padding: 20px 1%;

        margin-left: 0%;

        box-shadow: 0 0 rgba(0,0,0,0);

        background-color: white;

        position: relative;

        z-index:1;

        left:0%;

    }

    #ubicacion .contacto p {

        margin-bottom: 20px;

        font-size: 22px;

    }

    #ubicacion .contacto ul {

        width: 70%;

    }

    

}

@media screen and (max-width:500px) {
    

    #bannerspace{
        width: 90%;
        line-height: normal;
    }

    #experiencias {

        padding: 0 20px 20px 20px;

    }

    #banrecrear {

        padding: 0 20px 20px 20px;

    }

    #experiencia {

        padding: 0 20px 20px 20px;

    }

    #experiencias p{

        text-align: justify;

    }

    #banrecrear p{

        text-align: justify;

    }
    #experiencia p{

        text-align: justify;

    }

    .experienciasContent{

       width: 100%;
    margin-left: 0%;
    padding-top: 15px;
    padding-bottom: 50px;

    }

 
    #ubicacion .mapa {

        width: 100%;

        height: 500px;

    }

}



@media screen and (max-width:500px) {

    #ubicacion .mapa {

        width: 100%;

        height: 300px;

    }



}