/* ==========================================================================

   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)

   ========================================================================== */

@font-face {

 font-family: Carnivalee Freakshow;

 src: url("../fonts/Carnevalee_Freakshow.eot") /* EOT file for IE */

}





@font-face {

	font-family: 'Carnivalee Freakshow';

	src: url('../fonts/Carnevalee_Freakshow.woff') format('woff'), 	

		url('../fonts/Carnevalee_Freakshow.otf') format('opentype'),

		url('../fonts/Carnevalee_Freakshow.ttf') format('truetype'), 

		url('../fonts/Carnevalee_Freakshow.svg') format('svg'),	

      	url('../fonts/Carnivalee_Freakshow.svg#Carnivalee Freakshow') format('svg');

	font-weight: normal;

	font-style: normal;

}



html,

button,

input,

select,

textarea {

    color: #222;

}



body {

    font-size: 1em;

    line-height: 1.4;

	font-family:"Century Gothic";

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



img {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}





/* ===== Initializr Styles ==================================================

   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template

   ========================================================================== */



body {

    font: 16px/30px "Century Gothic";

}



.back-title {

	background-color:#FFF;

	opacity:0.85;

	position:absolute;

	height:170px;

	width:630px;

	z-index:1;

}



.wrapper {

    width: 90%;

    margin: 0 5%;

}



/* ===================

    ALL: Orange Theme

   =================== */



.header-container {

	width:1400px;

	height:654px;

	background-image:url(../img/image-header-HOME.jpg);

	background-repeat:no-repeat;

	background-position:top center;

	margin: 0 auto;

}



.header-container-menu {

	width:1400px;

	height:654px;

	background-image:url(../img/image-header-MENU.jpg);

	background-repeat:no-repeat;

	background-position:top center;

	margin: 0 auto;

}



.header-container-about {

	width:1400px;

	height:654px;

	background-image:url(../img/image-header-ABOUT.jpg);

	background-repeat:no-repeat;

	background-position:top center;

	margin: 0 auto;

}



.header-container-gallery {

	width:1400px;

	height:654px;

	background-image:url(../img/image-header-GALLERY.jpg);

	background-repeat:no-repeat;

	background-position:top center;

	margin: 0 auto;

}



.header-container-contact {

	width:1400px;

	height:654px;

	background-image:url(../img/image-header-CONTACT.jpg);

	background-repeat:no-repeat;

	background-position:top center;

	margin: 0 auto;

}



#float-menu {

	background: url(../img/dinner-menu-normal.png);

	background-color:none;

	background-position:bottom center;

	width:245px;

	height:80px;

	float:right;

	margin-right:10px;

	font-family:"Carnivalee Freakshow";

	color:#FFF;

	font-size:30px;

	padding: 0px 0px 25px 20px;

	border:none;

	text-align:left;

	z-index:2;

	position:relative;

	}



#float-menu a:hover {}

	

#float-menu a:active {

	background: url(../img/dinner-menu-close.png);

	}



#hide-menu {

	width:185px;

	height:380px;

	background: url(../img/dinner-menu.png);

	background-color:none;

	background-position:bottom center;

	background-repeat: repeat-x;

	opacity:0.85;

	margin-left:685px;

	font-family: "Century Gothic";

	color:#FFF;

	font-size:20px;

	padding: 90px 30px 0px 30px;

	display:none;

	position: absolute;

	z-index:1;

	line-height:14px;

	}



#hide-menu strong {

	font-size:24px;

	font-family:"Carnivalee Freakshow";

	font-weight:normal;

	letter-spacing:1px;

	line-height:20px;

	}



#hide-menu span {

	font-size:13px;

	line-height:10px;

	}



/*.footer-container,

.main aside {

    border-top: 20px solid #e44d26;

}*/



.footer-container{

	background: #40333F;

	height:50px;

	width:900px;

	margin:0 auto;

	padding:10px 20px;

}



