@import url(http://fonts.googleapis.com/css?family=Yantramanav:900);

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

/* ----------------------------------------------------*/
/* -------------------- RESET CSS ---------------------*/
/* ----------------------------------------------------*/

html
{
	background: #FFF;
	color: #000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img
{
	border: 0;
}
address,caption,cite,code,dfn,th,var,optgroup
{
	font-style: inherit;
	font-weight: inherit;
}
del,ins
{
	text-decoration: none;
}
li
{
	list-style: none;
}
caption,th
{
	text-align: left;
}
h1,h2,h3,h4,h5,h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after
{
	content: '';
}
abbr,acronym
{
	border: 0;
	font-variant: normal;
}
sup
{
	vertical-align: baseline;
}
sub
{
	vertical-align: baseline;
}
legend
{
	color: #000;
}
input,button,textarea,select,optgroup,option
{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input,button,textarea,select
{
	font-size: 100%;
}

/* ------------------- /RESET CSS ---------------------*/


/* ------------------------------------------------------*/
/* ------------------- TYPOGRAPGY CSS -------------------*/
/* ------------------------------------------------------*/
@font-face {
	font-family: 'Museo500';
	src: url('fonts/museo500-regular-webfont.eot');
	src: local('fonts/Museo500-Regular.otf'), url('fonts/Museo500-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

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

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

}

/* ------------------ /TYPOGRAPGY CSS -------------------*/


/* ----------------------------------------------------*/
/* ------------------- ELEMENTS CSS -------------------*/
/* ----------------------------------------------------*/

html {
	height: 100%;
	width: 100%;
	/*background: #fff url('/img/layout/bg.jpg') repeat-x;*/
}

body {
	font-family: arial, helvetica, verdana;
	height: 100%;
}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

*html body{
	height: 100%;
}

.clear {
	clear: both;
}

/* -- headings -- */
h1 {
	font-family: 'Jellyka', times, arial;
	font-size: 48px;
	line-height: 52px;
	margin-bottom: 12px;
	padding-left: 18px;
	color: #583414;
	text-shadow: 2px 2px 2px #666;
}

h2 {
	font-family: 'BergamoStdRegular', times;
	color: #583414;
	font-size: 26px;
}

h3 {
	font-family: 'BergamoStdRegular', times;
	color: #666;
	font-size: 22px;
}

h4 {
}

h5 {
}

h6 {
}

p{
	font-family: 'BergamoStdRegular', times;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 12px;
}

/* -- links -- */
a, a:link {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	outline:none;
	text-decoration: none;
}

/* -- blockquotes -- */
blockquote {
}

input {
	border: none;
}

ul {
}

li {
}

/* ------------------ /ELEMENTS CSS -------------------*/


/* ----------------------------------------------------*/
/* -------------------- LAYOUT CSS --------------------*/
/* ----------------------------------------------------*/

/* ---------- Intro WOW Slider ----------*/
/* bottom center */
#wowslider-container1  .ws_bullets {
	top:0;
    right: 0;
}

#wowslider-container1 { 
	/*overflow: hidden;*/
	zoom: 1; 
	position: relative; 
	width:1300px;
	margin:0 auto;
	z-index:100;
}
#wowslider-container1 .ws_images{
	width:1300px;
	height:950px;
	overflow:hidden;
	position:relative;
}
#wowslider-container1 .ws_images a{
	color:transparent;
}

#wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1 .ws_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1 .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1 .ws_bullets a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #B8C4CF; 
	color: #B8C4CF; 
	text-indent: -1000px; 
	background-image:url("data:image/gif;base64,");
	position:relative;
}
#wowslider-container1 .ws_selbull { 
	background-color: #B8C4CF; 
	color: #FFFFFF; 
}

#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull { 
	background-color: #dae9f6;
	color: #FFFFFF; 
}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	position:absolute;
	display:none;
	top:50%;
	margin-top:-15px;
	line-height:30px;
	z-index:60;
	background-color: #000000; 
	color: #FFFFFF; 
	padding: 0px 10px; 
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#wowslider-container1 a.ws_next{
	right:0;
}
#wowslider-container1 a.ws_prev {
	left:0;
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}



