/*
Theme Name: Boda de Carlos y Mar
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1
License: 
License URI: 
Tags: */

div#intro input, div#intro p, div#intro button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/***********/
div.curtain {
	position: absolute;
	top: 0px;
	z-index: 1001;
	-webkit-transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
div.curtain.left {
	left: 0;
	width: 50%;
	background-image: url('images/curtainLeft.jpg');
}
div.curtain.right {
	right: 0;
	width: 51%;
	background-image: url('images/curtainRight.jpg');
}
div.curtain.abiertas {
	width: 0px;
}
#logo {
	font-family: "Great Vibes", cursive;
	color: #F8F9FB;
	font-size: 1.5em;
}
/*****************************/
.loginform {
	font-family: Arial;
}
.loginform p {
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 16px;
}
.loginform {
	/* Size & position */
	width: 300px;
	margin: 60px auto 30px;
	padding: 10px;
	position: relative; /* For the submit button positioning */
	z-index: 2004;
	/* Styles */
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 7px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,1), inset 0 -3px 2px rgba(0,0,0,0.25);
	border-radius: 5px;
	background: white; /* Fallback */
	background: -moz-linear-gradient(#eeefef, #ffffff 10%);
	background: -ms-linear-gradient(#eeefef, #ffffff 10%);
	background: -o-linear-gradient(#eeefef, #ffffff 10%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
	background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
	background: linear-gradient(#eeefef, #ffffff 10%);
}
.loginform .field {
	position: relative; /* For the icon positioning */
}
.loginform .field i {
	/* Size and position */
	left: 0px;
	top: 0px;
	position: absolute;
	height: 36px;
	width: 36px;
	/* Line */
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);
	/* Styles */
	color: #777777;
	text-align: center;
	line-height: 42px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	pointer-events: none;
}
.loginform input[type=text], .loginform input[type=password] {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	/* Size and position */
	width: 100%;
	padding: 10px 18px 10px 45px;
	/* Styles */
	border: none; /* Remove the default border */
	box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
	border-radius: 3px;
	background: #f9f9f9;
	color: #777;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-ms-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}
.loginform p, .loginform {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.loginform input[type=text] {
	margin-bottom: 10px;
}
.loginform input[type=text]:hover ~ i, .loginform input[type=password]:hover ~ i {
	color: #52cfeb;
}
.loginform input[type=text]:focus ~ i, .loginform input[type=password]:focus ~ i {
	color: #42A2BC;
}
.loginform input[type=text]:focus, .loginform input[type=password]:focus, .loginform button[type=submit]:focus {
	outline: none;
}
.loginform .submit {
	/* Size and position */
	width: 65px;
	height: 65px;
	position: absolute;
	top: 18px;
	right: -25px;
	padding: 10px;
	z-index: 2;
	/* Styles */
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1), inset 0 -3px 2px rgba(0,0,0,0.2);
}
.loginform .submit:after {
	/* Size and position */
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: -2px;
	left: 30px;
	/* Styles */
	background: #ffffff;
	/* Other masks trick */
	box-shadow: 0 62px white, -32px 31px white;
}
#lostpasswordform .submit {
	top: -1px;
}
#lostpasswordform .submit:after {
	top: -1px;
	box-shadow: none;
}
.loginform button {
	/* Size and position */
	width: 100%;
	height: 100%;
	margin-top: -1px;
	/* Icon styles */
	font-size: 1.4em;
	line-height: 1.75;
	color: white;
	/* Styles */
	border: none; /* Remove the default border */
	border-radius: inherit;
	background: #52cfeb; /* Fallback */
	background: -moz-linear-gradient(#52cfeb, #42A2BC);
	background: -ms-linear-gradient(#52cfeb, #42A2BC);
	background: -o-linear-gradient(#52cfeb, #42A2BC);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
	background: -webkit-linear-gradient(#52cfeb, #42A2BC);
	background: linear-gradient(#52cfeb, #42A2BC);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);
	cursor: pointer;
}
.loginform button:hover, .loginform button[type=submit]:focus {
	background: #52cfeb;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.loginform button:active {
	background: #42A2BC;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.3), inset 0 3px 4px rgba(0,0,0,0.3);
}
.loginform p.login_remember {
	color: black;
	margin-top: 20px;
}
/*************************/

#intro {
	width: 400px;
	z-index: 1010;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.flipcard {
	height: 275px;
	perspective: 500px;
	position: relative;
	z-index: 1010;
	width: 337px;
}/*
.flipcard.v:hover .front, .flipcard.v.flip .front {
	transform: rotateX(180deg);
}
.flipcard.v:hover .back, .flipcard.v.flip .back {
	transform: rotateX(0deg);
}
.flipcard.v .back {
	transform: rotateX(-180deg);
}
.flipcard.h:hover .front, .flipcard.h.flip .front {
	transform: rotateY(180deg);
}
.flipcard.h:hover .back, .flipcard.h.flip .back {
	transform: rotateY(0deg);
}
.flipcard.h .back {
	transform: rotateY(-180deg);
}*/
.flipcard.v.flip .front {
	transform: rotateX(180deg);
}
.flipcard.v.flip .back {
	transform: rotateX(0deg);
}
.flipcard.v .back {
	transform: rotateX(-180deg);
}
.flipcard.h.flip .front {
	transform: rotateY(180deg);
}
.flipcard.h.flip .back {
	transform: rotateY(0deg);
}
.flipcard.h .back {
	transform: rotateY(-180deg);
}
.flipcard .front, .flipcard .back {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: all 0.5s ease-in;
	padding: 10px;
	backface-visibility: hidden;
}
/* error en form*/
.loginform label {
	font-weight: normal;
}
.loginform .error, .loginform .status {
	display : none;
	border: solid 1px white;
	background-color: red;
	padding: 5px;
	margin: 0 0 5px 0;
	color: white;
}
.loginform .loading {
	color: green;
	font-size: 8em;
	position: absolute;
	top: 0;
	z-index: 12;
	left: 30%;
	display: none;
}
.loginform .error.pass {
	margin-top: 5px;
}
/* ajustar el logo en el header */
#header img.novios {
	max-height: 48px;
	width: auto;
}
#nav-button {
	cursor: pointer;
}
#home h1 span {
	font-size: 36px;
}
#home h1 {
	font-size: 92px;
}
#home h2 {
	font-size: 48px;
}
h1 {
	font-family: 'Great Vibes', cursive;
	font-size: 6em;
	margin: 0;
	padding: 0;
	font-style: none;
	font-weight: normal;
	text-transform: none;
}
h2, .title h2 {
	font-weight: normal;
	font-family: 'Great Vibes', cursive;
	font-size: 5em;
	margin: 0;
	padding: 0;
	font-style: none;
	text-transform: none;
}
h2.pre_slogan {
	font-family: Lora;
	padding-bottom: 30px;
}
#home h2.post {
	font-family: 'Great Vibes', cursive;
	font-size: 52px;
	padding: 50px 0 30px 0;
}
#home h2.pre {
	font-family: Lora;
	padding-bottom: 30px;
}
#home h2.falta {
	font-family: Lora;
	font-size: 24px;
}
#home h2.fecha {
	color: #b4ba4e;
	font-family: 'Great Vibes', cursive;
	font-size: 48px;
	font-weight: bold;
}
#home h2#logo {
	font-size: 1em;
}
#home h1, .title h2, .fecha {
	color: #b4ba4e;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#home h1 i {
	text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
