/* @group generales */

body { 
font-family: 'Montserrat', sans-serif;
	font-weight:300;
	color: #626262;
	padding-left: 0;
	padding-right: 0;
}

p{
	color:#57544c;
	margin-bottom: 0;
}
.page-header h2{
	font-size:36px;
}
#global.container{
	width: 100%;
	max-width:1400px;
}
.slide_hom{
		max-width:1400px;
	max-height:600px;
	height:auto;
}
.tx_ini{
	max-width:80%;
	margin: 4em auto;
}
.tx_ini div{
	padding: 0 4em 6em;
}

.bot{
	margin:0 auto;
	width: 80%;
}
.bot .uk-panel-teaser{
	margin-bottom:0;
}
.bot h3{
	color: #df273e;
font-size: 0.9em;
	font-weight: 400;
	text-align: center;
}
.bot h3:hover{
	font-size: 1.2em;
	transition:1s;
}
.nom{
	margin:0 auto;
}
.datos{
	text-align: center;
	color: #df273e;
	margin-bottom: 1em;
	margin-top: 2em;
}
p, h2, h4{
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	color: #8a857e;
}
.sup h2{
	margin-top:68px;
	 margin-bottom: 0;
}
.sup h4{
		margin-top:1px;
	font-style: italic;
}
.nombre{
	width:70%;
	float:left;
}
.res{
		margin-top:80px;
	width:15%;
	float:left;
}
.res a{
		color: #df273e;
font-size: 0.9em;
	font-weight: 400;
	text-align: center;
}
.res a:hover{
	size: 120%;
	transition:1s;
}
.chronoforms{
	padding-left:1em;
	padding-right:1em;
}
.chronoforms .ui.form {
    background-color: #f5f5f5;
    max-width: 800px;
    padding: 4em;
	display:flow-root;
	margin: 2em auto;
}
.checkbox label{
	padding-top: 0 !important;
}
.form h1 {
    border-top: 1px solid #ccc;
    color: #df273e;
    padding-top: 1em;
}
.form h1:first-child {
    border-top: none;
}
#cuerpo .con {
    position: relative;
    top: -270px;
    background: #ffffff;
    width: 80%;
    margin: 0 auto;
    padding: 3em;
}

.para h3{
	margin-top: -170px !important;
	font-size: 5em;
	color: #ffffff;
	opacity:0.8;
}



/* @end */

/* @group menu */
.menu li{
	float:left;
	background-color:#df273e;
	margin-right: 0.1em;
}
.menu li a{
	color:#ffffff;
}
.menu li a:hover{
	color:#df273e;
}
/* @end */

/* @group galerias */