#wowslider-container1 .ws-title{
	position: absolute;
	bottom:0;
	left: 0;
	margin-right:5px;
	z-index: 50;
	background-color:#000000;
	color:#FFFFFF;
	padding:10px 1%;
	width:98%;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	opacity:0.55;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);	
}
#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 12px;
}#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:12px;
	left:-62px;
	visibility:hidden;
	position:absolute;
    border: 2px solid #B8C4CF;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:123px;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	top:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 2px solid #B8C4CF;
}
#wowslider-container1 .ws_bulframe span{
	position:absolute;
}
/* ---------- Intro WOW Slider ----------*/

#intro_wrap {
	margin: -820px auto auto;
	width: 650px;
	height: 460px;
	background: url('/img/layout/intro_wrap_bg2.png');
	position: relative;
	z-index: 1000;
}

	#intro_wrap .logo {
		margin: 25px 0 0 185px;
	}

	#intro_wrap .descubra {
		margin: 35px 0 0 35px;
	}
	
	#intro_lang_nav {
		margin-left: 215px;
		margin-top: 25px;
	}
	
		#intro_lang_nav li {
			float: left;
			margin: 0 20px;
		}
		
			#intro_lang_nav li a,
			#intro_lang_nav li a:link,
			#intro_lang_nav li a:visited {
				display: block;
				width: 72px;
				height: 57px;
				text-indent: -9999px;
			}
			
			#intro_lang_nav li a.pt {
				background: url('/img/layout/intro_lang_select.png') 0 -57px no-repeat;
			}
			
			#intro_lang_nav li a.pt:hover {
				background: url('/img/layout/intro_lang_select.png') 0 0 no-repeat;
			}

			#intro_lang_nav li a.en {
				background: url('/img/layout/intro_lang_select.png') -72px -57px no-repeat;
			}
			
			#intro_lang_nav li a.en:hover {
				background: url('/img/layout/intro_lang_select.png') -72px 0 no-repeat;
			}


/* ----------------------------*/
/* ---------- HEADER ----------*/
/* ----------------------------*/