p {
	color: black;
}
div.titulo {
	font-size: 40px;
	margin-bottom: 40px;
}
div.subtitulo {
	margin-bottom: 10px;
}
#desconexion {
	position: fixed;
	right: 0;
	z-index: 20;
	color: hsla(349,100%,42%,0.53);
	text-decoration: none;
	border: none;
	padding: 13px 13px;
	cursor: pointer;
	top: 0;
}
#pencil_editar {
	float: right;
	padding-right: 50px;
	color: green;
}
.menu {
	margin-right: 20px;
}
div#top-nav {
	margin-right: 20px;/*para no chocar conel boton*/
	margin-top: 6px;
}
#header .actual {
	position: relative;
	font-size: 0.8em;
 color:
}
ul#fixed-nav {
	top: 13px;
	height: 25px;
	z-index: 20;
	float: right;
}
#header ul#fixed-nav > li.menu-item-has-children:after {
	content: "\f138";
	font-family: FontAwesome;
	display: inline;
	position: relative;
	padding: 0 0.25em;
	background: transparent;
}
#header ul#fixed-nav > li.menu-item-has-children:hover:after, .actual_abierto {
	content: "\f13a";
	font-family: FontAwesome;
}
#header ul#fixed-nav > li.menu-item-has-children:hover div.actual {
	display: none;
}
#header li {
	position: relative;
}
#header li div.actual {
	position: absolute;
	color: hsla(90, 30%, 91%, 1);
	width: 250px;
	display: none;
	font-size: 0.85em;
}
#header {
	background: hsla(64, 49%, 49%,0.78);/* hsla(61, 36%, 54%,0.78);rgba(255, 255, 255, 0.9);*/
	position: fixed;
	height: 50px;
	z-index: 19;
}
div#top-nav #fixed-nav li:not(.active) a:hover {
	color: hsla(90, 30%, 91%, 1);
}
/********** la cuenta atras ******/
.banner_timer *, .banner_timer {
	box-sizing: border-box;
}
.banner_timer ul li, .banner_timer ul li span {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.5)
}
.banner_timer ul li {
	color: #fff;
	background: rgba(244,68,130,.8)
}
.banner_timer {
	display: inline-table;
	margin: 30px 0 50px;
	padding: 0
}
.banner_timer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}
.banner_timer ul li {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-table;
	font-size: 22px;
	font-weight: 300;
	height: 180px;
	width: 180px;
	line-height: 20px;
	margin: 0 10px;
	padding-top: 35px;
	text-align: center
}
.banner_timer ul li span {
	font-size: 82px;
	font-weight: 900;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 90px
}
p.big-text {
	font-family: Lora, serif;
	font-size: 20px;
	line-height: 36px;
	margin: 0;
	padding: 20px 0;
	color: black;
}
.animated {
	visibility: hidden;
}
.visible {
	visibility: visible;
}
#footer {
	background-color: #fff;
	padding: 0!important;
	background-color: #B5BA4E;
	/*	position:fixed;
	bottom:0;
	position:absolute;
	height:32px;*/
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
}
#footer p {
	padding-top: 10px;
	color: white;
	text-align: left!important;
	font-size: 1.2em!important;
	text-decoration: none!important;
	border: none!important;
	font-weight: normal!important;
	padding-left: 1em;
}
#footer img {
	font-size: 2em;
	width: 1em;
	height: auto;
}
/***************
*******************/
div.section {
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
div.section-odd {
	background-color: hsla(63,44%,52%,0.58);
}
div.section-alt {
	background-color: #fff;/*hsla(107,96%,90%,0.23);*/
	border-bottom: none;
}
#datos_contacto p {
	font-family: Lato;
}
#datos_contacto i {
	padding-right: 5px;
	text-align: center;
	width: 1.2em;
}
#datos_contacto .nombre_contacto {
	padding-left: 15px;
}
/*div#presentacion:before, div#la_celebracion:before, div#alojamiento:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	background: linear-gradient( 45deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667% ), linear-gradient( -45deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667% );
	background-origin: content-box;
	background-size: 8px 20px;
	background-position: 0 0px;
	background-color: rgba(255,255,255,0.00);
	margin-top: -10px;
}

div#la_ceremonia:before, div#como_llegar:before, div#contacto:before{
  content: "";
	display: block;background:
    linear-gradient(
      -45deg, #fff 33.333%,
      transparent 33.333%, transparent 66.667%,
      #fff 66.667%
    ),
    linear-gradient(
      45deg, #fff 33.333%,
      transparent 33.333%, transparent 66.667%,
      #fff 66.667%
    );
	height:10px;background-position: 0 0px;margin-top: -10px;background-origin: content-box;
  background-size: 8px 20px;
}*/
div#home {
	background-image: url("img/parallax06.jpg");
}
div#la-celebracion {
	background-image: url("img/bg/la_celebracion.jpg");
}
div#la-ceremonia {
	background-image: url("img/bg/la_ceremonia.jpg");
}
div#como-llegar {
	background-image: url("img/bg/como_llegar.jpg");
}
div#contacto {
	background-image: url("img/bg/contacto.jpg");
}
div#alojamiento {
	background-image: url("img/bg/alojamiento.jpg");
}
div#presentacion {
	background-image: url("img/bg/bg1.jpg");
}
div#consideraciones {
	background-image: url("img/bg/consideraciones.jpg");
}
div#agradecimientos {
	background-image: url("img/bg/agradecimientos.jpg");
}
div#fotos, div#el-tiempo {
	background-image: url("img/bg/el_tiempo.jpg");
}
div#agradecimientos {
	background-image: url("img/bg/agradecimientos.jpg");
}
div#mapa {
	background-image: url("img/bg/mapa.jpg");
}
div#asistencia {
	background-image: url("img/bg/libro_visitas.jpg");
}
div#tu-direccion {
	background-image: url("img/bg/tu_direccion.jpg");
}
div#libro-de-visitas {
	background-image: url("img/bg/asistencia.jpg");
}
div#peluquerias {
	background-image: url("img/bg/peluquerias.jpg");
}
#header .container {
	width: 100%;
}
/* para el flip clock */
.clock.flip-clock-wrapper {
	text-align: center;
	position: relative;
	width: auto;
	margin: 0 auto;
	display: inline-block;
}
.flip-clock-label {
	text-align: center;
}
.flip-clock-wrapper div.inn {
	background-color: #B4BA4E!important;
	color: white!important;
	font-size: 83px!important;
}
.flip-clock-wrapper span.flip-clock-label {
	font-size: 26px;
}
/*********** SCROLL ************/
a.scrollToTop {
	width: 100px;
	height: 130px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #959A42;
	text-decoration: none;
	position: fixed;
	top: 90%;
	right: 40px;
	display: none;
}
a.scrollToTop:hover {
	text-decoration: none;
}
/***************/
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/************************
        links
****************************/
div#top-nav #fixed-nav li.active a {
	border-bottom: 3px solid hsla(90,30%,91%,1.00);
}
div#top-nav #fixed-nav li.active a {
	color: #333;
	padding-bottom: 5px;
}
div.section {
	margin: 0 auto;
}
div.section .container .content {
	padding: 50px;
	margin: 50px;
	background: rgba(226, 226, 226, 0.96);
	border: 2px dashed #969696;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
	-webkit-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
	box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 6px 4px rgba(10,10,0,.5);
}
div.sectionxx {
	-webkit-box-shadow: inset 0 0 5px #000, inset 0 0 5px #000, inset 0 0 5px #000;
	-moz-box-shadow: inset 0 0 5px #000, inset 0 0 5px #000, inset 0 0 5px #000;
	box-shadow: inset 0 0 5px #000, inset 0 0 5px #000, inset 0 0 5px #000;
}
.title h2 a i.fa {
	font-size: 14px;
	padding: 10px;
}
div.fecha_actualizacion {
	font-family: 'Lora', cursive;
	font-size: 0.8em;
	padding-top: 20px;
	color: grey;
}
div.fecha_actualizacion:before {
	content: '\f073';
	font-family: FontAwesome;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
}
/***********/

