body
{
	background: #f2f3ff!important;
}

.cuadestados
{
	margin-bottom: 40px;
}

/***ACCESO AGENCIAS ***/

.inicio
	{
		padding: 0; background: url(../images/princhacienda.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	    z-index: 0;
		display: grid;
		align-items: center;
		height: 400px;
	}

	.aguascalientes
	{
		padding: 0; background: url(../images/hacienda_letras.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	    z-index: 0;
		display: grid;
		align-items: center;
	}

	.jalisco
	{
		padding: 0; background: url(../images/jalisc.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	    z-index: 0;
		display: grid;
		align-items: center;
	}

	.hcarmen
	{
		padding: 0; background: url(../images/hcarmenportada.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	    z-index: 0;
		display: grid;
		align-items: center;
	}

	.hsepu
	{
		padding: 0; background: url(../images/hsepuportada.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	    z-index: 0;
		display: grid;
		align-items: center;
	}

	.btnresv
	{
		width: 30%; 
		background: #a6772e;
		color: white; 
		border-radius: 5px; 
		padding: 2%; 
		font-size: 1.4em;
	}

	.infoprecios
	{
		background: white;
	    padding: 4%;
	    border-radius: 8px;
	    -webkit-box-shadow: 0px 8px 19px -1px rgb(230 230 230);
	    -moz-box-shadow: 0px 8px 19px -1px rgba(230, 230, 230);
	    box-shadow: 0px 8px 19px -1px rgb(218 217 217);
	    padding: 2%;
	}

	.txtincl
	{
		margin-bottom: 20px;
		font-size: 1.3em;
	}
	.textdesc
	{
		color:black; 
		color: #313131; 
		font-size: 1.2em;
		text-align: justify;
	}

	.cuadimag
	{
		margin-top: 27px;
	}
	.imgmuestra
	{
		margin-top: 27px;
	}

	.cuadvideo
	{
		background: black; 
		padding: 3%;
	}

	.titvideo
	{
		color:white; 
		margin-bottom: 4%; 
		font-size: 3em; 
		font-weight: 600;
	}

	.cuadhab
	{
		-webkit-box-shadow: 0px 8px 19px -1px rgb(230 230 230); 
		-moz-box-shadow: 0px 8px 19px -1px rgba(230, 230, 230); 
		box-shadow: 0px 8px 19px -1px rgb(218 217 217); 
		padding: 2%; 
		margin-bottom: 4%;
	}

	.txhab
	{
		font-size: 1.8em;
		text-align: center;
	}

	.tarifa1
	{
		border-bottom: 1px solid gainsboro; 
		margin-bottom: 18px;
	}

	.cuads
	{
		height: 110px;
	}

	.txprecio
	{
		font-size: 2.3em;
		font-weight: 600;
		margin-bottom: 0;
	}

	.txdenom
	{
		font-size: .3em
	}

	.btnreserva
	{
		width: 80%; 
		background: #deb862; 
		color: #5f3319; 
		border-radius: 5px; 
		padding: 2%; 
		font-size: 1.4em; 
		border: none; 
		margin-top: 31px;
	}
	.cuadestado
	{
		background: white;
		border-radius: 3px;
	    -webkit-box-shadow: 0px 8px 19px -1px rgb(230 230 230);
	    -moz-box-shadow: 0px 8px 19px -1px rgba(230, 230, 230);
	    box-shadow: 0px 8px 19px -1px rgb(218 217 217);
	}

	.titedos
	{
		background: #996515;
		color: #ffffff;
		padding: 3%;
		margin-top: 0;
	}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgb(255 255 255 / 90%);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.titaccess
{
	    color: #0f467c;
   		 margin-bottom: 3%;
}

.inpaccess
{
	padding: 1%;
    width: 300px;
    border-radius: 5px;
    border: 1px solid blue;
}

.btnaccess
{
	    width: 300px;
	    background: #0f467c;
	    padding: 14px;
	    color: white;
	    font-size: 1.2em;
	    border: none;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/***ACCESO AGENCIAS ***/


		/*** CUADRO FLOTANTE DE INGRESO ***/
		.cuadgranding
		{
			position: fixed; 
			z-index: 10; 
			margin-top: 20%; 
			right: 0;
		}

		.cuadingresar
		{
			background: #0000ab;
		    color: white;
		    padding: 9%;
		    width: 150px;
		    text-align: center;
		    cursor: pointer;
		    font-size: 1.2em;
		}

			.titulos
			{
				font-family: 'Montserrat', sans-serif;
			}
			.parrafos
			{				
				font-family: 'Nunito', sans-serif;
			}		

			.titulosslider
			{
				font-family: 'Poppins', sans-serif;
			}	

			.navb
			{
				    
				background: #fff4e2;
			    border: none;
			    margin-bottom: 0;
			    padding-bottom: 5px;
			    border-radius: 0;
			    height: 115px;
			}
			.navcont
			{
				padding-left: 6%;
    			padding-top: 1%;
    			background: #fff4e2;
			}

			h1
			{
				font-weight: 600;
				margin-bottom: 7%;
			}
			.pbanner
			{
				margin-bottom: 10%;
			}
			.bco
			{
				background:white;
				padding: 0;
			}

			.colorprin
			{
				color: #844737;
			}

			.titbco
			{
				color: white;
			}

			.bckprinc
			{
				background: #783626;
			}
			.otherfont
			{
				font-family: 'Kaushan Script', cursive;
			}

			.bardats
			{
				background: #0f467c;
			    padding: 3px;
			    z-index: 3;
			}

			.datmail
			{
				color: white; 
				font-size: .9em; 
				font-weight: 400;
			}

			.datphone
			{
				color: white; 
				font-size: .9em; 
				font-weight: 400; 
				margin-left: 7%;
			}

			.datscont
			{
				right: 0; 
				margin-left: 65%;
			}

			.slogan
			{
				width: 100%;
			    color: white;
			    font-weight: 400;
			    font-size: 7em;
			    text-shadow: -3px 2px 5px rgba(78, 78, 78, 0.99);
			    position: absolute;
			    z-index: 20;
			    margin-top: 7%;
			}

			.desttit
			{
				width: 90%;
			    position: absolute;
			    z-index: 2;
			    margin-top: 48%;
			    font-size: 1.7em;
			    text-align: center;
			    text-shadow: -3px 2px 5px rgb(78 78 78 / 99%);
			    color: white;
			}

			.cuadbusc
			{
				margin-left: 12.5%;
			    width: 75%;
			    position: absolute;
			    z-index: 20;
			    margin-top: 21%;
			    padding: 2%;
			    background: white;
			    border-radius: 3px;
			}
			.labelbusc
			{	
				display: block;
				color: #02aadd

			}
			.inputbusc
			{
			    border-top: none;
			    border-left: none;
			    border-right: none;
			    border-bottom: 1px solid gainsboro;
			    padding-top: 1%;
			    outline: none;
			    width: 90%;
			}

			.ciservicios
			{
				width: 100px;
			    height: 100px;
			    background: #ffffff;
			    border-radius: 100px;
			    padding-top: 16%;
			}
			.icservicios
			{
				color: #0000ab;
				font-size: 3.5em;
			}
			.textserv
			{
				color: gray;
    			margin-top: 5%;
			}

			.titserv
			{
				color: #1a3279;
    			font-weight: 600;
			}

			.cuadserv:hover
			{
				-webkit-box-shadow: 0px 8px 19px -1px rgba(230, 230, 230);
			    -moz-box-shadow: 0px 8px 19px -1px rgba(230, 230, 230);
			    box-shadow: 0px 8px 19px -1px rgb(230, 230, 230);
			}

			.btnslide
			{
				    width: 40%;
				    background: #f2f3ff;
				    padding: 2%;
				    border: 1px solid #f2f3ff;
				    font-size: 2em;
				    border-radius: 3px;
				    color: #0f467c;
				    text-decoration: none;
				    -webkit-transition: all 500ms ease;
				    -o-transition: all 500ms ease;
				    transition: all 500ms ease;
			}

			.btnslide:hover
			{
				
			    background: none;	
			    color: 	#3abad3;	    
			}

			.btnsecc
			{
				padding: 4%;
			    width: 50%;
			    margin-top: 5%;
			    border: 1px solid white;
			    background: white;
			    border-radius: 2px;
			    text-align: center;
			    color: #0f467c;
			    font-size: 1.6em;
			    font-weight: 600;
			    -webkit-transition: all 500ms ease;
		      -o-transition: all 500ms ease;
		      transition: all 500ms ease;
			}

			.btnsecc:hover
			{
				background: none;
				color: white;
			}

			.btnsecc2
			{
				padding: 4%;
			    width: 50%;
			    margin-top: 5%;
			    border: 1px solid #3abad3;
			    background: #3abad3;
			    border-radius: 2px;
			    text-align: center;
			    color: white;
			    font-size: 1.6em;
			    font-weight: 600;
			    -webkit-transition: all 500ms ease;
		      -o-transition: all 500ms ease;
		      transition: all 500ms ease;
			}

			.btnsecc2:hover
			{
				background: none;
				color: #3abad3;
			}

			.parrafsecc
			{
				text-align: justify;
			}

			a:hover, focus
			{
				text-decoration: none;
			}

			.carousel-caption 
			{
			    text-shadow: none;
			}

			.us
			{
				padding: 0; background: url(../images/princhacienda.jpg) no-repeat center;
			    background-size: cover;
			    position: relative;
			    z-index: 0;
			    display: grid;
			    align-items: center;
			}

			.contus
			{
				position: relative; 
				padding: 8%;
			}

			.textus
			{
				line-height: 2.2em;
			    font-size: 1.1em;
			    margin-top: 5%;
			}

			.contacto
			{
				padding: 5%;
			}
			.contacto1
			{
				padding: 3%;
			}
			.inpcontacto
			{
				width: 90%;
			    border-left: none;
			    background: none;
			    border-right: none;
			    border-top: none;
			    border-bottom: 1px solid #0000ab;
			    margin-bottom: 7%;
			    font-size: 1.2em;
			    padding: 3%;
			    outline: none;
			}

			.inpcoment
			{
				padding-bottom: 10%;
			}

			.foot
			{
				padding: 5%;
				
			}

			.listfoot
			{
				border: none;
				background: none;
			}

			.redesfoot
			{
				padding-left: 20%;
				padding-right: 20%; 
			}	

			.frasfoot
			{
				font-size: 2em;
			}

			.reserv
			{
				padding: 2%;
			    border-top: 1px solid white;
			    width: 80%;
			    margin-left: 10%;
			}

			.fontgruesa
			{
				font-weight: 600;
			}

			.iconcontact
			{
				color: #0000ab;
    			margin-right: 10px;
			}

			.espcontact
			{
				margin-bottom: 4%;
			}
			.nav1
			{
				margin-top: 18px;
    			margin-left: 22%;
			}
			.nav2
			{
				margin-top: 1%;
    			margin-right: 7%;
			}

			.iclogo
			{
				font-size: 2em;
    			margin-right: 10px;
			}

			/*.azul
			{
				color: #f84d39;
			}*/

			.blanco
			{
				color: white!important;
			}
			.azul
			{
				color: #0000ab!important
			}
			.icontel
			{
				margin-right: 8px;
			}
			.gris
			{
				    color: #773525!important;
			}
			.telefono
			{
				color: #f84d39!important;
			}
			.iconsocial
			{
				font-size: 1.3em;
			}

			.cuadtit
			{
				padding: 10%;
			}
			.agendar
			{
				background: #1f2c48;
			    padding: 3%;
			    color: white;
			    border-radius: 2%;
			}

			.info
			{
				margin-left: 3%;
			    padding: 3%;
			    border-radius: 2%;
			    border: 1px solid #1f2c48;
			    color: #1f2c48;
			}

			.cuaduno
			{
				border-radius: 2px;
			    right: 0;
			    position: absolute;
			    width: 54%;
			    z-index: 5;
			    padding-left: 9%;
			    margin-top: 9%;
			    padding: 4%;
			    background-color: rgb(255, 255, 255,0.8);
			    -webkit-box-shadow: -8px 10px 46px -22px rgba(0,0,0,0.75);
			    -moz-box-shadow: -8px 10px 46px -22px rgba(0,0,0,0.75);
			    box-shadow: -8px 10px 46px -22px rgba(0,0,0,0.75);
			}

			.titcuaduno
			{
				color: #1f2c48;
			    font-weight: 600;
			    margin-bottom: 5%;
			    font-size: 3em;
			    margin-top: 0;
			}

			.pcuaduno
			{
				color: #1f2c48;
			    width: 90%;
			    text-align: justify;
			    margin-bottom: 10%;
			}
			.tel
			{
				letter-spacing: 1px;
			    font-size: 1.3em;
			    font-weight: 600;
			}

			.espicon
			{
				margin-right: 2px;
			}

			.redes
			{
				position: fixed;
			    margin-top: 18%;
			    width: 7%;
			    padding: 2%;
			    z-index: 3;
				
			}

			.cuadred
			{
				background: #ffffff;
			    height: 40px;
			    width: 40px;
			    padding: 27%;
			    border-radius: 70px;			    
			    margin-bottom: 55%;
			}

			.cuadred2
			{
				background: #ffffff;
			    height: 55px;
			    width: 55px;
			    padding: 22%!important;
			    border-radius: 70px;			    
			}
			.servicios
			{
				background: #f9f9f9;
				padding: 3%;
			}
			.nosotros
			{
				background: white;
			    padding-top: 5%;
			    padding-bottom: 3%;
			    padding-right: 0;
			    padding-left: 0;
			}
			.cuadnos
			{
				background: #1f2c48;
			}
			.nosotros1
			{
				padding: 4%;
				
			}
			.imgus
			{
				position: absolute;
			    z-index: 3;
			    margin-top: -65px;
			    right: 0;
			    width: 370px;
			}
			.contservicios
			{
				padding: 2%;
			    padding-left: 4%;
			    padding-right: 4%;
			}
			.cuadserv
			{
			  padding-right: 0.8%;
    		  padding-left: 0.8%;
    		  padding-top: 2%;
    		  -webkit-transition: all 500ms ease;
		      -o-transition: all 500ms ease;
		      transition: all 500ms ease;
			}
			.cuadserv:hover
			{
			  -webkit-box-shadow: 0px 8px 19px -1px rgba(136, 136, 136);
			    -moz-box-shadow: 0px 8px 19px -1px rgba(136, 136, 136);
			    box-shadow: 0px 8px 19px -1px rgb(136, 136, 136);
			}

			.titsecc
			{
				font-size: 2.5em;
			    margin-bottom: 4%;
			}
			.iconserv
			{
				background: #1f2c48;
			    padding: 11%;
			    font-size: 3em;
			    height: 100px;
			    color: white;
			    width: 100px;
			    border-radius: 70px;
			}

			.carousel-control.left {
			    background-image: none;			   
			    background-image: none;
			    background-image: none;
			    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
			    background-repeat: repeat-x;
			}

			.carousel-control.right {
			    background-image: none;			   
			    background-image: none;
			    background-image: none;
			}
			.carousel-caption
			{
				top: 139px;
			}

			.btnacceso
			{
				margin-top: 13px;
			    border: 1px solid #0f467c;
			    text-align: center;
			    background: #0f467c;
			    color: white!important;
			    padding: 10px!important;
			    width: 170px;
			    font-size: 1em;
			    border-radius: 100px;
			    outline: 0px;
			    -webkit-transition: all 500ms ease;
			    -o-transition: all 500ms ease;
			    transition: all 500ms ease;
			}

			.btnacceso:hover
			{
				color: #0f467c!important;
			}

			.opcmen
			{
				font-size: .9em;
			}

			.titcarousel
			{
				font-size: 6.5em;
				font-weight: 600;
			}

/*******DESTINOS ESTILOS***** */
		.cuadsdest
			{
				padding: 0%;
			}
			
			.desttext
			{
				padding: 7%;
				height: 500px;
			}

			.imgserv
			{
				max-height: 500px;
    			border-radius: 3px;		
    			max-height: 500px;
			    border-radius: 3px;
			    -webkit-box-shadow: 0px 8px 19px -1px rgb(230 230 230);
			    -moz-box-shadow: 0px 8px 19px -1px rgba(230, 230, 230);
			    box-shadow: 0px 8px 19px -1px rgb(218 217 217);		
			}

			.titdest
			{
				font-weight: 600;
				color: gray;
			}

			.textdest
			{
				margin-top: 3%;
				font-size: 1.2em;
				color: gray;
			}


			/** ==================================== BARRA DE DESPLAZAMIENTO (SCROLLBAR)  ===================================== **/
	::-webkit-scrollbar
	{
	    width: 7px;
		height: 8px;
	}

	::-webkit-scrollbar-track
	{
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
	}

	::-webkit-scrollbar-thumb
	{
        background: #996515;
    	border-radius: 10px;
		}

		::-webkit-scrollbar-corner
			{
      	background-color: black;
      }

 	/************************* MEDIA QUERY CELULARES *************************/
		 @media (max-width: 575.98px)
		{

		  /*** CUADRO FLOTANTE DE INGRESO ***/
			.cuadgranding
			{				
				margin-top: 25%; 
			}

			.cuadingresar
			{				
			    width: 55px;
			    font-size: 1.3em;
			}

			.texting
			{
				display: none;
			}
		  /*** CUADRO FLOTANTE DE INGRESO **/


			.datscont
			{
				margin-left: 5%;
			}

			.navb
			{
				height: 60px;
			}

			.logo 
			{
			    margin-top: -25px;
    			margin-left: 34px;
			}

			.navbar-toggle {
			    position: relative;
			    float: right;
			    padding: 9px 10px;
			    margin-top: 18px;
			    margin-right: 28px;
			    margin-bottom: 8px;
			    background-color: transparent;
			    background-image: none;
			    border: 1px solid transparent;
			    border-radius: 4px;
			}

			.cuadred {
			    padding: 80%;
			}

			.redesfoot
			{
				display: none;
			}

			.carousel-indicators
			{
				display: none;
			}

			.carousel-caption
			{
				margin-top: -165px;
			}

			.btnslide {
			    width: 70%;
			    padding: 1.5%;
			    font-size: 1.5em;
			}

			.titcarousel 
			{
			    font-size: 3em;
			    font-weight: 600;
			}

			.titcarousel1 
			{
			    font-size: 18px;
			}
		}

		/************************* MEDIA QUERY TABLETS *************************/
		@media (min-width: 576px) and (max-width: 767.98px)
		{

			.datscont
			{
				margin-left: 8%;
			}

			.navb
			{
				height: 60px;
			}

			.logo 
			{
			    margin-left: 24px;
			    margin-top: -3px;
			}

			.navbar-toggle {
			    position: relative;
			    float: right;
			    padding: 9px 10px;
			    margin-top: 18px;
			    margin-right: 28px;
			    margin-bottom: 8px;
			    background-color: transparent;
			    background-image: none;
			    border: 1px solid transparent;
			    border-radius: 4px;
			}

			.cuadred {
			    padding: 80%;
			}

			.redesfoot
			{
				display: none;
			}

			.carousel-indicators
			{
				display: none;
			}

			.carousel-caption
			{
				margin-top: -165px;
			}

			.btnslide {
			    width: 70%;
			    padding: 1.5%;
			    font-size: 1.5em;
			}

			.titcarousel 
			{
			    font-size: 3em;
			    font-weight: 600;
			}

			.titcarousel1 
			{
			    font-size: 18px;
			}


		}

		// Medium devices (tablets, 768px and up)
	    @media (min-width: 768px) and (max-width: 991.98px)

				{
				

				}

				// Large devices (desktops, 992px and up)
				@media (min-width: 992px) and (max-width: 1199.98px)
				{
					

				}

				// Extra large devices (large desktops, 1200px and up)
				@media (min-width: 1200px)
				{
					
					}

			}