#header {
	width: 100%;
	height: 160px;
	background: url('/img/layout/header_bg.png') repeat-x;
	position: relative;
}

	#inner_header {
		width: 960px;
		margin: 0 auto;
		height: 160px;
		position: relative;
	}
	
		#inner_header .logo {
			float: left;
			margin-top: 3px;
		}
		
		#main_nav {
			float: left;
			margin: 105px 0 0 30px;
		}
		
			#main_nav li{
				font-size: 16px;
				font-family: BergamoStdRegular, times;
				float: left;
				/*margin-right: 10px;*/
			}
			
				#main_nav li a,
				#main_nav li a:link,
				#main_nav li a:visited {
					color: #583414;
				}
		
		#animal_lovers {
			float: right;
			margin: 121px 80px 0 0px;
		}

		#prize-logo {
			position: relative;
			float: right;
			right: 55px;
			top: 15px;
			z-index: 1999;
		}
				
		/* Styles for the entire LavaLamp menu */
        .lavaLamp {
            position: relative;
            /*width: 621px;*/
            padding: 15px;
            overflow: hidden;
			height: 30px;
        }
                .lavaLamp li {
                    float: left;
                    list-style: none;
                    font-size: 16px;
                    margin-right: 5px;
                }
                    .lavaLamp li.backLava {
                        border-bottom: 2px solid #583414;
                        width: 0px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLamp li a {
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 5px;
                        font: normal 16px 'BergamoStdRegular', times;
                        letter-spacing: 0;
                        text-align: center;
                    }
                    
					/* ---------- portugues ----------*/
                    .lavaLamp li a.home_pt {
                    	width: 45px;
                    }

                    .lavaLamp li a.environment_pt {
                    	width: 82px;
                    }

                    .lavaLamp li a.houses_pt {
                    	width: 40px;
                    }

                    .lavaLamp li a.gallery_pt {
                    	width: 50px;
                    }

                    .lavaLamp li a.prices_pt {
                    	width: 45px;
                    }

                    .lavaLamp li a.reservations_pt {
                    	width: 62px;
                    }
                    
                    /* ---------- english ----------*/
                    .lavaLamp li a.home_en {
                    	width: 45px;
                    }

                    .lavaLamp li a.environment_en {
                    	width: 93px;
                    }

                    .lavaLamp li a.houses_en {
                    	width: 85px;
                    }

                    .lavaLamp li a.gallery_en {
                    	width: 50px;
                    }

                    .lavaLamp li a.prices_en {
                    	width: 42px;
                    }

                    .lavaLamp li a.reservations_en {
                    	width: 89px;
                    }
                    
                    

                        .lavaLamp li a:hover,
                        .lavaLamp li a:active,
                        .lavaLamp li a:visited {
                            border: none;
                        }
        
    #lang_nav {
		margin-top: 124px;
		position: absolute;
		right: 0;
	}
	
		#lang_nav li {
			float: left;
			margin-left: 10px;
		}
		
			#lang_nav li a,
			#lang_nav li a:link,
			#lang_nav li a:visited {
				display: block;
				width: 32px;
				height: 25px;
				text-indent: -9999px;
			}
			
			#lang_nav li a.pt {
				background: url('/img/layout/lang_select.png') 0 -25px no-repeat;
				-moz-transition: background 200ms ease-in;
				-webkit-transition: background 200ms ease-in;
				transition: background 200ms ease-in;
			}
			
			#lang_nav li a.pt:hover {
				background: url('/img/layout/lang_select.png') 0 0 no-repeat;
				-moz-transition: background 200ms ease-in;
				-webkit-transition: background 200ms ease-in;
				transition: background 200ms ease-in;
			}
			
			#lang_nav li a.pt_selected {
				background: url('/img/layout/lang_select.png') 0 0 no-repeat;
			}

			#lang_nav li a.en {
				background: url('/img/layout/lang_select.png') -32px -25px no-repeat;
				-moz-transition: background 200ms ease-in;
				-webkit-transition: background 200ms ease-in;
				transition: background 200ms ease-in;
			}
			
			#lang_nav li a.en:hover {
				background: url('/img/layout/lang_select.png') -32px 0 no-repeat;
				-moz-transition: background 200ms ease-in;
				-webkit-transition: background 200ms ease-in;
				transition: background 200ms ease-in;
			}
			
			#lang_nav li a.en_selected {
				background: url('/img/layout/lang_select.png') -32px 0 no-repeat;
			}


/* ---------- /Header ---------*/


/* -----------------------------*/
/* ---------- CONTENT ----------*/
/* -----------------------------*/

#wrap {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#main_home {
	width: 960px;
	margin: 0 auto;
	min-height: 500px;
	position: relative;
	margin-top: 15px;
}

	#home_anim {
		top: 150px;
		position: absolute;
	}
	
#main_reservations {
    width: 910px;
    margin: 0 auto;
    padding: 30px 20px 30px 30px;
    min-height: 630px;
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 15px;
}

#main_gallery {
    width: 910px;
    margin: 0 auto;
    padding: 30px 20px 30px 30px;
    min-height: 630px;
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 15px;
}

#main_houses {
    width: 1130px;
    margin: 0 auto;
    padding: 30px 20px 30px 30px;
    min-height: 480px;
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 15px;
}