/*==================================================
 * 
 * ===============================================*/
hr {
	padding: 0 0 30px 0;
	border: none;
	border-top: medium double #333;
	color: #b4ba4e;
	text-align: center;
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #b4ba4e;
}
hr:after {
	content: "\f08a";
	font-family: FontAwesome;
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: #e3e3e3;
}
/************/
span.heart i:hover {
	animation: animationFrames ease-in-out 3s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	animation-fill-mode: forwards; /*when the spec is finished*/
	-webkit-animation: animationFrames ease-in-out 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
	-moz-animation: animationFrames ease-in-out 3s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode: forwards; /*FF 5+*/
	-o-animation: animationFrames ease-in-out 3s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode: forwards; /*Not implemented yet*/
	-ms-animation: animationFrames ease-in-out 3s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode: forwards; /*IE 10+*/
}
 @keyframes animationFrames {
 0% {
 transform:  scaleX(1.00) scaleY(1.00);
}
 50% {
 transform:  scaleX(2.00) scaleY(2.00);
}
 100% {
 transform:  scaleX(1.01) scaleY(1.00);
}
}
 @-moz-keyframes animationFrames {
 0% {
 -moz-transform:  scaleX(1.00) scaleY(1.00);
}
 50% {
 -moz-transform:  scaleX(2.00) scaleY(2.00);
}
 100% {
 -moz-transform:  scaleX(1.01) scaleY(1.00);
}
}
 @-webkit-keyframes animationFrames {
 0% {
 -webkit-transform:  scaleX(1.00) scaleY(1.00);
}
 50% {
 -webkit-transform:  scaleX(2.00) scaleY(2.00);
}
 100% {
 -webkit-transform:  scaleX(1.01) scaleY(1.00);
}
}
 @-o-keyframes animationFrames {
 0% {
 -o-transform:  scaleX(1.00) scaleY(1.00);
}
 50% {
 -o-transform:  scaleX(2.00) scaleY(2.00);
}
 100% {
 -o-transform:  scaleX(1.01) scaleY(1.00);
}
}
 @-ms-keyframes animationFrames {
 0% {
 -ms-transform:  scaleX(1.00) scaleY(1.00);
}
 50% {
 -ms-transform:  scaleX(2.00) scaleY(2.00);
}
 100% {
 -ms-transform:  scaleX(1.01) scaleY(1.00);
}
}
/*************************************************
span.heart{
	display:none;
}
#home h1:hover{
	cursor:pointer;
}
#home h1:hover span.heart{
	display:inline-block;
}
#home h1:hover span.y{
	display:none;
}**/
/***** boton on/off ***/
span.ce_titulo{
	color:#337ab7;
}
a.slick-toggle {
background-position:center right!important;
}
#formulario_confirmacion {
	transition: max-height 2s;
	-moz-transition: max-height 2s; /* Firefox 4 */
	-webkit-transition: max-height 2s; /* Safari and Chrome */
	-o-transition: max-height 2s; /* Opera */
	max-height:0;
	overflow:hidden;
	height:auto;
}
#formulario_confirmacion.movido {
	max-height:600px;/*height:auto;*/
}
#formulario_confirmacion output{
	display:inline-block;
	font-size:1em;float:left;
}
#num_adultos, #num_peques{
	box-shadow:none;
	border:none;
	background-color:transparent;
	
	display:inline-block;
}
#num_adultos{
	width:100px;
}
#num_peques{
	width:250px;
}
#selector_confirmacion *{
	box-sizing:content-box!important;
	font:15px/1 arial;
	text-align:center;
}
#selector_confirmacion {
	font-size: 8px;
	cursor: pointer;
}
#selector_confirmacion1 fieldset:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#selector_confirmacion fieldset {
	display: inline-block;
	vertical-align: middle;
	border: none;
	width: 170px;
}
#selector_confirmacion .legend {
	color: rgba(0,0,0,.7);
	font-size: 12px;
	margin-bottom: 14px;
	height: 15px;
	border-color: #2E6677;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.2) inset;
	text-shadow: 0 1px rgba(255,255,255,.3);
}
#selector_confirmacion .legend span {
	text-transform: uppercase;
	position: relative;
	top: -5px;
	padding: 0 10px;
	background: #509DAD;
	display: inline-block;
}
#selector_confirmacion .checkboxGroup {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	border: none;
}
/*------- Horizontal power swtich ---------*/
#selector_confirmacion .checkboxControl {
	border: 2px solid #102838;
	border-radius: 7px;
	display: inline-block;
	width: 100px;
	height: 50px;
	padding-top: 1px;
	position: relative;
	vertical-align: middle;
	margin: 0 60px 10px 0;
	color: #297597;
	box-shadow: 0 0 5px rgba(255,255,255,.4),  0 2px 1px -1px rgba(255,255,255,.7) inset,  8px 0 5px -5px #02425C inset,  -8px 0 5px -5px #02425C inset;
	-moz-user-select: none;
	-webkit-user-select: none;
	background: #80DCE9;
}
#selector_confirmacion .checkboxControl input {
	position: absolute;
	visibility: hidden;
}
#selector_confirmacion .checkboxControl > div {
	background: -webkit-linear-gradient(left, #8FD9E4 0%, #A0F2FE 53%, #69DCF1 56%, #33AFCE 99%, #CEF5FF 100%);
	background: linear-gradient(to right, #8FD9E4 0%, #A0F2FE 53%, #69DCF1 56%, #33AFCE 99%, #CEF5FF 100%);
	box-shadow: -2px 0 1px 0 #A6F2FE inset;
	border-radius: 5px;
	line-height: 50px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	z-index: 1;
	text-shadow: 0 1px rgba(255,255,255,0.5);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform: scaleX(0.93);
	-webkit-transform: scaleX(0.93);
	transition: .1s;
	-webkit-transition: 0.1s;
}
#selector_confirmacion .checkboxControl span#no {
	padding-left:15px;
	padding-right: 35px;
}
#selector_confirmacion .checkboxControl span#si {
	padding-right: 15px;
}
#selector_confirmacion .checkboxControl :checked ~ div {
	transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	box-shadow: 2px 0 1px 0 #A6F2FE inset;
	background: -webkit-linear-gradient(left, #CEF5FF 0%, #33AFCE 1%, #69DCF1 47%, #A0F2FE 50%, #8FD9E4 100%);
	background: linear-gradient(to right, #CEF5FF 0%, #33AFCE 1%, #69DCF1 47%, #A0F2FE 50%, #8FD9E4 100%);
}
/* bottom shadow of 'upper' side of the button */
#selector_confirmacion .checkboxControl > b {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	border-radius: 8px;
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	box-shadow: 0 6px 8px -5px #000;
}
#selector_confirmacion .checkboxControl :checked ~ b {
	right: auto;
	left: 0;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
}
/* the light indicator to the right of the button */
#selector_confirmacion .checkboxControl .indicator {
	position: absolute;
	top: 14px;
	right: -20px;
	width: 8px;
	height: 25px;
	box-shadow: 0 0 8px #000 inset;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 15px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