.title {

	font-family:"Carnivalee Freakshow";

	color: #40333F;

	width: 335px;

	float:left;

	height:100px;

	text-align:center;

	font-size: 80px;

	padding-top:40px;

	position:relative;

	font-weight:normal;

	z-index:2;

}





.title span {	

	font-size: 40px;

	line-height:80px;

}





.title-small

{

	font-family:"Carnivalee Freakshow";

	font-weight:normal;

	font-size:32px;

}

.title-small span

{

	font-family:"Carnivalee Freakshow";

	font-weight:normal;

	font-size:22px;

}





article {

	width:75%;

	float:left;

	}

	

#no-slide{

	width:940px;

	float:left;

	}

	

.pdf1

{

	background-image:url(../img/menu-botton-1.jpg);

	background-position:top left;

	height:235px;

	width:235px;

}





.pdf2

{

	background-image:url(../img/menu-botton-2.jpg);

	background-position:top left;

	height:235px;

	width:235px;

}





.pdf3

{

	background-image:url(../img/menu-botton-3.jpg);

	background-position:top left;

	height:235px;

	width:235px;

}





.pdf4

{

	background-image:url(../img/menu-botton-4.jpg);

	background-position:top left;

	height:235px;

	width:235px;

}





.pdf5

{

	background-image:url(../img/menu-botton-5.jpg);

	background-position:top left;

	height:235px;

	width:235px;

}

.pdf6

{

	background-image:url(../img/menu-botton-6.jpg);

	background-position:top right;

	height:235px;

	width:235px;

}


.pdf1:hover, .pdf2:hover, .pdf3:hover, .pdf4:hover, .pdf5:hover, .pdf6:hover

{

	background-position:top left;

}





#header-article-menu, #header-article-gallery{

	background-color:#7D2B42;

	text-align:center;

	padding: 30px 30px;

}

#header-article-menu h1{

}



#header-article-gallery h1{

	margin-top:40px;

}



#header-article-about{

	background-color:#40333F;

	height:645px;

	font-size:13px;

	line-height:14px;

}



#header-article-about p{	

	font-size:12px;

	line-height:13px;

}



#header-article-about h1{

	font-size:36px;

	font-family:"Carnivalee Freakshow";

	text-align:center;

	font-weight:normal;

	margin-bottom:10px;

	margin-top: -5px;

}



#header-article-about span{

	font-size:20px;

}



#header-article-contact{

	background-color:#40333F;

	padding-left:20px;

	padding-right:40px;

}



#header-article-contact span{

	font-size:11px

}



#ambient-black, #ambient-black-2

{

	color:#40333F;

	line-height:14px;

	height:175px;

	width:175px;

	font-size:13px;

	padding:30px;

	text-align:center

}



#gallery-end

{	

	height:235px;

	width:235px;

	background-image:url(../img/photo24.jpg);

	background-position:top left;

}

#gallery-end:hover{background-position:top right;}



#ambient-black h1{margin-top:35px}

#ambient-black:hover, #ambient-black-2:hover{background-color:#EBE1D8;}



#ambient-black-2 h1{margin-top:20px}

#ambient-violet h1{margin-top:15px}

#ambient-beige h1{margin-top:30px}

#ambient-beige:hover{background-color:#FFF}



#ambient-beige

{

	color:#40333F;

	line-height:14px;

	height:175px;

	width:175px;

	font-size:13px;

	padding:30px;

	background-color:#EBE1D8;

	text-align:center



}



#ambient-violet

{

	color:#FFF;

	line-height:14px;

	height:175px;

	width:175px;

	font-size:13px;

	padding:30px;

	background-color:#40333F;

	text-align:center



}



#ambient-red

{

	color:#FFF;

	line-height:14px;

	height:175px;

	width:175px;

	font-size:13px;

	padding:30px;

	background-color:#7D2B42;



}



#ambient-red p

{

	line-height:16px;

	font-size:13px;



}



section {

	height:235px;

	width:235px;

	float:left;

}