#main {
	width: 910px;
	margin: 0 auto;
	padding: 30px 20px 30px 30px;
	min-height: 480px;
	position: relative;
	background: rgba(255, 255, 255, 0.7);
	margin-top: 15px;
}

	#topics {
		width:200px;
		float: left;
		display: inline;
		font: normal 14px 'BergamoStdRegular', times;
	}
	
		#titles {
			margin-bottom: 10px;
			margin-left: 7px;
		}
		
			#titles li {
				line-height: 26px;
				text-transform: uppercase;
			}
			
				#titles li span {
					font-size: 20px;
				}
			
				#titles li a,
				#titles li a:link,
				#titles li a:visited {
					color: #583414;
					-moz-transition: margin-left 200ms ease-in;
					-webkit-transition: margin-left 200ms ease-in;
					transition: margin-left 200ms ease-in;
					text-decoration: none;
				}
				
				#titles li a:hover {
					margin-left: 10px;
					text-decoration: none;
					-moz-transition: margin-left 200ms ease-in;
					-webkit-transition: margin-left 200ms ease-in;
					transition: margin-left 200ms ease-in;
				}
	
	#main_contents {
		width: 675px;
		height: 480px;
		padding-right: 10px;
		float: left;
		display: inline;
		overflow: auto;
		position: relative;
	}
	
		#main_contents p {
			text-align: justify;
		}

		#scroll-content {position:absolute;top:0;left:0; padding-right: 20px;}
		.scroll-content-item {background-color:#fcfcfc;color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
		#slider-wrap{float:left;background-color:lightgrey;width:5px;;}
		#slider-vertical{position:relative;height:100%}
		.ui-slider-handle{width:5px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute}
		input{font-size:12px}

	div.sc_menu_wrapper {
		position: relative; 	
		height: 344px;
		/* Make bigger than a photo, because we need a place for a scrollbar. */
		width: 175px;
		border-top: 1px solid #583414;
		border-bottom: 1px solid #583414;
		/*margin-top: 30px;*/
		overflow: auto;
		padding: 5px 0;
	}
	
		div.activities {
			height: 265px;
		}
	div.sc_menu {
		padding: 0;
	}
	.sc_menu a {
		display: block;
		margin-bottom: 5px;
		width: 160px;
		height: 110px;
		margin-left: 7px;
		border: 1px solid #666;
		
		/* When image support is turned off */
		color: #fff;
		background: rgb(79, 79, 79);	
	}
	.sc_menu a:hover {
		border: 1px solid #fff;
	}
	.sc_menu img {
		display: block;
		border: none;
	}
	
	.sc_menu_wrapper ./img/envolvencia/ {
		position: absolute;
		top: 50px;
		left: 10px;
		
		margin: 0 auto;
		padding: 10px;
	
		width: 100px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;	
		
		text-align: center;
		color: #fff;
		border: 1px solid rgb(79, 79, 79);
		background: #1F1D1D;
	}
	/* Styling tooltip */
	.sc_menu_tooltip {
		display: block;
		position: absolute;
		
		padding: 6px;
		font-size: 12px;	
		color: #fff;
		
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;	
		
		border: 1px solid rgb(79, 79, 79);
		background: rgb(0, 0, 0);
		/* Make background a bit transparent for browsers that support rgba */	
		background: rgba(0, 0, 0, 0.5);
	}
	
	/* Here are styles for a link to an article. Not for you :) */
	#back {
		margin-left: 8px;
		color: gray;
		font-size: 18px;
		text-decoration: none;
	}
	#back:hover {
		text-decoration: underline;
	}

ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/

#colorbox h1 {
	font-family: 'Swis721CnBTBoldItalic';
	color: #230e74;
	font-size: 48px;
	margin-bottom: 15px;
}

#colorbox h2 {
	font-family: 'Swis721CnBTBoldItalic';
	color: #230e74;
	font-size: 30px;
}

#colorbox h3 {
	font-family: 'Swis721CnBTBoldItalic';
	color: #230e74;
	font-size: 24px;
}

#colorbox p {
	font-size: 14px;
	color: #000;
	line-height: 24px;
	margin-bottom: 16px;
}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/img/layout/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/img/layout/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/img/layout/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/img/layout/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/img/layout/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/img/layout/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/img/layout/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/img/layout/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/img/layout/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/img/layout/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/layout/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/img/layout/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/img/layout/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/img/layout/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/img/layout/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/img/layout/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/img/layout/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/img/layout/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/img/layout/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/img/layout/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/img/layout/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/img/layout/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* ---------- Slide Down Box Menu ----------*/
ul.sdt_menu{
	margin-top: 220px;
	margin-left: 5px;
	padding:0;
	list-style: none;
	font-family:"BergamoStdRegular", sans-serif;
	font-size:14px;
	width:1100px;
	height: 85px;
	/*background: url('/img/layout/casas_menu_bg.png');*/
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:220px;
	height:85px;
	position:relative;
	cursor:pointer;
	
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
	height:85px;
	z-index:12;
	/*background:transparent url(/img/slidedownboxmenu/overlay.png) no-repeat bottom right;*/
	/*background: #583414;*/
	/*-moz-box-shadow:0px 0px 2px #000 inset;*/
	/*-webkit-box-shadow:0px 0px 2px #000 inset;*/
	/*box-shadow:0px 0px 2px #000 inset;*/
}