#selector_confirmacion .checkboxControl .indicator:before {
	content: '';
	display: inline-block;
	margin-top: 8px;
	width: 2px;
	height: 8px;
	border-radius: 10px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
#selector_confirmacion .checkboxControl :checked ~ .indicator:before {
	box-shadow: 0 0 7px 6px #BAFC58;
	width: 6px;
	background: #F0F9E3;
	transition: 0.1s;
	-webkit-transition: 0.1s;
}
/*************************************************************************************/
input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
/*Custom CSS to Reduce the Input Width*/

.commentlist .fn{
	font-style:normal;
	font-weight:bold;
}
.commentlist .says{
	font-style:italic;
	font-size:0.8em;
}
.commentlist li{
	margin:10px 0;
}
.commentlist li.anidado{
	margin-left:30px;
}
.commentlist{
	padding-top:20px;
	font-size:0.9em;
}
.commentlist .even {
	background-color:#ccddf2;
}
.commentlist .odd {
	background-color:#C3C969;
}
.comment-author {
	margin: 0 0 15px;
	overflow: hidden;
	position: relative;
	background-color:#55737D;
	color:#FFFFFF;
	padding: 10px;
}
.comment-body .comentario {
	font-family: 'Crafty Girls', cursive;
	padding:8px 32px;
}
img.avatar{
	padding-right:10px;
}
/** para destacar textos, como el cambio de hora B*/
.glow {
    -webkit-animation: glow .5s infinite alternate;
}

