/*

Theme Name: Restaurante Vertical
Description: HTML5/CSS3 Template
Author: Conca y Marzal
Copyright: © Designed & Coded by Conca & Marzal - 2013

--------------------------------------------------------------------------

*/

@font-face {
    font-family: 'bellgothic_blk_btblack';
    src: url('../fonts/bell_gothic_black_bt-webfont.eot');
    src: url('../fonts/bell_gothic_black_bt-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/bell_gothic_black_bt-webfont.woff') format('woff'),
         url('../fonts/bell_gothic_black_bt-webfont.ttf') format('truetype'),
         url('../fonts/bell_gothic_black_bt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'code_lightregular';
    src: url('../fonts/code-light-webfont.eot');
    src: url('../fonts/code-light-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/code-light-webfont.woff') format('woff'),
         url('../fonts/code-light-webfont.ttf') format('truetype'),
         url('../fonts/code-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'unit-lightregular';
    src: url('../fonts/unit-light-webfont.eot');
    src: url('../fonts/unit-light-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/unit-light-webfont.woff') format('woff'),
         url('../fonts/unit-light-webfont.ttf') format('truetype'),
         url('../fonts/unit-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.top-menu ul li a, .noticia-title { font-family: 'bellgothic_blk_btblack'; }

div.carta-content p.name-menu, p.title-section, .home-content-info, .form-regala-datos-title { font-family: 'code_lightregular'; letter-spacing: 3px; }

p.menu-subtext, .top-menu-info, .footer, .icon-menu, .carta-content p, .filososfia-container-1, .noticia-meta, p.paragraph-type-text, span.paragraph-type-subtext, .contact-info-1, .contact-info-2, .btn-map, .map-contact-info, .content-left-2 p.workwithus-text, .control-group, button, nav#menu-carta li a, #phone-landscape-message p, .noticia-content .noticia-paragraph, .back-mobile-arrow a, .container-form-reserva p, .container-form-regala p, .noticia-content .noticia-date { font-family: 'unit-lightregular'; }



	body {
		font-family: 'helvetica', arial, sans-serif;
		font-size: 18px;
		line-height: 24px;
		overflow: hidden;
		-webkit-text-size-adjust:100%;
	}

/*
	------------------------------------------------------
						TEXT
	------------------------------------------------------
*/

	h1 {
		font-size: 32px;
		line-height: 38px;
		text-transform: uppercase;
		font-weight: 300;
	}
	h2{
		font-size: 20px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: 300;
		margin-bottom: 20px;
	}
	strong {
	}
	em {
		font-weight: 300;
	}
	p {
		margin-bottom: 15px;
	}
	a {
		text-decoration: none;
		color: #fff;
	}
	a.blue {
		background: #00AEA8;
		padding: 0 6px;
	}
	a.red {
		background: #d1281f;
		padding: 0 6px;
	}
	.quote {
		font-weight: 400;
	}
	.clear {
		clear: both;
	}

	.paragraph-datos-reserva {
		color: #878787;
		padding: 30px;
		background: rgba(0,0,0,0.7);
	}

	.titulo-reserva-ok {
		font-size: 14px !important;
		color: #fff;
	}

	.datos-reserva-variable {
		color: #fff;
	}


/*
	------------------------------------------------------
						TEXT
	------------------------------------------------------
*/

	.content-left {
		position: absolute;
		width: 45%;
		min-width: ;
		height: 60%;
		left: 30px;
		top: 25%;
		margin: 0;
		padding: 0;
		background: ;
	}
	.content-left-2 {
		position: absolute;
		width: 30%;
		min-width: ;
		height: 60%;
		left: 15%;
		top: 25%;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.content-right {
		position: absolute;
		width: 100%;
		min-width: 450px;
		height: auto;
		right: 0;
		top: 25%;
		margin: 0;
		padding: 0;
	}
	.title-section {
		font-size: 68px;
		line-height: 70px;
		text-transform: uppercase;
		margin-bottom: 40px;
	}
/*
	============================================================================================================================================
																	HEAD
	============================================================================================================================================
*/
	header {  }

	.header-content {
		position: fixed;
		top: 0;
		right: 0;
		width: 40%;
		height: 59px;
		background: transparent;
		z-index: 999999;
	}
	.header-hover-menu {
		position: fixed;
		top: 0;
		right: 0;
		width: 20%;
		height: 100px;
		background: transparent;
		z-index: 111;
		cursor: pointer;
	}
	.fsn-bar {
		visibility: none;
		overflow: hidden;

	}
	.fsn-bar .bar-body {
		width: 980px;
		margin: -10000px auto;
	}
	.top-banner {
		position: fixed;
		width: 100%;
		height: 100px;
		top: 0;
		left: 0;
		background-color: #000000;
		z-index: 100;
		zoom: 1;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.logo-vertical {
		position: fixed;
		width: 180px;
		height: 32px;
		top: 35px;
		left: 30px;
		margin: 0;
		z-index: 113;
	}
	.icon-menu {
		position: fixed;
		width: 70px;
		height: 20px;
		top: 40px;
		right: 30px;
		margin: 0;
		z-index: 110;
		background:url(../img/icon-menu.png) right center no-repeat;
		font-size: 14px;
		color: #ffffff;
	}
	.top-menu {
		display: none;
		position: fixed;
		width: 100%;
		height: 240px;
		top: 0;
		left: 0;
		background-color: #000000;
		z-index: 112;
		/*zoom: 1;
		filter: alpha(opacity=70);
		opacity: 0.7;*/
	}
	.top-menu ul {
		display: none;
		float: right;
		height: 100px;
		margin: 55px 40px 0 0;
		padding-top: 10px;
		border-top: solid 1px #ffffff;
	}
	.top-menu ul li {
		list-style: none;
		display: inline;
		float: left;
		height: 100px;
		margin-right: 50px;
		font-size: 12px;
		color: #6F6F6E;
		line-height: 13px;
		background: #000000;
	}
	.top-menu ul li:last-child {
		margin-right: 0px;
	}
	.top-menu ul li a {
		font-size: 13px;
		color: #ffffff;
		text-transform: uppercase;
		-webkit-transition:color 0.1s ease-in;
   		-moz-transition:color 0.1s ease-in;
   		-o-transition:color 0.1s ease-in;
   		transition:color 0.1s ease-in;
	}
	.top-menu ul li a:hover {
		font-size: 13px;
		color: #FF6600;
	}
	p.menu-subtext {
		margin-top: 5px
	}
	.top-menu-info {
		position: absolute;
		width: 200px;
		right: 40px;
		margin-top: 25px;
		text-align: right;
		font-size: 13px;
		color: #ffffff;
		display: none;
		background: #000000;
	}
	#phone-landscape-message {
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0;
		background: #000000;
		z-index: 9999999;
		display: none;
	}
	#phone-landscape-message p {
		color: #ffffff;
		font-size: 16px;
		padding: 15px;
	}

	#eucookielaw {
		position: ;
		width: 100%;
		padding: 10px 0;
		margin-top: 100px;
		color: #eee;
		font-size: 12px;
		line-height: 16px;
		text-align: center;
		background: rgba(0, 0, 0, 0.8);
	}

	#eucookielaw p {
		width: 80%;
		margin: 0 auto;
	}

	#eucookielaw a {
		color: #eee;
		text-decoration: underline;
	}

/*
	------------------------------------------------------
						MENU FSN NOT VISIBLE
	------------------------------------------------------
*/

	.menu .fsn-menu-item {
		float: left;
	}
	.menu .fsn-menu-item.right {
		float: right;
	}
	.menu .fsn-menu-item span,
	.menu .fsn-menu-item a {
		color: #a9a9a9;
		text-transform: uppercase;
		font-size: 13px;
		line-height: 13px;
		padding: 14px 22px;
		display: block;
	}
	.menu .fsn-menu-item.fsn-current {
		background: #00AEA8;
	}
	.menu .fsn-menu-item:hover a,
	.menu .fsn-menu-item:hover span {
		color: #ccc;
	}
	.menu .fsn-menu-item.fsn-current span {
		color: #fff;
	}

/*
	============================================================================================================================================
																	CONTENT
	============================================================================================================================================
*/

	/* ---- Home Sección ---- */

	.home-content-info, map-content-info {
		position: absolute;
		width: 27%;
		min-width: 450px;
		height: 400px;
		right: 15%;
		bottom: 140px;
		margin: 0;
		padding: 0;
	}
	.home-info-1 {
		position: absolute;
		width: 100%;
		height: 70px;
		left: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
		background-color: #000;
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	.home-info-2 {
		position: absolute;
		width: 100%;
		height: 70px;
		left: 0;
		bottom: 90px;
		margin: 0;
		padding: 0;
		background-color: #000;
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	.home-info-3 {
		position: absolute;
		width: 100%;
		height: 118px; /* 160px si mensage "Abiertos todos los dias" */
		left: 0;
		bottom: 180px;
		margin: 0;
		padding: 0;
		background-color: #000;
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	.home-info-1 p, .home-info-2 p {
		font-size: 22px;
		padding: 20px;
		line-height: 36px;
	}
	.home-info-3 p{
		font-size: 42px;
		line-height: 42px;
		padding: 20px;
	}
	.home-info-3 span{
		font-size: 14px;
		line-height: 14px;
		padding: 0;
	}
	.home-arrow, .home-arrow-reserva {
		position: absolute;
		width: 21px;
		height: 21px;
		right: 20px;
		background:url(../img/home-arrow.png) no-repeat;
		z-index: 9999;
	}
	.home-arrow {
		top: 50%;
		margin: -9px 0 0 0;
	}
	.home-arrow-reserva {
		bottom: 20px;
		margin: 0;
	}

	.special-menu {
		width: 100%;
		height: auto;
		padding: 0;
		margin-top: -40px;
		background: rgba(194,0,0,0.6);
	}

	.special-menu p {
		color: #fff;
		padding: 20px;
		margin-bottom: 0;
	}

	.special-menu img {
		position: absolute;
		top: -20px;
		right: 20px;
	}

	/* ---- Carta Sección ---- */

	nav#menu-carta {
		position: absolute;
		left: 25% !important;
		margin-top: 65px;
		height: auto;
		overflow: hidden;
	}
	nav#menu-carta ul {
		margin: 0;
		padding: 0;
		width: 300px;
		height: auto;
	}
	nav#menu-carta li {
		list-style: none;
		float: left;
		height:24px;
		line-height:  24px;
		margin: 0 0 30px 0;
		width: 100%;
		/*overflow:hidden;*/
		position: relative;
	}
	nav#menu-carta li a {
		list-style: none;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 24px;
		line-height: 24px;
		width: 238px;
		text-align: left;
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
		-webkit-transition:color 0.1s ease-in;
   		-moz-transition:color 0.1s ease-in;
   		-o-transition:color 0.1s ease-in;
   		transition:color 0.1s ease-in;
	}
	nav li a:visited, nav#menu-carta li a:hover {
		color: #575756;
	}
	nav#menu-carta li.selected {
		background: none;
	}
	nav#menu-carta li a:focus {
		outline: none;
	}
	div.carta-content {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		background: ;
		padding: 15px 0;
		margin-top: 0;
	}
	div.carta-content p {
		font-size: 14px;
		line-height: 18px;
	}
	div.carta-content p span {
		text-transform: uppercase;
	}
	div.carta-content p.name-menu {
		font-size: 43px;
		line-height: 45px;
		margin-bottom: 45px;
	}
	div.carta-content .clear-line-menu {
		width: 100%;
		height: 1px;
		margin: 30px 0 30px 0;
		background: #ffffff;
	}

	/* ---- Filosofía Sección ---- */

	div.filososfia-container-1 {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		background: ;
		padding: 0;
		margin-top: 0;
	}
	div.filososfia-container-1 p {
		font-size: 14px;
		text-align: left; /* justify */
	}
	div.content-left p {
		text-align: left;
	}
	div.content-left ul, div.content-left-2 ul {
		position: absolute;
		width: 315px;
		left: 0;
		margin: 60px -50px 0 0;
	}
	div.content-left ul li, div.content-left-2 ul li {
		list-style: none;
		float: left;
		display: inline;
		margin-right: 40px;
	}
	.two-columns {
		width: 100%;
	}
	.two-columns img{
		width: 100%;
		margin-bottom: 20px;
	}
	.one_half {
		display: inline-block;
		width: 50%;
		float: ;
		margin-bottom: 20px;
		font-size: 14px;
	}
	.one_half img {
		width: 100%;
	}

	/* ---- Trabajar Sección ---- */

	.content-left-2-unete {
		top: 20%;
	}
	.content-left-2-workwithus {
		top: 9%;
	}
	.workwithus-layer {
		position: absolute;
		width: 100%;
		height: 500px;
		top: 50%;
		left: 0;
		margin: -250px 0 0 0;
		background-color: transparent;
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	.workwithus-container {
		position: absolute;
		width: 100%;
		height: 600px;
		top: 50%;
		left: 0;
		margin: -245px 0 0;
	}

	#content-left-workwithus {
		margin-top: -30px !important;
	}

	.content-left-2 p#workwithus-title {
		font-size: 68px;
		line-height: 70px;
		text-transform: uppercase;
		margin-bottom: 40px;
	}
	.content-left-2 p.workwithus-text {
		/*width: 320px;*/
		max-width: 380px;
		padding: 0;
		font-size: 14px;
		line-height: 20px;
		text-transform: none;
		border-top: dashed 0px #ffffff;
		border-bottom: dashed 0px #ffffff;
	}
	#tablets-message {
		display: none;
	}
	.content-workwithus-right {
		position: absolute;
		width: 27%;
		min-width: 450px;
		height: 300px;
		right: 15%;
		top: 100px;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	.content-workwithus-right2 {
		position: absolute;
		width: 27%;
		min-width: 450px;
		height: auto;
		right: 15%;
		margin: 0;
		padding: 0;
		text-align: left;
		top:0px;
	}
	.control-group {
		margin-bottom: 25px;
		font-size: 14px;
	}
	.controls {
		background: ;
	}
	.controls input{
		height: 30px;
		margin-top: -20px;

	}
	input,select,textarea {
		position: absolute;
		width: 97%;
		right: 0;
		padding: 5px 5px 5px 10px;
		color: #000 !important;
		background: #fff;
		border: solid 0px #ffffff;
		outline: 0;
		opacity: 0.7;
	}
	textarea {
		height: 40px;
		padding: 10px 5px 5px 10px;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
    	color:    #000;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    	color:    #000;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
    	color:    #000;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
    	color:    #000;
	}
	select{
	width:53%;
	}

	input.add-cv {
		margin: 5px 0 0 -20px !important;
		padding: 0px;
		background: none;
		border: none;
		cursor: pointer;
	}
	.btn-send-cv {
		position: absolute;
		right: 0;
		width: 15%;
		cursor: pointer;
		font-size: 14px;
		color: #000;
		border: solid 0px #000;
		background: #fff;
		margin-top: 30px;
		padding: 10px;
		opacity: 0.7;
	}
	.alert-success, .alert-error {
		margin-top: 40px;
		color: ;
	}

	/* ---- Noticias Sección ---- */

	.noticia-container {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		background: ;
		padding: 0;
		margin-top: 10px;
	}
	.noticia-content {
		position: relative;
		width: 100%;
		height: auto;
		padding:  0 0;
		line-height: 18px;
		border-top: 1px dashed #ffffff;
	}
	.noticia-content:last-child {
		border-bottom: 1px dashed #ffffff;
	}
	.noticia-content div {
		font-size: 14px;
	}
	.noticia-content .noticia-title {
		margin-top: 10px;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 28px;
	}
	.noticia-content .noticia-date {
		margin: 40px 0 0 0;
		font-size: 13px;
	}
	.noticia-content .noticia-meta {
		margin: 30px 0 50px 0;
	}
	.noticia-content .noticia-paragraph {
		margin: 20px 0 30px 0;
	}
	.noticia-content a.noticia-read-more {
		float: ;
		border: 1px solid rgba(255,255,255,0.6);
		margin-top: -10px;
		padding: 10px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.noticia-content a.noticia-read-more:hover {
		border: 1px solid rgba(255,255,255,1);
	}
	.noticia-content .big-noticia-title {
		font-size: 36px;
		line-height: 46px;
	}
	.back-mobile-arrow {
		position: absolute;
		width: 94%;
		height: 21px;
		top: 60px;
		left: 8px;
		font-size: 14px;
		line-height: 18px;
		display: none;
	}
	.back-mobile-arrow img {
		position: absolute;
		margin-top: 0;
		margin-right: 10px;
	}
	.back-mobile-arrow a {
		display: block;
		margin: 0 0 0 0;
		text-indent: 35px;
		line-height: 22px;
	}
	.full-noticia-container p img {
		display: block;
		width: 100%;
	}
	.noticia-content p a {
		padding-bottom: 2px;
	}
	.noticia-content a:hover {
		border-bottom: solid 1px #ffffff;
	}

	/* ---- Reserva Sección ---- */

	.reserva-container {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		background: ;
		padding: 0;
		margin-top: 0;
		background-color: #000000;
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}

	.container-form-reserva p, .container-form-regala p {
		font-size: 14px;
		line-height: 20px;
		text-align: left; /* justify */
	}

	/* ---- Regala Vertical Sección ---- */

	.content-left-2 p#regala-title {
		font-size: 42px;
		line-height: 50px;
		text-transform: uppercase;
		margin-bottom: 40px;
	}
	.regala-container {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		background: ;
		padding: 0;
		margin-top: 0;
		background-color: #000000;
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}

	.form-regala-datos-title {
		margin-left: -5px;
	}

	/* ---- Sky Bar Sección ---- */

	.content-left-2 p.paragraph-type-text {
		/*width: 320px;*/
		max-width: 380px;
		font-size: 14px;
		line-height: 20px;
		text-transform: none;
	}
	.content-left-2 p.paragraph-type-subtext {
		color: #848484;
		max-width: 380px;
		font-size: 10px;
		line-height: 14px;
		text-transform: none;
	}

	/* ---- Contacto Sección ---- */

	.contact-container-1, .contact-info-1 {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		margin-top: 0;
	}
	.contact-container-1 {
		height: 160px;
		background: #000000;
		zoom: 1;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.contact-info-1 {
		height: auto;
		background: none;
	}

	.contact-container-2, .contact-info-2 {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		margin-top: 280px;
	}
	.contact-container-2 {
		height: 180px;
		background: #000000;
		zoom: 1;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.contact-info-2 {
		height: auto;
		background: none;
	}
	.contact-info-1 p, .contact-info-2 p {
		font-size: 14px;
		color: #ddd;
		padding: 30px;
	}
	.contact-info-1 p a, .contact-info-2 p a {
		color: #ddd;
	}
	p .title-paragraph-contact {
		font-size: 17px;
	}
	.btn-map {
		position: absolute;
		width: 27%;
		height: 70px;
		min-width: 450px;
		right: 15%;
		margin-top: 185px;
		background: #000000;
		zoom: 1;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.btn-map img {
		position: absolute;
		right: 30px;
		margin: 15px 0 0 30px;
	}
	.btn-map p {
		position: absolute;
		margin: 23px 0 0 30px;
		font-size: 17px;
		text-transform: uppercase;
	}
	.contact-logos {
		position: absolute;
		width: 45%;
		min-width: ;
		height: 510px;
		left: 30px;
		top: 25%;
		margin: 0;
		padding: 0;
	}
	.contact-logos ul {
		position: absolute;
		width: 315px;
		right: 0;
		bottom: 0;
		margin: 60px -50px 0 0;
	}
	.contact-logos ul li {
		list-style: none;
		float: left;
		dispplay: inline;
		margin-right: 40px;
	}


	/* ---- Mapa ---- */

	#map-container {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0 0 0 0;
		background: #000000;
	}
	.map-container-info, .map-contact-info {
		position: absolute;
		width: 27%;
		min-width: 450px;
		right: 15%;
		bottom: 140px;
		margin-top: 0;
	}
	.map-container-info {
		height: 200px;
		background: #000000;
		zoom: 1;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.map-contact-info {
		height: auto;
		background: none;
	}
	.map-contact-info p {
		font-size: 14px;
		color: #fff;
		padding: 30px;
	}

/*
	------------------------------------------------------
						RESERVA CALENDARIO
	------------------------------------------------------
*/

	 .fadebox {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        zoom: 1;
        -moz-opacity: 0.9;
        opacity:.90;
        filter: alpha(opacity=90);
    }
    .fadebox:hover {
        cursor:url(https://www.restaurantevertical.com/img/close-calendar.cur), -moz-zoom-in;
    }
    .overbox {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -285px 0 0 -285px;
        width: 570px;
        z-index:1002;
        overflow: auto;
    }
    #content {
        background: #fff;
        border: solid 0px #CCCCCC;
        padding: 10px 10px 50px;
         zoom: 1;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }

    #calendario{
        font-family:unit-lightregular;;
        text-align: center;
        margin-top: -40px;
        margin-left: auto;
        margin-right: auto;
        border-collapse: collapse;
        border-right: 0px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        font-size:10px;
        color:#FFFFFF;
    }

    /*#mesCalendario para configurar aspectos de la caja que muestra el mes y el año*/
    #mesCalendario{
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        background-color: ;


    }
    #calendario td{
        /*position: static;*/
        color: #000;
    }
    #calendario th, #calendario td{
        border: 0px solid #ffffff;
        padding: 10px 20px 10px 20px;
        font-size: 150%;
    }
    #calendario th{
        color: #ff9900;
        text-align: left;
        height: 20px;
    }
    /*.diaS para configurar aspectos de la caja que muestra los días de la semana*/
    .diaS{
        color: #000;
        background-color: #666666;

    }
    /*.celda para configurar aspectos de la caja que muestra los días del mes*/
    .celda {
        background-color: #000000;
        color: #000;
        font-weight : normal;
        cursor: default;
    }
    /*.Hoy para configurar aspectos de la caja que muestra el día actual*/
    .Hoy{
        color: #ff9900 !important;
        background-color: ;
        font-weight: normal;
        cursor: default;
    }
    #miCalendario{
        text-align: center;
    }
    /*.selectores para configurar aspectos de los campos para el mes y el año*/
    .selectores{
        font-size: 11px;
        color: #990000;
        margin-bottom: 15px;
        margin-top: 2px;
        margin-left: 30px;
        margin-top: -27px;
    }

    #tunAnio, #tunMes  {
    	top: 5px;
    }

    #tunAnio {
    	left: 72px;
    }

    #tunMes {
    	left: 100px;
    }

    @-moz-document url-prefix() {
  		#tunAnio, #tunMes  {
    		top: 11px;
    	}
    	#tunAnio {
    		left: 66px;
    	}
	}

    #tunSeleccionado {
    	color: #ff9900 !important;
    	width: 25px !important;
    	height: 33px !important;
    	padding: 0 !important;
    }

    #miCalendario select{ position: relative; width: auto;}

    #fechaCalendario{margin-left:-60px;}
    #miCalendario input, #miCalendario input select, #miCalendario input textarea{ right: auto; width: auto; }

   	#btn-aceptar-calendario:hover {
   		background: #aaa !important;
   		color: !important;
   	}