#map

{

	width:470px;

	}



article header {

	background-color:#40333F;

	height:175px;

	width:175px;

	line-height:13px;

	color:#FFF;

	font-size:12px;

	padding:30px;

	display:inline-block;

	float:left;

}



#title1{

	text-align:center;

	color:#7D2B42;

	font-size:18px;

	font-weight:bold;

	background-color:#FFF;

	line-height: 26px;

	}



#title1 span{

	color:#40333F;

	}



#title1:hover{

	text-align:center;

	color:#7D2B42;

	font-size:18px;

	font-weight:bold;

	background-color:#EBE1D8;

	}



#title-about{

	text-align:center;

	color:#7D2B42;

	font-size:18px;

	background-color:#EBE1D8;

	line-height: 22px;

	}



#title-about-coctails{

	text-align:center;

	color:#7D2B42;

	font-size:18px;

	background-color:#EBE1D8;

	line-height: 22px;

	padding: 0 20px;

	padding-top:30px;

	width:195px;

	height:205px;

	}

	

#title-about-coctails span{

	font-weight:bold;

	color:#40333F;

	}



#title-about:hover, #title-about-coctails:hover{

	background-color:#FFF;

	}



#title-about span{

	color:#40333F;

	font-weight:bold;

	}

	

#title-about-2{

	text-align:center;

	color:#7D2B42;

	font-size:15px;

	font-weight:bold;

	background-color:#EBE1D8;

	line-height: 25px;

	padding:20px;

	height:175px;

	width:195px;

	padding-top:40px;

	}

	

#title-about-3{

	text-align:left;

	color:#FFF;

	font-size:16px;

	font-weight:bold;

	background-color:#7D2B42;

	line-height: 16px;

	padding:20px;

	height:175px;

	width:195px;

	padding-top:40px;

	}



#title-about-3 span{

	font-size:13px;

	font-weight:normal;

	}



#contact-data

{

	text-align:left;

	color:#7D2B42;

	font-size:18px;

	font-weight:bold;

	background-color:#FFF;

	width:205px;

	padding:0px;

	padding-left:30px;

	}

#contact-data p

{

	font-size:18px;

	font-weight:normal;

	line-height:22px;

}

#contact-data:hover

{

	background-color:#7D2B42;

	color:#FFF;

	}

	

#welcome-menu

{

	text-align:center;

	color:#7D2B42;

	font-size:38px;

	background-color:#EBE1D8;

	color:#EBE1D8;

}

#welcome-menu h1

{

	margin-top:110px;}



#welcome-menu:hover

{

	background-color: #7D2B42;

}



	

#contact-data-menu

{

	text-align:left;

	color:#7D2B42;

	font-size:18px;

	font-weight:bold;

	background-color:#EBE1D8;

	width:205px;

	padding-left:30px;

	}



#contact-data-menu p

{

	font-weight:normal;

	line-height:22px;

	}



#contact-data-menu:hover

{

	background-color:#7D2B42;

	color:#FFF;

	}



article h1 {

	line-height:22px;

	font-weight:bold;

	font-size:18px;

	}



#pageContainer {

	float:right;

	}



#photo-big {

	width:470px;

	background-image:url(../img/photo3.jpg);}

	

#color {

	background-color:#7D2B42;

	height:175px;

	width:175px;

	line-height:13px;

	color:#FFF;

	font-size:12px;

	padding:30px;

	display:inline-block;

	float:left;

	}

	

#color2 {

	background-color:#EBE1D8;

	height:175px;

	width:175px;

	line-height:13px;

	color:#40333F;

	font-size:12px;

	padding:30px;

	padding-top:30px;

	display:inline-block;

	float:left;

	}

#color2 p {

	line-height:16px;

	font-size:13px;

	}



#triad {

	width:52px;

	height:98px;

	margin-left:-60px;

	background-image:url(../img/triad.png);

	position:absolute;

	}

	