ul.sdt_menu li.apresentacao {
	background: url('/img/layout/casas_menu_apresentacao_bg.png') no-repeat;
}
ul.sdt_menu li.casatanque {
	background: url('/img/layout/casas_menu_casatanque_bg.png') no-repeat;
}
ul.sdt_menu li.casaadega {
	background: url('/img/layout/casas_menu_casaadega_bg.png') no-repeat;
}
ul.sdt_menu li.reservas {
	background: url('/img/layout/casas_menu_reservas_bg.png') no-repeat;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	/*left:0px;*/
	width:220px;
	height:60px;
	z-index:15;
	text-align: center;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:220px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	/*margin-left:15px;*/
	/*text-transform:uppercase;*/
	text-shadow:1px 1px 1px #000;
	text-align: center;
}
ul.sdt_menu li span span.sdt_link{
	text-align: center;
	color:#fff;
	font-size:24px;
	/*float:left;*/
	/*clear:both;*/
}
ul.sdt_menu li span span.sdt_descr{
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:220px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}
/* ---------- /Slide down box menu ----------*/

/* ---------- Galeria WOW Slider ----------*/

#gallery_selection {
	width: 200px;
	float: left;
}

	#gallery_links {
		margin-top: 18px;
		border-top: 1px solid #583414;
		padding-top: 10px;
		width: 175px;
	}
	
		#gallery_links a {
		    display:block;
			margin-top: 10px;
		}
		#gallery_links a:first-child {
		    margin-top:0px;
		}

#gallery {
    position:relative;
	float: left;
	top: 60px;
}

/* bottom center */
#wowslider-container2 .ws_bullets {
	top:0;
    right: 0;
}

#wowslider-container2 { 
/*	overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:695px;
	height:485px;
	margin:0 auto;
	z-index:100;
	float: left;
}
#wowslider-container2 .ws_shadow{
	width:100%;
	background: url(/img/galeria_slider/shadow.png) left 100%;
	height:19px;
	position: absolute;
	left:0;
	bottom:-19px;
	z-index:-1;
}
#wowslider-container2 .ws_images{
	position: absolute;
	left:0px;
	top:0px;
	width:695px;
	height:485px;
	overflow:hidden;
}
#wowslider-container2 .ws_images a{
	color:transparent;
}

#wowslider-container2 .ws_images img{
	top:0;
	left:0;
	border:none 0;
}
#wowslider-container2 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container2  .ws_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container2  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container2 .ws_bullets a { 
	margin-left:4px;
	width:8px;
	height:15px;
	background: url(/img/galeria_slider/bullet.png) left 50% no-repeat;
	float: left; 
	text-indent: -1000px; 
	position:relative;
}
#wowslider-container2 .ws_bullets a.ws_selbull, #wowslider-container2 .ws_bullets a:hover{
	background-position: right 50%;
}
#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	margin-top:-28px;
	z-index:60;
	height: 62px;
	width: 38px;
	background-image: url(/img/galeria_slider/arrows.gif);
}
#wowslider-container2 a.ws_next{
	background-position: 100% 0;
	right:-8px;
}
#wowslider-container2 a.ws_prev {
	left:-8px;
	background-position: 0 0; 
}
#wowslider-container2 a.ws_next:hover{
	background-position: 100% 100%;
}
#wowslider-container2 a.ws_prev:hover {
	background-position: 0 100%; 
}
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev {display:block}
#wowslider-container2 .ws-title{
	position: absolute;
	bottom:50px;
	left: 0;
	margin-right:5px;
	z-index: 50;
	padding:12px;
	color: #F9FBFB;
	text-transform:uppercase;
	background:#000000;
    font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 18px;
}
#wowslider-container2 .ws-title div{
	padding-top:5px;
	font-size: 13px;
	text-transform:none;
}#wowslider-container2 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:16px;
	left:-60px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container2 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container2 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#wowslider-container2 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:119px;
}
#wowslider-container2  .ws_bullets .ws_bulframe{
	display:none;
	top:20px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container2 .ws_bulframe span{
	display:block;
	position:absolute;
	top:-11px;
	margin-left:-9px;
	left:60px;
	background:url(/img/galeria_slider/triangle.png);
	width:15px;
	height:6px;
}

/* ---------- /Galeria Slider ----------*/