/*
	------------------------------------------------------
						PRELOADER
	------------------------------------------------------
*/

	#preloader {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #000000;
		z-index: 999999;
	}

		#status {
			width: 200px;
			height: 200px;
			position: absolute;
			left: 50%;
			top: 50%;
			background-image: url(../img/preloader.gif);
			background-repeat: no-repeat;
			background-position: center;
			margin: -100px 0 0 -100px;
		}

	#preloader-second-layer {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #000000;
		z-index: 9998;
	}

/*
	------------------------------------------------------
						NAVIGATION ARROWS
	------------------------------------------------------
*/

	.fsn-navigation-arrow {
		background-image: url(../img/arrows.png);
		opacity: 0.6;
   		transition: opacity .25s ease-in-out;
   		-moz-transition: opacity .25s ease-in-out;
   		-webkit-transition: opacity .25s ease-in-out;
	}
	.fsn-navigation-arrow:hover {
		opacity: 1;
	}
	.fsn-navigation-arrow.left {
		background-position: left top;
	}
	.fsn-navigation-arrow.right {
		background-position: right top;
	}

/*
	------------------------------------------------------
						DOTS
	------------------------------------------------------
*/

	.fsn-dots {
		margin: 0 0 100px 30px;
	}
	.fsn-dots .fsn-dots-item {
		background: #fff;
		opacity: 0.3;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);
		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);
	}
	.fsn-dots .fsn-dots-item:hover {
		opacity: 0.4;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);
		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);
	}
	.fsn-dots .fsn-dots-item.fsn-current {
		background: #fff;
		opacity: 0.9;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
		-MS-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	}

