@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/gilroy.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Wedding';
	src: url('fonts/wedding.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Griega';
	src: url('fonts/CaesarDressing.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Gilroy", Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	font-size: 35px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.columna-griega-izquierda {
	position: fixed;
	width: auto;
	height: 70%;
	bottom: 0px;
	left: 0px;
	z-index: -5;
}

.columna-griega-derecha {
	position: fixed;
	width: auto;
	height: 70%;
	bottom: 0px;
	right: 0px;
	z-index: -5;
}

.btn-whatsapp {
	position: fixed;
	width: 70px;
	height: 70px;
	right: 5pX;
	bottom: 5px;
	z-index: 150;
}

.background {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	z-index: -500;
}

.web {
	max-width: 1200px;
	min-width: 320px;
	margin: auto;
}

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.hidden {
	display: none;
}

input:focus, 
textarea:focus, 
select:focus, 
button:focus {
	outline: 0px;
}

input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	resize: none;
}

a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

a img { border: 0px;}

p {margin: 0px; margin-bottom: 10px;}

.centrado {
	width: 100%;
	float: left;
	text-align: center;
}

.pointer {
	cursor: pointer;
}

.letra-chica {
	font-size: 18px;
}

.el {
	color: #3CF;
}

.ella {
	color: #E09;
}

.left {float: left;}
.right {float: right;}

.tleft {text-align: left !important;}
.tright {text-align: right !important;}
.tcenter {text-align: center !important;}