/* ---------- Página preços ----------*/
#prices {
	width: 900px;
	float: left;
}

	#prices h2 {
		font-size: 18px;
	}
	
	#prices p {
		font: 12px arial, helvetica, sans-serif;
		color: #333;
		line-height: 18px;
		margin-bottom: 0px;
	}
	
		#prices p.title {
			font: 16px 'BergamoStdRegular', times;
			color: #000;
		}

	#prices .col1 {
		float: left;
		width: 340px;
	}
	
	#prices .col2,
	#prices .col3 {
		float: left;
		width: 280px;
	}
	
		#prices .col2 .col_left,
		#prices .col3 .col_left {
			float: left;
			width: 120px;
		}
		
		#prices .col2 .col_right,
		#prices .col3 .col_right {
			float: left;
			width: 30px;
		}
		
			#prices .col2 .col_right p,
			#prices .col3 .col_right p {
				text-align: right;
			}

	#prices .table_top {
		width: 900px;
		float: left;
		padding-bottom: 5px;
		border-bottom: 1px solid #000;
	}

	#prices .table_line {
		width: 900px;
		float: left;
		padding: 15px 0;
		border-bottom: 1px solid #999;
	}

	#prices .table_bottom {
		width: 900px;
		float: left;
		padding: 15px 0 0;
	}
	

#news {
	width: 275px;
	float: left;
	/*background: green;*/
	margin-left: 25px;
}

	#news .promo {
		width: 275px;
		height: 185px;
		margin-top: 20px;
		background: #583414;
	}
	
/* ---------- Página contactos ----------*/
#contacts {
	width: 470px;
	float: left;
}

	#contacts_left {
		width: 300px;
		float: left;
	}
	
	#contacts_right {
		width: 170px;
		float: left;
	}


/* ---------- Form ----------*/
#contact_form {
	float: left;
	width: 400px;	
}

form#commentForm {
	float: left;
	width: 400px;
}

	form#commentForm .full_width {
		width: 400px;
		float: left;
		display: inline;
		margin-bottom: 10px;
	}

		form#commentForm .full_width label {
			width: 100px;
			float: left;
			font-family: 'BergamoStdRegular', times;
		}
	
		form#commentForm .full_width input,
		form#commentForm .full_width textarea {
			width: 292px;
			border: 1px solid #000;
			padding: 5px 3px;
			font-size: 14px;
			background: none;
		}
		
		form#commentForm .full_width textarea {
			height: 64px;
		}

		form#commentForm .full_width input:hover,
		form#commentForm .full_width textarea:hover {
			width: 292px;
			border: 1px solid #583414;
		}

		form#commentForm .full_width input:focus,
		form#commentForm .full_width textarea:focus {
			width: 292px;
			border: 2px solid #583414;
			padding: 4px 2px;
		}

		form#commentForm .full_width label.error {
			margin-left: 100px;
			width: 400px;
			font-size: 11px;
			color: #f00;
		}
		
	form#commentForm .btn {
		background: none repeat scroll 0 0 #583414;
		border-radius: 5px 5px 5px 5px;
		color: #FFFFFF;
		font-family: 'bargamostdregular';
		font-size: 18px;
		margin-left: 100px;
		padding: 10px 30px;
		text-shadow: 2px 2px 2px #000;
		cursor: pointer;
	}


/* ---------- Reservation Form ----------*/
#reserv_left {
	float: left;
	width: 535px;	
}