#triad-about {

	width:52px;

	height:98px;

	margin-left:-60px;

	margin-top:-20px;

	background-image:url(../img/triad.png);

	position:absolute;

	}

	

#triad-about-2 {

	width:52px;

	height:98px;

	margin-left:195px;

	margin-top:55px;

	background-image:url(../img/triad-2.png);

	position:absolute;

	}



#triad-beige {

	width:52px;

	height:98px;

	margin-left:190px;

	background-image:url(../img/triad-beige.png);

	position:absolute;

	}

#more

{

	float:right;

	margin-right:-220px;

	margin-top:13px;

	z-index:5px;

	position: relative;

	z-index:5;

}



#photo-about

{

	height:470px;

}



#view-photo, #view-photo-2, #view-photo-3

{

	height:27px;

	width:26px;

	position:absolute;

	margin-top:185px;

	margin-left:190px;

	background:url(../img/more.png);

	background-color:none;

	border:none;

}





#view-photo-close, #view-photo-close-2, #view-photo-close-3

{

	height:27px;

	width:26px;

	position:absolute;

	margin-top:420px;

	margin-left:-45px;

	background:url(../img/more2.png);	

	z-index:3;

	background-color:none;

	border:none;

}





#hide-photo, #hide-photo-2

{

	display:none;

	position:absolute;

	z-index:2;

	margin-left:-235px;

}



#hide-photo-3

{

	display:none;

	position:absolute;

	z-index:2;

}

#contact-form

{

	height:410px;

	float:right;

	color:#40333F;

	line-height:14px;

	width:175px;

	font-size:13px;

	padding:30px;

	background-color:#EBE1D8;

	font-weight:normal;

}



#submit

{

	height:30px;

	width:175px;

	background-color:#7D2B42;

	color:#FFF;

	border:none;

	font-family:"Century Gothic";

	font-weight:normal;

}



#submit:hover

{

	height:30px;

	width:175px;

	background-color:#40333F;

	color:#FFF;

	border:none;

	font-family:"Century Gothic";

	font-weight:normal;

}



#map-small

{

	display: none;}



/* ==============

    MOBILE: Menu

   ============== */



nav {display:block;

	margin-top:420px;

	height:235px;

	background-color:#FFF;

	opacity:0.85;

	width:235px;

}



nav ul {

    margin: 0;

    padding: 0;

	width:235px;

	padding-top: 15px;

}



nav a {

	font-size:20px;

	display: block;

	text-align: left;

	text-decoration: none;

	font-weight: bold;

	color: #40333F;

	font-family:"Century Gothic";

	width:235px;

	padding: 9px;

	padding-left:40px;

	height: 20px;

}



nav a:hover {

	color: #7D2B42;

	text-decoration: none;

}



nav .active {

	color: #7D2B42;

	text-decoration: none;

}



/* ==============

    MOBILE: Main

   ============== */



.main {

    /*padding: 30px 0;*/

}



.main article h1 {/*

	font-size: 1.5em;*/

}



.main aside {

    color: white;/*

    padding: 0px 5% 10px;*/

}



.footer-container footer {

    color: white;

	height: 40px;

	width:880px;

	/*     padding: 20px;*/

}



#social-icon-insta {

	width:29px;

	height:29px;

	background-image:url(../img/icon-social-1.png);

	background-position:top center;

	float:right;

	margin-right:10px;

	margin-top:10px;

	}

	

#social-icon-FB {

	width:29px;

	height:29px;

	background:none;

	background-image:url(../img/icon-social-2.png);

	background-position:top center;

	float:right;

	margin-right:10px;

	margin-top:10px;

	border:none;

	}



#social-icon-twitter {

	width:29px;

	height:29px;

	background:none;

	background-image:url(../img/icon-social-3.png);

	background-position:top center;

	float:right;

	margin-right:10px;

	margin-top:10px;

	border:none;

	}



#social-icon-insta:hover {

	width:29px;

	height:29px;

	background-image:url(../img/icon-social-1.png);

	background-position: bottom center;

	float:right;

	}