@-webkit-keyframes glow {
    to {
        text-shadow: 0 0 10px red;
    }
}
.amaran-close:before {
	color:black;
}

.commentlist li{
	list-style-type: none;
}
/*************/
.commentlist.blurred {
	transition: max-height 2s;
	-moz-transition: max-height 2s; /* Firefox 4 */
	-webkit-transition: max-height 2s; /* Safari and Chrome */
	-o-transition: max-height 2s; /* Opera */
	max-height:300px;
	overflow:hidden;
	height:auto;
}
.commentlist{
	max-height:none;
}
.estado_blog{
	padding:6px 0;
	text-transform:uppercase;
	font-family:Oswald;
	font-size:0.5em;
	color:black;
	right: 0;
	text-align:right;
	font-weight:bold;
	cursor:pointer;
}
.estado_blog i{
	padding-right:5px;
}
.segundo.estado_blog{
	font-size:14px;
}
#ugc-media-form h2{
	font-family:"Patrick Hand",cursive;
	font-size:2em;
	letter-spacing:normal;
	font-weight:bold;
}
#home h1{
	font-size:32px;
	padding:20px 0;
}
#home h2, #home h2.pre{
	padding:20px 0;
}
#home h2.post{
	padding:20px 0 40px 0;
}
.foogallery-album-header h2{
	font-size:2em;
}