#reservation_form {
	float: left;
	width: 535px;	
}

form#reservationForm {
	float: left;
	width: 700px;
}

	form#reservationForm .full_width {
		width: 600px;
		float: left;
		display: inline;
		margin-bottom: 10px;
	}

	form#reservationForm .half_width {
		width: 288px;
		float: left;
		display: inline;
		margin-bottom: 10px;
		position: relative;
	}

	form#reservationForm .medium_width {
		width: 260px;
		float: left;
		display: inline;
		margin-bottom: 10px;
	}

	form#reservationForm .small_width {
		width: 150px;
		float: left;
		display: inline;
		margin-bottom: 10px;
	}

		form#reservationForm label {
			width: 100px;
			float: left;
			font-family: 'BergamoStdRegular', times;
		}
		
		form#reservationForm .small_width label {
			width: 80px;
		}
	
		form#reservationForm input,
		form#reservationForm textarea {
			width: 422px;
			border: 1px solid #000;
			padding: 5px 3px;
			font-size: 14px;
			background: none;
		}

		form#reservationForm .half_width input,
		form#reservationForm .half_width textarea {
			width: 110px;
			border: 1px solid #000;
			padding: 5px 3px;
			font-size: 14px;
			background: none;
		}
				
		form#reservationForm .full_width textarea {
			height: 54px;
		}
		
		form#reservationForm input.small {
			width: 20px;
		}
		
		form#reservationForm select {
			border: 1px solid #000;
			padding: 5px 3px;
			font-size: 14px;
			background: none;
			width: auto;
		}

		form#reservationForm .full_width input:hover,
		form#reservationForm .full_width textarea:hover {
			width: 422px;
			border: 1px solid #583414;
		}

		form#reservationForm .full_width input:focus,
		form#reservationForm .full_width textarea:focus {
			width: 422px;
			border: 2px solid #583414;
			padding: 4px 2px;
		}

		form#reservationForm label.error {
			margin-left: 100px;
			width: 400px;
			font-size: 11px;
			color: #f00;
		}
		
		form#reservationForm .small_width label.error {
			width: 150px;
			margin-left: 30px;
		}
		
	form#reservationForm .btn {
		background: none repeat scroll 0 0 #583414;
		border-radius: 5px 5px 5px 5px;
		color: #FFFFFF;
		font-family: 'bargamostdregular';
		font-size: 18px;
		margin-left: 100px;
		padding: 10px 30px;
		text-shadow: 2px 2px 2px #000;
		cursor: pointer;
		width: auto;
		float: left;
	}

#reserv_right {
	float: left;
	width: 340px;
	margin-left: 30px;
}
	
#availability {
	float: left;
	width: 340px;
}

	#availability img {
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	
a.reservation_btn,
a.reservation_btn:link,
a.reservation_btn:visited {
	background: #583414;
	color: #fff;
	font-family: 'BergamoStdRegular', times;
	padding: 5px 10px;
	text-decoration: none;
	margin-right: 15px;
}
	
#condicoes {
	float: left;
	width: 340px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #666;
}
/* ---------- Disponibilidades ----------*/

/* ---------- Jquery Date Picker ----------*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
	background: #ccc;
	border: 1px solid #999;
	padding: 0 2px;
	margin-right: 2px;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
	background: #ccc;
	border: 1px solid #999;
	padding: 0 2px;
	margin-right: 2px;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	background: #ccc;
	border: 1px solid #999;
	padding: 0 2px;
	margin-left: 2px;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	/*float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 3px;
	display: block;
	position: absolute;
	top: 4px;
	right: 42px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/layout/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#calendar-me {
	margin: 20px;
}
pre.sourcecode {
	border: 2px dashed #ccc;
	padding: 10px;
	width: 734px;
	overflow: auto;
	margin: 0 0 20px;
}

/* ---------- /Jquery Date Picker ----------*/


/* ---------- /Content ---------*/