#social-icon-FB:hover {

	width:29px;

	height:29px;

	background:none;

	background-image:url(../img/icon-social-2.png);

	background-position:bottom center;

	float:right;

	margin-right:10px;

	margin-top:10px;

	border:none;

	}



#social-icon-twitter:hover {

	width:29px;

	height:29px;

	background:none;

	background-image:url(../img/icon-social-3.png);

	background-position:bottom center;

	float:right;

	margin-right:10px;

	margin-top:10px;

	border:none;

	}

/* ===============

    ALL: IE Fixes

   =============== */



.ie7 .title {

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */







/* ==========================================================================

   Media Queries

   ========================================================================== */











/*@media only screen and (min-width: 320px) {





.header-container

{

	width:320px;}*/









@media only screen and (max-width: 370px) {





.header-container

{

	width:100%;

	background-position: top center;}



.header-container-menu

{

	width:100%;

	background-position: left;}



.header-container-about

{

	width:100%;

	background-position: right;}

	

.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}



#no-slide

{

	width:100%;

	margin-left: 30px;

}

	

.back-title

{

	width:100%;}



.title

{

	width:300px;}



.wrapper

{

	margin: 0px 0px;

	}



.main-container

{

	margin: 0 auto;}





nav

{

margin-top:420px;

margin-left:34px;

	}



	

article

{

	margin: 0 auto;

	float:none;

	}



.footer-container footer

{

	width:90%;

}

	

.footer-container

{

	width:90%;

}



#photo-big

{

	width:235px;

	}



#float-menu

{

	float:left;

	margin-left: 30px;

}



#hide-menu

{	

	margin-top:195px;

	margin-left:30px;

}



#pageContainer

{

}



#triad {

	width:70px;

	height:70px;

	margin-left:50px;

	margin-top:-40px;

	background-image:url(../img/triad.png);

	position:absolute;

	-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=45);

	}



#triad-beige {

	display:none;

	}

	

#empty1

{

	display:none;

}



#empty

{

	display:none;

}



#contact-data-menu

{

	background-color:#FFF;}



#contact-form

{

	float:left;}



#empty-3, #empty-4, #empty-5, #empty-6, #empty-7

{

	display:none;

}



#map 

{

	display:none;}



#map-small

{

	display:block;}



}





@media only screen and (min-width: 350px) and (max-width: 380px) {





.header-container

{

	width:100%;

	background-position: top center;}



.header-container-menu

{

	width:100%;

	background-position: left;}



.header-container-about

{

	width:100%;

	background-position: right;}

	

.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}





#no-slide

{

	width:100%;

	margin-left: 30px;

}

	

.back-title

{

	width:100%;}



.title

{

	float:left;

	margin-left: 30px;

	width:300px;}



.wrapper

{

	margin: 0px 0px;}



.main-container

{

	margin: 0 auto;

	margin-left:25px;}





nav

{

margin-top:420px;

margin-left:63px;

	}



	

article

{

	margin: 0 auto;

	float:none;

	}



.footer-container footer

{

	width:90%;

}

	

.footer-container

{

	width:90%;

}



#photo-big

{

	width:235px;

	}



#float-menu

{

	float:left;

	margin-left: 58px;

}



#hide-menu

{	

	margin-top:195px;

	margin-left:58px;

}





#triad {

	display:none;

	}



#triad-beige {

	display:none;

	}

	

#empty1

{

	display:none;

}



#empty

{

	display:none;

}



#contact-data-menu

{

	background-color:#FFF;}



#pageContainer

{

	float:left;

	margin-left:40px;

}



#empty-3, #empty-4, #empty-5, #empty-6, #empty-7

{

	display:none;

}



#contact-form

{

	float:left;}



#map 

{

	display:none;}



#map-small

{

	display:block;}







}



