h1{
	color: rgba(255,255,255,1);
	font-family: Frente;
	font-size: 24px;
	margin: 0;
	padding: 0;
}

h2{
	color: rgba(255,255,255,1);
	font-family: Jenna;
	font-size: 54px;
	margin: 0;
	padding: 0;
}

h3{
	color: rgba(255,230,153,1);
	font-family: Antonio;
	font-size: 24px;
	margin: 0;
	padding: 0;
}
h4{
	color: rgba(0,171,158,1);
	font-family: Antonio;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

p{
	color: rgba(20,20,20,1);
	font-family: Antonio;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

a, a:hover{
	color: rgb(213, 153, 89);
}
ul {
  list-style-type: disc;
}
.mainSectionLogo{
	z-index: 1;
	position:relative;
	top:-90px;
	left:180px
}
.img-shadow{
    filter: drop-shadow(5px 5px 10px #444);
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1350px) {
    
  
}
@media (max-width: 992px){
   .ehide{
        display:none;
    } 
}
@media (max-width: 500px){
    .mainSectionLogo{
    	z-index: 1;
    	position:relative;
    	top:-90px;
    	left:180px
    }
}
@media (min-width: 750px){
    .mainSectionLogo{
    	    z-index: 1;
            position: relative;
            top:0px;
            left:80px;
            width: 200px;
    }
}
@media (min-width: 1000px){
    .mainSectionLogo{
    	    z-index: 1;
            position: relative;
            top:-50px;
            left:100px;
            width: 200px;
    }
}
@media (min-width: 1350px){
    .mainSectionLogo{
    	    z-index: 1;
            position: relative;
            top: -100px;
            left:190px;
            width: 250px;
    }
}

.affix {
    top: 0px;
    z-index: 9999 !important;
    width:100%;
    background-color:  white;
    margin:0px;
    padding: 5px;
  }

.maincontainer{
    display: inline;
    
    margin-top:30px;
    
    padding-top:45px;
    text-shadow: 0px 0px 10px black;
}
.breakfastHeader{
	background-color: rgba(0,171,158,1);
}
.ehide{
    display:block;
}
.headerLogo, .headerLogo a{
	color: rgba(255,230,153,1);
	font-family: Antonio;
	font-size: 24px;
}   
.textMain{
    font-size:36px;
    color: rgba(105, 24, 91,0.7);
	font-family: Antonio;
}
/* Float four columns side by side */
.column {
  float: left;
  width: 25%;
  padding: 2px 2px;
}

/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.card {
  border-radius: 5px;
  padding: 16px;
  text-align: center;
  background-color: white;
}
.card:hover{
    box-shadow: 0px 0px 10px black ;
}
.headerIcon{
	float: left;
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid white;
	border-radius: 15px;
	margin: 15px 0px;

}
.menuTitle{
    font-size:36px;
    color: rgb(105, 24, 91);
	font-family: Antonio;
	text-shadow: 0px 0px 10px black;
}

.clockHeaderIcon{
	background-image: url(../sources/images/clock.png);
}

.cellHeaderIcon{
	background-image: url(../sources/images/cellphone.png);
}

.headerTitle{
	margin: 20px 35px;
}

.breakfastMainSection{
	background-color: rgb(145, 33, 127);
	height: 400px;
}


#menu{
    
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
}
.headerMenu{
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    cursor: pointer;
}

.headerMenu a{
    color: rgb(105, 24, 91);
    
}
.headerMenu a:hover{
    
    text-shadow: 0px 0px 10px black;
}
.mainLogoContainer{
	text-align: center;
}

.simpleContactLabel{
	text-align: center;
	font-size: 25px;
	margin: 0 0 25px 0;
}

.breakfastContactSection{
	background-color: rgb(198, 41, 175);
	background-image: url(../sources/images/backgroundBfHd.png);
	background-position: center;
    background-repeat: space;
    background-size: contain;
}

.breakfastContactTitle{
	margin: 25px 0 10px 0;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
}

.breakfastContactTxt{
	margin: 0px 0px 25px 0px;
}

.desayunoSection{
	background-image: url(../sources/images/background.png);
}

.desayunosSectionTitle {
    color: rgba(0,0,0,1) !important;
    text-align: right;
    font-size: 85px;
    margin: 0 -5px 0px 0;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
}

.desayunosSectionTxt{
	color: rgba(76,76,76,1) !important;
	margin: -20px 0 0px 0;
	text-align: right;
	text-shadow: 1px 1px rgba(76,76,76,0.5);
}
.desayunosSectionTxtContainer{
	background-color: rgb(232, 238, 245);
	padding-top: 30px;
	margin: 150px 0 0 0;
	max-width: 250px;
}

.desayunosSectionImgContainer{
	text-align: center;
}

.desayunosSectionImg{
	display: inline-block;
	align-self: center;
	margin: 100px 50px;
}

.bfcol{
	text-align: center;
}

.imgDesayunoMini{
	display: inline-block;
	border: 2px solid rgb(0, 182, 177);
	border-radius: 100px;
	cursor: pointer;
}

.tltDesayunoMini{
	color: rgb(0, 182, 177);
	text-shadow: 1px 1px rgba(0, 182, 177, 0.5);
	margin: 5px;
	cursor: pointer;
}

.txtDesayunoMini {
	padding: 0 20px;
	cursor: pointer;
	margin: 0 0 30px 0;
}

.bottomBreakfastSection{
	background-color: rgb(67, 23, 57);
}

.bottomSectionLogoContainer{
	text-align: center;
}

.bottomSectionLogo{
	display: inline-block;
	margin: 25px 0 0 0;
}

.bottomSectionLogoTxt{
	margin: -10px 0 25px 0;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
}

.bottomSectionContactTlt{
	text-align: center;
	color: rgb(213, 153, 89);
	margin: 20px 0px;
	text-shadow: 1px 1px rgba(213, 153, 89,0.5);
}

.bottomSectionContactTxt{
	margin:0 0 25px 0;
}

.breakfastFooter{
	background-color: rgb(231, 231, 231);
}
.bfnameeconomicos{
    font-size:24px;
    color: rgb(105, 24, 91);
    background-color: rgba(255,230,153,1);
    padding: 5px;
}
.bfnameespeciales{
    font-size:24px;
    color: rgb(105, 24, 91);
    background-color: rgba(255,230,153,1);
    padding: 5px;
}
.bfdetalleespeciales{
    float: left;
}
.breakfastFooterTlt{
	color: black;
	font-size: 25px;
	margin: 40px 0;
	text-align: center;
}

.myButton {
	margin: 25px 0;
    width: 220px;
    height: 50px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
}

.myButton:active{
	width: 218px;
	height: 48px;
}

.myButtonImg{
	float: left;
    margin: 12px;
    margin-left: 60px;
    cursor: pointer;
}

.myButtonTxt{
	text-align: left;
	line-height: 50px
}

.eventsButton{
	background-color: rgb(0, 183, 62);
}

.tourismButton{
	background-color: rgb(0, 182, 177);
}

.bfButton{
	background-color: rgb(105, 23, 91);
}

.myButtonContainer{
	text-align: center;
}

@media (max-width: 992px) {
	h1{
		font-size: 45px;
	}

	h2{
		font-size: 70px;
	}

	h3{
		font-size: 30px;
	}

	p{
		font-size: 30px;
	}

	.headerTitle {
		margin: 15px 0px 0 35px;
	}

	.simpleContactLabel{
		font-size: 30px;
	}

	.mainSectionImg{
		display: none;
	}

	.imgDesayunoMini {
		margin: 0 20px 0 0px;
		float: left;
	}
	
	.tltDesayunoMini {
		color: rgb(0, 182, 177);
		text-shadow: 1px 1px rgba(0, 182, 177, 0.5);
		margin: 25px 0 0 0;
	}

	.txtDesayunoMini{
		margin: 0;
	}

	.bfcol {
		text-align: left;
		margin: 0 0 14px 0;
	}

	.desayunosSectionTitle{
		text-align: center;
	}

	.desayunosSectionTxt{
		text-align: center;
	}

	.desayunosSectionImg {
		margin: 100px 0px;
	}

	.breakfastFooterTlt {
		font-size: 30px;
	}
	.ehide{
	    display:none;
	}
	.maincontainer{
        display: block;
        padding-top: 45px;
        margin: auto;
        margin-right: 50px;
        
    }
    .breakfastMainSection{
    	background-color: rgba(105,24,91,1);
    	height: 400px;
    }
    
    #bombasImage{
        width:150px;
    }
    
}

/*
	BREAKFST SECTION
*/

.breakfastSectionMainImg{
	background-color: rgb(0, 181, 176);
	background-image: url(../sources/images/seccionDesayunoImg.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

.breakfastSectionTltContainer{
	text-align: center;
}

.breakfastSectionMainLogo{
	display: inline-block;
	max-height: 220px;
	margin: 0 0 25px 0;
}

.breakfastSectionMainTlt {
	text-align: center;
	font-size: 59px;
	margin: 30px 0 0px 0;
}

.titleContainer{
	text-align: center;
}

.titleBox{
	display: inline-block;
	padding: 10px 0 0 0;
	height: 90px;
	background-color: rgb(198, 165, 255);
	margin: 25px 0;
}

.sectionTlt{
	text-align: right;
	margin: 0px -3px 0px 0px;
	color: rgba(0,0,0,1);
	text-shadow: 1px 1px rgba(0,0,0,0.5);
	font-size: 85px; 
}

.imgDesayunoMiniItm{
	display: inline-block;
	border: 2px solid rgb(113, 3, 255);
	border-radius: 100px;
	cursor: pointer;
}

.tltDesayunoMiniItm{
	color: rgb(113, 3, 255);
	text-shadow: 1px 1px rgba(113, 3, 2557, 0.5);
	margin: 5px;
	cursor: pointer;
}

.txtDesayunoMiniItm{
	color: rgb(0,0,0);
	margin: 0 0 30px 0;
}

@media (max-width: 992px) {
	.breakfastSectionMainImg{
		background-image: none;
	}

	.breakfastSectionMainTlt {
		text-align: center;
		font-size: 80px;
		margin: 25px 0 0px 0;
	}

	.imgDesayunoMiniItm {
		margin: 0 20px 0 0px;
		float: left;
	}
	
	.tltDesayunoMiniItm {
		margin: 25px 0 0 0;
	}
}

/*
	BREAKFST SECTION --> Modal
*/

.modalHeaderImg{
	opacity: 0;
}

.bfModalHeader{
	min-height: 160px;
	background-image: url(../sources/images/modalHeader.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bfModalClose{
	opacity: 0.4 !important;
	text-shadow: 1px 1px 0 rgb(255,255,255);
}

.bfModalBody{
	background-image: url(../sources/images/background.png);
}

.bfModalTitle{
	color: rgb(105, 23, 91);
	text-align: center;
	text-shadow: 1px 1px rgba(105, 23, 91, 0.5);
	font-size: 50px;
}

.bfModalSubitle{
	color: rgb(0, 0, 0);
	text-align: left;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	font-size: 25px;
	margin: 15px 0;
}

.bfModalImg{
	display: inline-block;
	margin: 15px 0 0 0;
	max-height: 270px;
}

.bfModalImgContainer{
	text-align: center;
}

.bfCostContainer{
	background-color: rgb(105, 23, 91);
	display: inline-block;
	padding: 15px;
	margin: 15px;
}

.bfModalFooter{
	background-color: rgb(0, 182, 177);
	text-align: center;
}

.telImg{
	display: inline-block;
}

.bfModalFooterTlt{
	font-size: 28px;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
}

#bf_detailLabel{
	max-height: 280px;
	overflow: auto;
}

@media (max-width: 992px) {
	.bfModalSubitle {
		font-size: 30px;
	}
}

/*
	EVENTOS
*/

.eventsMainImg{
	background-color: rgb(253, 243, 230);
	background-image: url(../sources/images/eventosHeaderMain.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

.eventsTitleImgContainer{
	text-align: center;
}

.eventsTitleImg{
	display: inline-block;
	margin: 60px;
}

.eventsTitleBox{
	display: inline-block;
	padding: 10px 0 0 0;
	height: 150px;
	background-color: rgb(252, 219, 172);
	margin: 25px 0;
}

.trEvSection{
	background-image: url(../sources/images/backgroundTrEv.png);
}

.eventsTlt{
	text-align: left;
	margin: 0px -10px 0px 15px;
	color: rgba(0,0,0,1);
	text-shadow: 1px 1px rgba(0,0,0,0.5); 
	font-size: 43px;
}

.subtitleContainer{
	text-align: left;
}

.eventsSubtitleBox{
	display: inline-block;
	padding: 10px 0 0 0;
	height: 100px;
	background-color: rgb(252, 219, 172);
	margin: 25px 0;
}

.eventsStlt{
	text-align: left;
    margin: 15px -10px 0px 15px;
    color: rgba(0,0,0,1);
    font-size: 20px;
}

.eventImgContainerLf{
	text-align: right;
}

.eventImg{
	margin: 10px 25px;
	display: inline-block;
	border: 2px solid rgb(39, 185, 62);
}

.eventItemTlt{
	font-size: 35px;
	margin: 70px 25px 0 25px;
	color: rgb(39, 185, 62);
	text-shadow: 1px 1px rgba(39, 185, 62, 0.5)
}

.eventItemTltRg{
	text-align: right;
}

.eventItemTx {
    margin: 0 25px;
}

.eventItemTxtRg{
	text-align: right;
}

.footerContactSection {
    background-color: rgb(0, 182, 177);
    text-align: center;
    padding: 25px 0px;
}

.footerContactTxt {
    font-size: 25px;
    margin: 0;
}

.separator {
    border: 1px solid white;
    border-radius: 1px;
    width: 1px;
    height: 54px;
    display: inline-block;
}

.eventsFooTxt{
	color: rgb(0,0,0);
	text-shadow: 1px 1px rgba(0,0,0,0.5);
	margin: 25px 0;
	text-align: center;
}

.rightItmXs{
	display: none;
}

@media (max-width: 992px) {
	.eventsMainImg{
		background-image: none;
	}
	.eventsTitleImg{
		display: inline-block;
		margin: 25px 0;
	}

	.eventImg{
		margin: 25px 0 0 0;
	}

	.eventItemTlt{
		font-size: 45px;
	}

	.separatorContainer{
		display: none;
	}

	.rightItmMd{
		display: none;
	}

	.rightItmXs{
		display: block;
	}

	.eventsStlt {
		font-size: 30px;
	}

	.eventsSubtitleBox {
		height: 150px;
	}

	.footerContactTxt {
		font-size: 30px;
	}

	.eventImgContainer{
		text-align: center !important;
	}
}

/*
	TURISMO
*/

.trMainImg{
	background-color: rgb(255, 232, 169);
	background-image: url(../sources/images/trHeaderMain.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

.trTitleImg{
	display: inline-block;
	margin: 60px;
	max-height: 310px;
}

.trTitleTxt {
	color: rgb(75,75,75);
	text-shadow: 1px 1px rgba(75,75,75,0.5);
	margin: 270px 0px 0 -150px;
	font-size: 35px;
}

.trTitleBox{
	display: inline-block;
	padding: 10px 0 0 0;
	height: 150px;
	background-color: rgb(141, 239, 234);
	margin: 25px 0;
}

.trItemTlt{
	font-size: 35px;
	margin: 70px 25px 0 25px;
    color: rgb(74, 74, 74);
    text-shadow: 1px 1px rgba(74, 74, 74, 0.5);
}

.trItemTltRg {
    text-align: right;
}

.trImg {
	margin: 10px 25px;
    display: inline-block;
    border: 2px solid rgb(141, 239, 234);
}

@media (max-width: 992px) {
	.trMainImg{
		background-image: none;
	}

	.trTitleImg{
		margin: 25px 0;
	}

	.trTitleTxt {
		text-align: center;
		font-size: 45px;
		margin: 0px 0px 25px 0px;
	}

	.trImg {
		margin: 25px 0 0 0;
	}
}

/*
	QUIENES SOMOS
*/

.quienesSomosTitleBox{
	display: inline-block;
	padding: 10px 0 0 0;
	height: 50px;
	background-color: rgb(252, 219, 172);
	margin: 25px 0;
}

.quienesSomosTlt{
	text-align: left;
	margin: 0px -10px 0px 15px;
	color: rgba(0,0,0,1);
	text-shadow: 1px 1px rgba(0,0,0,0.5); 
	font-size: 43px;
}

p.quienesSomosTxt {
    font-size: 20px;
    text-align: justify;
}

/*
	GENERAL
*/

@font-face{
	font-family: Antonio;
	src: url(../sources/fonts/Antonio-Regular.ttf);
}

@font-face{
	font-family: Frente;
	src: url(../sources/fonts/FrenteH1-Regular.otf);
}

@font-face{
	font-family: Jenna;
	src: url(../sources/fonts/JennaSue.ttf);
}