.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore){
	opacity: 0.9 !important;
}
p.reserva{
padding: 2em;
background-color: #86b90c;
color: #ffffff;
margin-top: 1em;
display: inline-block;
border-radius: 5px;
}
p.reserva:hover{
		background-color: #9c9b9e;
	transition: all 0.7s ease-in 0s;
	webkit-transition: all 0.7s ease-in 0s;
	moz-transition: all 0.7s ease-in 0s;
}
p.precio{
	
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,229,192,1) 79%, rgba(236,229,192,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(79%, rgba(236,229,192,1)), color-stop(100%, rgba(236,229,192,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,229,192,1) 79%, rgba(236,229,192,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,229,192,1) 79%, rgba(236,229,192,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,229,192,1) 79%, rgba(236,229,192,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(236,229,192,1) 79%, rgba(236,229,192,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ece5c0', GradientType=0 );
padding: 2em;
text-align: right;
color: #514e4e;
font-weight: bold;
}
.gallery{
	background-color: #ece5c0;
width: 100%;
float: right;
	padding-bottom: 35px;
	padding-right: 35px;
}
.gallery.com{
	padding-top: 35px;
}



/* @end */

/* @group formulario */
label{
	width:200px;
	float:left;
	clear:both;
}

.ui.form input {
    height: auto;
    width: 300px !important;
	float:left;
}
.form h1{
	color: #df273e;
}
.form h2, .form h1{
	clear:both;
}
.titulo{
	float:left;
	clear:both;
}
#pie{
}
a.chronoforms6_credits{
	display:none;
}
.form .field{
	margin-top: 0.5em;
	margin-bottom:0.5em;
	float:left;
	padding-left:2em;
}
.form .field:nth-child(23){
		padding-left:0em !important;
}
.form .field:nth-child(23) label{
		padding-right: 1em;
		width: 228px;
		padding-top: 0;
}
.form .field label{
	padding-top:0.5em;
}
.multifield label{
	width:100%;
}
.multifield div{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ui.green.button, .ui.green.buttons .button, .uk-button-primary{
	background-color:#df273e;
	float:right;
}

.ui.green.button:hover, .ui.green.button:active, .ui.green.buttons .button:hover, .ui.green.buttons .button:active, .uk-button-primary:hover, .uk-button-primary:active{

	background-color: #9c9b9e;
	transition: all 0.7s ease-in 0s;
	webkit-transition: all 0.7s ease-in 0s;
	moz-transition: all 0.7s ease-in 0s;	
}



.g-recaptcha > div{
	margin: 2em auto 0;
}
#txarea{
	min-width:350px;
}
.reserva a{
	color:#fff !important;
}
/* @end */

/* @group galerias zonas comunes */
.comunes .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore){
	background-color: transparent;
}
.comunes .uk-overlay-hover:hover .uk-overlay-fade {
    opacity: 1;
    background-color: transparent;
}
.comunes > div{
	display:none;
}
.comunes div:first-child{
	display:block;
}
.limpia{
	clear:both;
}
.uk-modal-caption{
	color:transparent;
}
.ti{
	float: left;
padding: 0.9em;
}
.ti.co{
background: #ece5c0 url(../images/icos-web-cristo-rey-01.png) no-repeat;
background-size: 35%;
padding-left: 48px;
}
.ti.ca{
background: #ece5c0 url(../images/icos-web-cristo-rey-04.png) no-repeat;
background-size: 41%;
padding-left: 48px;
}
.ti.re{
background: #ece5c0 url(../images/icos-web-cristo-rey-02.png) no-repeat;
background-size: 35%;
padding-left: 48px;
}
.ti.sa{
background: #ece5c0 url(../images/icos-web-cristo-rey-05.png) no-repeat;
background-size: 17%;
padding-left: 48px;
}
.ti.ex{
background: #ece5c0 url(../images/icos-web-cristo-rey-03.png) no-repeat;
background-size: 35%;
padding-left: 48px;
}
/* @end */

/* @group media queries */

 /*// Hasta smartphones de 480px*/
  @media (max-width: 480px) {
.uk-overflow-hidden{
	    position: absolute !important;
    width: 100%;
}
.tx_ini div {
    padding: 0;
}
.bot{
	width:100%;
	margin: 3em auto 3px;
}
.tx_ini{
	margin-top: 330px;
}
#global.container {
	padding:0;
}
.sup h2, .sup h4{
	padding-left: 10px;
	padding-right: 10px;
}
.chronoforms .ui.form{
	padding: 0 0 8em 0.5em;
}
.field.required > input{
	width:250px !important;
}
.form .field {
    padding-left: 1em;
}
#txarea{
	min-width:300px;
}
#cuerpo .con {
    top: 0px;
    width: 100%;
    padding: 0;
}
.sup .uk-margin-top{
	margin-top:0 !important;
}
.sup .uk-text-center img{
	margin-right: 62px;
	width: 85%;
}
.sup h2{
	margin-top:0;
}
.nombre {
    width: 95%;
        float: none;
}
.res {
    margin-top: 0;
    width: 45%;
    float: left;
	margin-left: 10px;
}
#pie{
	margin-top:20px;
}
#cuerpo{
	padding-left: 15px;
padding-right: 15px;
}
.gallery .uk-flex-item-auto, .gallery .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore){
	display:none;
}
.gallery .uk-button-primary{
	line-height: 13px;
}
.menu li{
	border-radius: 3px;
margin: 1em;
float:none;
}
.sup .uk-text-center img{
	margin:0;
	width:100%;
}
.nombre h2{
	display:none;
}
.nombre h4{
	text-align: center;
}
}
/*// de Smartphones a Tablets*/

  @media (min-width: 480px) and (max-width: 700px){
	.bot{
	width:100%;
	margin: 3em auto 3px;
}

}


  @media (min-width: 700px) and (max-width: 768px){
	.bot{
	width:100%;
	margin: 3em auto 3px;
}
} 
  /*// de Tablets a pantallas de desktops 2columnas*/
  @media (min-width: 768px) and (max-width: 980px) {
	.bot{
	width:80%;
	margin: 3em auto 3px;
}
} 
   /*// Tablets horizontal*/
  @media (min-width: 980px) and (max-width: 1200px) {
	.bot{
	width:20%;
	margin: 3em auto 3px;
}
.bot .uk-row-first{
	margin-left: -20px !important;
}
 }
 
 
  /*// Pantallas anchas (desktops)*/
  @media (min-width: 1200px) {
		.bot{
	width:40%;
	margin: 3em auto 3px;
}
.bot .uk-panel a{
	line-height: 15px;
display: block;
padding-top:5px;
}
	} 

/* @end */

/* @group generales */

.dropdown {
	max-width: 100%;
}

div.menu.transition.visible {
	max-height: 350px !important;
}