/* ------------------------------*/
/* ---------- SITEINFO ----------*/
/* ------------------------------*/
#footer {
	width: 960px;
	height: 115px;
	margin: 0 auto;
	background: url('/img/layout/footer_bg.png') 0 48px repeat-x;
	position: relative;
}

	p.site_signature {
		position: absolute;
		right: 0;
		top: 17px;
		color: #fff;
		font-size: 16px;
		text-shadow: 1px 1px 2px #000;
	}
	
		p.site_signature a,
		p.site_signature a:link,
		p.site_signature a:visited {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}

	#footer_nav {
		position: absolute;
		top: 17px;
	}
	
		#footer_nav li {
			font-family: BergamoStdRegular, times;
			float: left;
			margin-right: 20px;
			font-size: 16px;
		}
		
			#footer_nav li a,
			#footer_nav li a:link,
			#footer_nav li a:visited {
				color: #fff;
				text-decoration: none;
			}
	
			
	#pagamentos {
		left: 0;
		top: 60px;
		position: absolute;
	}

		#pagamentos li {
			float: left;
		}
		
			#pagamentos li a,
			#pagamentos li a:link,
			#pagamentos li a:visited {
				display: block;
				text-indent: -9999px;
				height: 63px;
				margin-left: 0;
			}
			
			/* ---------- visa ----------*/
			#pagamentos li a.visa {
				width: 52px;
				background: url('/img/layout/logos-footer.png') 0 0 no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			#pagamentos li a.visa:hover {
				width: 52px;
				background: url('/img/layout/logos-footer.png') 0 -63px no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			/* ---------- mastercard ----------*/
			#pagamentos li a.mastercard {
				width: 58px;
				background: url('/img/layout/logos_pagamentos.png') -72px 0 no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			#pagamentos li a.mastercard:hover {
				width: 58px;
				background: url('/img/layout/logos_pagamentos.png') -72px -50px no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
				cursor: default;
			}

			/* ---------- paypal ----------*/
			#pagamentos li a.paypal {
				width: 81px;
				background: url('/img/layout/logos_pagamentos.png') -130px 0 no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			#pagamentos li a.paypal:hover {
				width: 81px;
				background: url('/img/layout/logos_pagamentos.png') -130px -50px no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}
					
	#footer_logos {
		right: 0;
		top: 65px;
		position: absolute;
	}
	
		#footer_logos li {
			float: left;
		}
		
			#footer_logos li a,
			#footer_logos li a:link,
			#footer_logos li a:visited {
				display: block;
				text-indent: -9999px;
				height: 64px;
				margin-left: 0;
			}
			
			/* ---------- facebook ----------*/
			#footer_logos li a.facebook {
				width: 45px;
				background: url('/img/layout/logos-footer.png') 0 0 no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			#footer_logos li a.facebook:hover {
				width: 45px;
				background: url('/img/layout/logos-footer.png') 0 -63px no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			/* ---------- a vida é bela ----------*/
			#footer_logos li a.vidabela {
				width: 100px;
				background: url('/img/layout/logos-footer.png') -58px 0 no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			#footer_logos li a.vidabela:hover {
				width: 100px;
				background: url('/img/layout/logos-footer.png') -58px -63px no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			/* ---------- spea ----------*/
			#footer_logos li a.spea {
				width: 135px;
				background: url('/img/layout/logos-footer.png') -165px 0 no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}

			#footer_logos li a.spea:hover {
				width: 135px;
				background: url('/img/layout/logos-footer.png') -165px -63px no-repeat;
				-moz-transition: background 300ms ease-in;
				-webkit-transition: background 300ms ease-in;
				transition: background 300ms ease-in;
			}



/* --------- /Siteinfo ----------*/

/* -------------------- /LAYOUT CSS ---------------------*/

.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../img/bg_img/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    /*bottom: 30px;*/
    top: 35%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
	font-family: 'Yantramanav', 'Arial Narrow', Arial, sans-serif;
    font-size: 200px;
    padding: 0;
    line-height: 180px;
	color: rgba(169,3,41, 0.8);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../img/bg_img/img_001.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../img/bg_img/img_002.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../img/bg_img/img_003.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../img/bg_img/img_004.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../img/bg_img/img_005.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../img/bg_img/img_006.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}