.bg-blanco {background-color: #FFF !important;}
.bg-negro {background-color: #000 !important;}
.bg-rojo {background-color: #F00 !important;}
.bg-amarillo {background-color: #FF3 !important;}
.bg-azul {background-color: #05B !important;}
.bg-verde {background-color: #184 !important;}
.bg-rosa {background-color: #E09 !important;}

.blanco {color: #FFF !important;}
.negro {color: #000 !important;}
.rojo {color: #F00 !important;}
.amarillo {color: #FF3 !important;}
.azul {color: #05B !important;}
.verde {color: #184 !important;}
.rosa {color: #E09 !important;}

.borde-blanco {border-bottom: #FFF;}

.blur {box-shadow: 10px 10px 15px #999;}

.redondeado {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.overflow {
	width: 100%;
	float: left;
	overflow: auto;
}

.inline {width: 100%; float: left;}
.diline {width: 50%; float: left;}
.triline {width: 33%; float: left;}
.ditriline {width: 66%; float: left;}
.tetraline {width: 25%; float: left;}

.no-scroll {
	overflow: hidden;
}

.lightbox {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.75);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 500;
}

.lightbox-web {
	position: absolute;
	width: 90%;
	max-width: 900px;
	height: 80%;
	display: inline-block;
	top: 10%;
	left: 50%;
	margin-top: 0px;
	margin-left: -450px;
}

.lightbox-iframe {
	background-color: #FFF;
	background-image: url(imagenes/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75px 75px;
	width: 100%;
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 15px 15px 20px #000;
	overflow-x: none;
	overflow-y: auto;
}

.lightbox-cerrar {
	position: absolute;
	width: 40px;
	height: 40px;
	right: -20px;
/*	margin-top: -moz-calc(10% - 15px);
	margin-top: -webkit-calc(10% - 15px);
	margin-top: -o-calc(10% - 15px);
	margin-top: calc(10% - 15px);*/
	margin-top: -20px;
	z-index: 550;
}

.lightbox-main {
	background-color: #FFF;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	height: -moz-calc(100% - 40px);
	height: -webkit-calc(100% - 40px);
	height: -o-calc(100% - 40px);
	height: calc(100% - 40px);
	float: left;
	padding: 20px;
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
}

.lightbox-header {
	width: 100%;
	float: left;
	margin: 0px;
	margin-bottom: 15px;
}

.lightbox-logo {
	width: 50px;
	height: 50px;
	float: right;
	margin: 10px;
}

.bg-header {
	width: 100%;
	float: left;
}

.header {
	width: 100%;
	float: left;
	text-align: center;
}

.logout {
	width: auto;
	float: right;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	color: #E09;
	margin-top: -20px;
}

.logo {
	width: 160px;
	height: 80px;
	display: inline-block ;
	margin: 20px 10px;
}

.menu {
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);
	width: -o-calc(100% - 350px);
	width: calc(100% - 350px);
	height: 40px;
	float: right;
	line-height: 40px;
	text-align: right;
}

.menu-responsive {
	display: none;
}

.confirma-tu-asistencia {
	background-color: #184;
	width: auto;
	float: right;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 10px 20px;
	margin-top: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.bg-historia {
	background-image: url(imagenes/bg-historia.jpg);
}

.bg-accordion {
	width: 100%;
	height: 550px;
	overflow: hidden;
	float: left;
}

.accordion {
	width: 100%;
/*	height: 450px;*/
	overflow: hidden;
	margin: 0px auto;
}
	
.accordion ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0px;
	padding: 0px;
}
	
.accordion ul li {
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	width: 16.666%;
/*	height: 450px;*/
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 500ms ease-in-out;
}
	
.accordion ul li div {
	display: block;
	overflow: hidden;
	width: 100%;
}
	
.accordion ul li div a {
	display: block;
	height: 550px;
	width: 100%;
	position: relative;
	z-index: 3;
	vertical-align: bottom;
	padding: 15px 20px;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	/*filter: invert(100%);*/
	text-decoration: none;
	font-family: Open Sans, sans-serif;
	transition: all 300ms ease-in-out;
}
	
.accordion ul li div a * {
	opacity: 0;
	margin: 0px;
	width: 100%;
	text-overflow: ellipsis;
	position: relative;
	z-index: 5;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.accordion ul li div a h2 {
	font-family: Montserrat, sans-serif;
	text-overflow: clip;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 2px;
	top: 160px;
	top: 70%;
}
	
.accordion ul li div a p {
	top: 160px;
	top: -moz-calc(70% + 5px);
	top: -webkit-calc(70% + 5px);
	top: -o-calc(70% + 5px);
	top: calc(70% + 5px);
	font-size: 18px;
/*	padding-left: 1rem;*/
}
	
.accordion ul li:nth-child(1) { 
	background-image: url(imagenes/slider-novios-1.jpg);
	background-position: 50% 50%;
}
	
.accordion ul li:nth-child(2) { 
	background-image: url(imagenes/slider-novios-2.jpg);
	background-position: 50% 50%;
}
	
.accordion ul li:nth-child(3) { 
	background-image: url(imagenes/slider-novios-3.jpg);
	background-position: 50% 50%;
}
	
.accordion ul li:nth-child(4) { 
	background-image: url(imagenes/slider-novios-4.jpg);
	background-position: 50% 50%;
}
	
.accordion ul li:nth-child(5) {
	background-image: url(imagenes/slider-novios-5.jpg);
	background-position: 50% 50%;
}
	
.accordion ul li { background-size: cover; }
.accordion ul:hover li { width: 10%; }
.accordion ul:hover li:hover { width: 25%; }
	
/*.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }*/
	
.accordion ul:hover li:hover a * {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.cenefa-accordion {
	background-image: url(imagenes/cenefa-griega.png);
	background-repeat: repeat-x;
	background-size: auto 35px;
	width: 100%;
	height: 35px;
	float: left;
	margin: 0px;
}

.bg-gris {
	background-image: url(imagenes/bg-gris.png);
	background-size: cover;
}

.bg-contenido-minimo {
	width: 100%;
	min-height: -moz-calc(100% - 163px);
	min-height: -webkit-calc(100% - 163px);
	min-height: -o-calc(100% - 163px);
	min-height: calc(100% - 163px);
	float: left;
}

.bg-contenido {
	width: 100%;
/*	min-height: -moz-calc(100% - 100px);
	min-height: -webkit-calc(100% - 100px);
	min-height: -o-calc(100% - 100px);
	min-height: calc(100% - 100px);*/
	float: left;
}

.contenido {
	width: 100%;
	float: left;
	padding: 15px 0px;
	text-align: center;
	color: #777;
}

.info {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
	width: calc(100% - 20px);
	float: left;
	margin: 0px 10px;
}

.wedding {
	color: #05B;
	font-size: 120px;
	line-height: 80px;
	font-family: 'Wedding';
	font-weight: lighter
}

.overlay {
	background-color: rgba(0, 0, 0, 0.45);
	width: 100%;
	height: 100%;
	float: left;
}

.sombra {
	box-shadow: 0px 35px 30px rgba(0, 0, 0, 0.35);
}

.cenefa-titulo {
	background-image: url(imagenes/cenefa-griega.png);
	background-repeat: repeat-x;
	background-size: auto 25px;
	width: 70%;
	height: 25px;
	float: left;
	margin: 0px 15%;
}

.portada {
	display: none;
}

.titulo {
	width: auto;
	display: inline-block;
	color: #05B;
	padding: 0px 150px;
	padding-bottom: 15px;
	border-bottom: #05B 5px dotted;
	margin: 80px auto;
	margin-top: 100px;
	text-align: center;
	font-size: 45px;
}

.titulo-blanco {
	width: auto;
	display: inline-block;
	color: #FFF;
	padding: 0px 150px;
	padding-bottom: 15px;
	border-bottom: #FFF 5px dotted;
	margin: 80px auto;
	margin-top: 100px;
	text-align: center;
	font-size: 45px;
}

.titulo-iframe {
	width: 100%;
	float: left;
	color: #666;
	margin: 10px auto;
	text-align: left;
	font-size: 35px;
	margin-bottom: 25px;
	padding-left: 30px;
	box-sizing: border-box;
}

.cenefa-iframe {
	background-image: url(imagenes/cenefa-griega.png);
	background-repeat: repeat-x;
	background-size: auto 20px;
	width: 100%;
	height: 20px;
	float: left;
	margin: 0px;
}

.dia-boda {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 75px;
	margin: 0px;
}

.fecha-boda {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 145px;
	margin: 0px;
}

.hora-boda {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 45px;
	margin: 0px;
}

.corona-olivos {
	width: 800px;
	height: 200px;
	display: inline-block;
	margin: 0px;
	margin-top: -55px;
	margin-bottom: 100px;
	opacity: 0.15;
}

.historia-main {
	width: 100%;
	float: left;
	padding: 50px 0px;
	border-bottom: #FFFFFF50 dashed 2px;
}

.historia-main-final {
	width: 100%;
	float: left;
	padding: 50px 0px;
}

.historia-img-responsive {
	display: none;
}

.historia-img-izquierda {
	width: 250px;
	height: 250px;
	float: left;
	margin: 75px 0px;
	margin-right: 50px;
}

.historia-img-derecha {
	width: 250px;
	height: 250px;
	float: left;
	margin: 75px 0px;
	margin-left: 50px;
}

.historia-linea-punteada {
	position: relative;
	border-left: rgba(255, 255, 255, 0.25) 2px solid;
	width: 5px;
	height: 300px;
	float: left;
	margin: 50px 0px;
	box-sizing: border-box;
}
/*
.historia-punto-fecha {
	position: absolute;
	background-color: #FF9;
	width: 40px;
	height: 40px;
	left: 0px;
	top: 50%;
	margin-left: -25px;
	margin-top: -20px;
	color: #FFF;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}*/

.historia-titulo {
	width: 100%;
	float: left;
	color: #FF9;
	font-size: 35px;
	font-weight: bolder;
}

.historia-fecha {
	width: auto;
	display: inline-block;
	color: #FFF;
	font-size: 20px;
	font-weight: bolder;
	font-style: italic;
	padding-bottom: 10px;
	border-bottom: #FFF 2px solid;
}

.historia-txt-izquierda {
	width: -moz-calc(100% - 345px);
	width: -webkit-calc(100% - 345px);
	width: -o-calc(100% - 345px);
	width: calc(100% - 345px);
	height: auto;
	float: left;
	color: #FFF;
	font-size: 25px;
	padding-right: 75px;
	margin-top: 100px;
	text-align: right;
	box-sizing: border-box;
}

.historia-txt-derecha {
	width: -moz-calc(100% - 345px);
	width: -webkit-calc(100% - 345px);
	width: -o-calc(100% - 345px);
	width: calc(100% - 345px);
	height: auto;
	float: left;
	color: #FFF;
	font-size: 25px;
	padding-left: 75px;
	margin-top: 100px;
	text-align: left;
	box-sizing: border-box;
}

.historia-descripcion {
	width: 100%;
	float: left;
}

.novios-circulo {
	background-image: url(imagenes/circulo-novios.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 350px;
	height: 350px;
	margin: 0px -moz-calc(50% - 175px);
	margin: 0px -webkit-calc(50% - 175px);
	margin: 0px -o-calc(50% - 175px);
	margin: 0px calc(50% - 175px);
	margin-top: -175px;
	margin-bottom: -50px;
	float: left;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
}

.novios {
	background-image: url(imagenes/novios.jpg);
	background-position: center center;
	background-size: cover;
	width: 90%;
	height: 90%;
	float: left;
	margin: 5%;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	object-fit: cover;
	object-position: 50% 50%;
}

.tomados-mano {
	background-image: url(imagenes/tomados-mano.jpg);
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 70%;
	float: left;
}

.palikari {
	width: auto;
	height: 80px;
	display: inline-block;
	-webkit-filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
	filter: hue-rotate(0deg)  saturate(0%) brightness(1000%);
}

.vista-grecia {
	background-image: url(imagenes/vista-grecia.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.form {
	width: 100%;
	max-width: 500px;
	display: inline-block;
	margin: 50px 0px;
}

.input {
	border: #777 1px solid;
	background-color: rgba(255, 255, 255, 0.95);
	width: 100%;
	height: 40px;
	float: left;
	font-size: 20px;
	padding: 0px 10px;
	box-sizing: border-box;
	text-align: center;
}

.decalogo-main {
	position: relative;
	width: 700px;
	height: 700px;
	margin: 10px auto;
	display: flex;
}

.decalogo {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	object-fit: cover;
	object-position: 50% 50%;
}

.decalogo li {
/*	background-color: rgba(0, 0, 0, 0.25);*/
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	margin: 0px;
	left: 0px;
	top: 0px;
}
	
.decalogo li:first-child {
	position: relative;
	display: block;
	float: left;
	width: 100%;
/*	height: 100%;*/
}
	
.decalogo img {
	display: block;
	width: 100%;
/*	height: auto;*/
	height: 100%;
	float: left;
	object-fit: cover;
	object-position: 50% 25%;
	border: 0px;
}

.flecha-prev {
	position: absolute;
	width: 70px;
	height: 70px;
	float: left;
	left: -80px;
	top: 50%;
	margin-top: -35px;
	opacity: 0.7;
	z-index: 100;
}

.flecha-next {
	position: absolute;
	width: 70px;
	height: 70px;
	float: left;
	right: -80px;
	top: 50%;
	margin-top: -35px;
	z-index: 100;
}

.palikari-main {
	width: 60%;
	float: left;
	margin-top: 30px;
	padding-right: 20px;
	box-sizing: border-box;
}

.palikari-menu-titulo {
	width: 100%;
	float: left;
	font-size: 28px;
	font-weight: bold;
	color: #096;
	margin-bottom: 10px;
}

.palikari-menu-opciones {
	width: 100%;
	float: left;
	margin-bottom: 25px;
	padding-left: 15px;
	box-sizing: border-box;
}

.palikari-menu-link {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
	box-sizing: border-box;
}

.palikari-menu-platillo {
	width: 100%;
	float: left;
	color: #05B;
	font-family: 'Griega';
	font-size: 24px;
	font-weight: lighter;
	font-style: italic;
}

.palikari-menu-platillo-ingredientes {
	width: 100%;
	float: left;
	color: #555;
	font-size: 16px;
/*	margin-bottom: 15px;*/
}

.palikari-menu-platillo-opciones {
	width: 100%;
	float: left;
	color: #555;
	font-size: 16px;
}

.palikari-fotos-main {
	position: relative;
	width: 40%;
/*	max-height: 470px;*/
	float: left;
	margin-top: 30px;
	padding-right: 10px;
	box-sizing: border-box;
}

.palikari-fotos-transparencia {
	width: 100%;
	height: auto;
	float: left;
}

.palikari-fotos {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	z-index: 50;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
}

.radio {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.respuesta-confirmacion {
/*	background-image: url(imagenes/btn-3D.png);*/
	background-size: 100% 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 220px;
	min-width: 180px;
	height: 70px;
	padding: 15px 15px;
	margin: 10px 15px;
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	box-sizing: border-box;
}

.si-asistire {
	background-color: #039;
/*	background-image: url(imagenes/bg-dorado.jpg);*/
}

.no-asistire {
	background-color: #900;
}

.btn-comprobar {
	border: 0px;
	background-color: #E09;
	background-image: url(3D.png);
	background-size: 100% 100%;
	width: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding: 10px 35px;
	display: inline-block;
	color: #FFF;
	font-size: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btn {
/*	border: 0px;
	background-color: #E09;
	background-image: url(3D.png);
	background-size: 100% 100%;*/
	width: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding: 10px 20px;
/*	color: #FFF;*/
	font-size: 20px;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}

.respuesta {
	width: 90%;
	margin: 0px 5%;
	float: left;
}

.asistencia-confirmada {
	border: #05B 1px solid;
	background-color: rgba(0, 85, 187, 0.1);
	width: 0px -moz-calc(100% - 40px);
	width: 0px -webkit-calc(100% - 40px);
	width: 0px -o-calc(100% - 40px);
	width: calc(100% - 40px);
	float: left;
	color: #05B;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0px;
	padding: 10px;
	box-sizing: border-box;
}

.inasistencia-confirmada {
	border: #900 1px solid;
	background-color: rgba(153, 0, 0, 0.1);
	width: 0px -moz-calc(100% - 40px);
	width: 0px -webkit-calc(100% - 40px);
	width: 0px -o-calc(100% - 40px);
	width: calc(100% - 40px);
	float: left;
	color: #900;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0px;
	padding: 10px;
	box-sizing: border-box;
}

.correcto {
	border: #05B 1px solid;
	background-color: rgba(0, 85, 187, 0.1);
	width: 90%;
	float: left;
	margin: 10px 5%;
	padding: 10px;
	box-sizing: border-box;
}

.error {
	border: #F00 1px solid;
	background-color: rgba rgba(255, 0, 0, 0.1);
	width: 90%;
	float: left;
	margin: 10px 5%;
	padding: 10px;
	box-sizing: border-box;
}

.total-invitados-confirmar {
	position: fixed;
	width: 50px;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	left: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	z-index: 50;
}

.total-invitados-no-asistiran {
	background-color: #900;
	color: #FFF;
	bottom: 125px;
}

.total-invitados-pendientes {
	border: #666 2px solid;
	background-color: #FFF;
	color: #000;
	bottom: 70px;
}

.total-invitados-asistiran {
	background-color: #091; /*	rgba(0, 153, 17, 0.75) */
	color: #FFF;
	bottom: 15px;
}

.tabla-titulo {
	background-color: #05B;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.tabla-nombre {
	width: 185px;
	float: left;
}

.tabla-editar {
	width: 550px;
/*	display: inline-block;*/
}

.tabla-label {
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: -o-calc(100% - 170px);
	width: calc(100% - 170px);
	height: 50px;
	display: table-cell;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	box-sizing: border-box;
}

.tabla-data {
	width: 170px;
	height: 50px;
	display: table-cell;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
}

.tabla-info {
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.ico {
	width: 25px;
	height: 25px;
	display: inline-block;
	float: right;
	margin: 0px 5px;
	margin-left: -30px;
}

.editar-columna-centrada {
	width: 550px;
	margin: auto;
}

.editar-nombre-form {
	width: 100%;
	float: left;
	margin: 25px 0px;
}

.editar-nombre {
	width: 85%;
	float: left;
	margin: 10px 5%;
	margin-right: 0px;
}

.editar-apellidos {
	width: 40%;
	float: left;
	margin: 10px 5%;
	margin-right: 0px;
}

.editar-nombre-ico {
	width: 35px;
	float: left;
	margin-left: 15px;
	margin-top: -35px;
}

.editar-data {
	border: #F5F5F5 1px solid;
	background-color: #FFC;
	width: 100%;
	height: 30px;
	float: left;
	font-size: 25px;
	color: #05B;
	text-align: left;
	font-weight: lighter;
	padding: 0px 5px;
	box-sizing: border-box;
}

.editar-error {
	border: #F00 1px solid;
	background-color: rgba(255, 0, 0, 0.35);
	width: 100%;
	float: left;
	margin-top: 5px;
	padding: 3px 5px;
	color: #000;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 12px;
	box-sizing: border-box;
}

.onoffswitch {
	width: 45px;
	margin: 10px;
	margin-top: 15px;
    position: relative;
	display: inline-block;
    -webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
/*    border: 2px solid #333;*/
}

.onoffswitch-inner {
    display: block;
	width: 200%;
	margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
    font-size: 15px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "  ";
    padding-left: 10px;
    background-color: #9CB;
	border: #084 2px solid;
	color: #084;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.onoffswitch-inner:after {
    content: "  ";
    padding-right: 10px;
    background-color: #EEE;
	border: #666 2px solid;
	color: #666;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
	width: 26px;
	height: 26px;
	margin: -3px;
    background: #A1A1A1;
    position: absolute;
	top: 0;
	bottom: 0;
    right: 20px;
    border: 1px solid #999;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #084; 
}

.onoffswitch-cuota-grupo:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-cuota-grupo:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #084; 
}

.onoffswitch-invitado:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-invitado:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #084; 
}

.login-main {
	width: 100%;
	max-width: 350px;
	margin: 50px auto;
}

.login {
	border: #05B 5px solid;
	background-color: rgba(0, 85, 187, 0.35);
	width: 100%;
	float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 25px;
	box-sizing: border-box;
}

.login-label {
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: bolder;
	margin-bottom: 5px;
	text-align: center;
}

.login-input {
	width: 100%;
	height: 35px;
	float: left;
	font-size: 16px;
	padding: 0px 10px;
	color: #05B;
	margin-bottom: 25px;
	box-sizing: border-box;
}

.login-btn {
	background-color: #E09;
	background-image: url(imagenes/3D.png);
	background-size: 100% 100%;
	width: 100%;
	float: left;
	color: #FFF;
	font-size: 16px;
	padding: 10px 0px;
}

.respuesta-login {
	width: 100%;
	float: left;
	margin: 15px;
}

.bg-footer {
	background-color: #000;
	width: 100%;
	float: left;
}

.footer {
	width: 100%;
	padding: 25px 0px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}

#desarrollador-web {
	font-size: 11px;
	color: #FF0;
}