@media only screen and (min-width: 381px) and (max-width: 710px) {





.header-container

{

	width:100%;}



.header-container-menu

{

	width:100%;}

	

.header-container-about

{

	width:100%;}



.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}





#no-slide

{

	width:480px;

}



#empty

{

	display:none;

}

	

.back-title

{

	width:100%;}



.title

{

	width:300px;

	margin-left: 30px;}

	

#float-menu

{

	float:left;

	margin-left: 25px;

}



#hide-menu

{	

	margin-top:195px;

	margin-left:25px;

}



.footer-container footer

{

	width:90%;

}

	

.footer-container

{

	width:90%;

}





.wrapper

{

	margin: 0px 0px;}

	

	

#photo-big

{

	width:235px;

	}

	

article

{

	width:480px;

	}

	

#pageContainer

{

	float:left;

}



#triad {

	display:none;

	}



#triad-beige {

	display:none;

	}



#contact-form

{

	float:left;}



#empty-3, #empty-4, #empty-7

{

	display:none;

}







}



@media only screen and (min-width: 481px) and (max-width: 568px){

	

.main-container{ margin-left: 40px;}

.header-container-about{ width:100%;}

.header-container-menu{ width:100%;}

.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}

.title {width:300px;}

#float-menu {float: right; margin-right:-40px; margin-top:-25px;}

#hide-menu {margin-top:170px; margin-left:291px;}

nav { margin-left:40px;}

.footer-container footer{width:90%;}	

.footer-container{width:90%;}



}



@media only screen and (min-width: 569px) and (max-width: 710px){

	

.main-container{ margin-left: 100px;}

.header-container-about{ width:100%;}

.header-container-menu{ width:100%;}

.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}

#float-menu {float: right; margin-right:-50px;}

nav { margin-left:100px;}

#hide-menu {margin-top:0px; margin-left:406px;}

.footer-container footer{width:90%;}	

.footer-container{width:90%;}



}



/*@media only screen and (min-width: 686px) and (max-width: 800px){





}*/





@media only screen and (min-width: 711px) and (max-width: 799px) {



.header-container

{

	width:100%;}



.header-container-menu{width:100%;	background-position: left;}

.header-container-about{width:100%;	background-position: right;}

.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}





.back-title

{

	width:400px;}



.title {

        float: left;

		display:block;

    }



nav a {

        float: left;

        width: 235px;

		}



.wrapper

{

	margin:0px 20px;

	width:705px;}



article

{

	width:470px;}





.footer-container footer

{

	width:90%;

}

	

.footer-container

{

	width:90%;

}



#hide-menu {

	margin-left:450px;

	}



#triad {

	width:70px;

	height:70px;

	margin-left:50px;

	margin-top:-40px;

	background-image:url(../img/triad.png);

	position:absolute;

	-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=45);

	}



#no-slide {width:705px;}





}







@media only screen and (min-width: 801px) and (max-width: 1139px){



.header-container

{

	width:100%;}



.header-container-menu{width:100%;	background-position: left;}

.header-container-about{width:100%;	background-position: right;}

.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}





article

{

	width:705px;}	



#pageContainer

{

	float:left;

}

		



.footer-container footer

{

	width:93%;

}

	

.footer-container

{

	width:93%;

}



.back-title

{

	width:500px;}



#hide-menu {

	margin-left:692px;

	}



.wrapper {

        width: 940px; /* 1140px - 10% for margins */

        margin: 0 auto;

    }



}



@media only screen and (min-width: 1140px) {



/* ===============

    Maximal Width

   =============== */





    .wrapper {

        width: 940px; /* 1140px - 10% for margins */

        margin: 0 auto;

    }

}



@media only screen and (min-width: 1141px) and (max-width: 1400px) {





.header-container

{

	width:100%;}

	

.header-container-menu{width:100%;	background-position: left;}

.header-container-about{width:100%;	background-position: right;}	

.header-container-gallery{ width:100%;}

.header-container-contact{ width:100%;}

	

}