/*
	------------------------------------------------------
						PAGES
	------------------------------------------------------
*/

	.fsn-page-body {
		color: #fff;
	}
	.fsn-page {
		background-color: #000;
	}

/*
	============================================================================================================================================
																	FOOTER
	============================================================================================================================================
*/

	.footer {
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		background: transparent;
		z-index: 9999;
	}
	.footer-transparency {
		position: absolute;
		width: 100%;
		height: 50px;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		background: #000000;
		zoom: 1;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.footer-socials {
		position: absolute;
		width: 80px;
		height: 25px;
		bottom: 12px;
		left: 30px;
		margin: 0;
		padding: 0;
	}
	.footer-socials img {
		margin-right: 5px;
	}
	.footer-booking {
		position: absolute;
		width: 360px;
		height: 25px;
		bottom: 12px;
		left: 100px;
		margin: 0;
		padding: 0;
	}
	.footer-booking .footer-reservar, .footer-booking .footer-phone, .footer-booking .footer-note {
		position: absolute;
		margin: 0;
		padding: 0;
		font-size: 13px;
		color: #fff;
	}
	.footer-booking .footer-reservar a, .footer-booking .footer-note a {
		color: #fff;
	}
	.footer-booking .footer-reservar a:hover, .footer-languages a:hover, .footer-booking .footer-note a:hover {
		color: #fff;
	}
	.footer-booking .footer-phone {
		left: 100px;
	}

	.footer-booking .footer-note {
		right: 0;
	}
	.footer-languages {
		position: absolute;
		width: 80px;
		height: 25px;
		bottom: 12px;
		right: 30px;
		margin: 0;
		padding: 0;
		font-size: 14px;
		text-align: right;
		color: #9C9C9C;
	}
	.lang-not-selected {
		color: #9C9C9C;
	}
	.lang-selected {
		color: #ffffff;
	}
	.footer-nav {
		position: absolute;
		width: 27%;
		min-width: 450px;
		height: 60px;
		bottom: 0;
		right: 15%;
		margin: 0;
		padding: 0;
		background: #777;
	}
	.footer-arrow {
		position: absolute;
		width: 100%;
		height: 20px;
		bottom: 20px;
		margin: 0;
		padding: 0;
	}
	.footer-arrow a {
		color: #000000;
		font-size: 14px;
		margin-left: 20px;
	}
	.footer-arrow img {
		float: right;
		margin-right: 20px;
	}