/* ==========================================================================

   Helper classes

   ========================================================================== */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



.hidden {

    display: none !important;

    visibility: hidden;

}



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



.invisible {

    visibility: hidden;

}



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



/* ==========================================================================

   Print styles

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

	page-break-after: avoid;

    }

}





/* slideshow CSS*/





#slideshow {

	margin:0 auto;

	width:235px;

	height:705px;

	position:relative;

}

#slideshow #slidesContainer {

	margin:0 auto;

	width:235px;

	height:705px;

	overflow:auto; /* allow scrollbar */

	position:relative;

}

#slideshow #slidesContainer .slide {

	margin:0 auto;

	width:235px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */

	height:705px;

}



#slideshow h2

{

	font-family:"Carnivalee Freakshow";

	font-weight:normal;

	width:195px;

	font-size:22px;

	padding: 60px 20px 0 20px;

	line-height:26px;

	text-align:center;

}



#slideshow p

{

	font-size:17px;

	width:195px;

	font-size:13px;

	line-height: 16px;

	padding: 0 20px 0 20px;

	text-align:center;

}



.control {

  display:block;

  width:55px;

  height:53px;

  text-indent:-10000px;

  position:absolute;

  cursor: pointer;

}

#leftControl {

  top:235px;

  left:0;

  background:transparent url(../img/control_left.jpg) no-repeat 0 0;

  z-index:20;

  background-position:center;

}

#rightControl {

  top:235px;

  right:0;

  background:transparent url(../img/control_right.jpg) no-repeat 0 0;

  z-index:20;

  background-position:center;

}



#pageContainer {

  width:235px;

  background-color:#EBE1D8;

}

#pageContainer h1 {

  display:block;

  width:215px;

  text-indent: -10000px;

}

	

#line-control 

{

	height:53px;

	width:235px;

	background-color:#40333F;

	position:absolute;

	margin-top:235px;

}





/* prueba supersize*/



#supersize img, #supersize a{

			height:100%;

			width:100%;

			display:none;

			position:relative;

		}

		

#supersize .activeslide, #supersize .activeslide img{

			display:inline;

		}

#content-supersize

{

	width:80%;

	margin: 0px auto;

	z-index:0px;

}



/* Estilos del formulario */

form.contacto {

    width: 175px;

}

form.contacto fieldset {

}

form.contacto fieldset > div {

    clear: both;

    margin-bottom: 10px;

    overflow: hidden;

}

form.contacto fieldset div label {

	display: block;

	/*float: left;*/

	text-align:left;

	margin-right: 15px;

	text-transform: uppercase;

	width: 84px;

}

form.contacto input[type="text"], form.contacto textarea {

    background: #F5F5F5;

    border: 1px solid #E8E8E8;

    color: #626262;

    display: block;

    float: left;

    padding: 8px;

    resize: none;

    width: 155px;

    -webkit-transition: all 0.1s linear;

    -moz-transition: all 0.1s linear;

}

form.contacto input[type="text"]:focus, form.contacto textarea:focus {

    background: #F9F9F9;

    border: 1px solid #D3D3D3;

    outline: none;

}

form.contacto .ultimo{

    margin-bottom: 0;

    position: relative

}

form.contacto button {

    background: #444444;

    border: 0 none;

    color: #FFFFFF;

    float: right;

    font-weight: bold;

    height: 32px;

    padding: 0 10px;

    position: relative;

    text-transform: uppercase;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

}

form.contacto button:hover{

    background: #6A6A6A;

}

 

/* AJAX Gif y mensajes de exito o fracaso */

.hide{

    display: none;

}

.ajaxgif{

    position: absolute;

    right: 150px;

    top: 5px;

}

.msg{

    color: white;

    height: 32px;

    line-height: 32px;

    padding: 0 10px;

	padding-left:5px;

    position: absolute;

    right: 0px;

    width: 100px;

}

.msg_ok{

    background:#7D2B42;

}

.msg_error{

    background: #F60;

}