/* ----------------------------------------------------------
File: screen.css
Site: www.exquisite-portugal.com
Description: Estilos do site
Author: Sérgio Duarte
Version: 1.0
--------------------------------------------------------------

/* Imports ---------------*/ 
@import url(reset.css);
@import url(text.css);

body {
text-align: center;
background: #000 url("../images/site/bg.png") repeat-x;
}

.centered960container {
overflow: hidden;
width: 960px;
margin: 0 auto;
background: #FFF;
}

.leftAligned380 {
float: left;
width: 380px;
}

.leftAligned540 {
float: left;
width: 540px;
}

#menu {
position:absolute
}

#banner {
background: #FFF url("../images/site/swirls.png") no-repeat 0 13px;
}

#logo {
margin: 20px 0;
}

#content {
background: #000 url("../images/site/swirls.png") no-repeat 0 -100px;
padding: 20px 0 20px 0;
}

/* Slideshow -------------*/

/*Para alterar o tamanho das imagens é necessário alterar no common.js*/

.slideshow {
display: block;
position: relative;
z-index: 0;
width: 800px;
height: 370px;
margin: 0 auto;
background: #C33;
padding-bottom: 56px;
border: 1px solid black;
}

.slideshow-images {
display: block;
overflow: hidden;
position: relative;
margin: 5px;
}

.slideshow-images img {
display: block;
z-index: 1;
width: 790px;
height: 385px;
}	

.slideshow-thumbnails {
overflow: hidden;
position: absolute;
left: 0;
height: 50px;
width: 100%;
border-top: 1px solid black;
}

.slideshow-thumbnails ul {
height: 50px;
left: 0;
top: 0;
position: absolute;
width: 10000px;
}

.slideshow-thumbnails li {
float: left;
list-style: none;
position: relative;
}

.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
background-color: #CCC;
}

.slideshow-thumbnails a:hover {
background-color: #C33 !important;
opacity: 1 !important;
}

.slideshow-thumbnails-active {
	background-color: #333 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails-inactive {
	background-color: #CCC !important;
	opacity: 1 !important;
}


a:link {color:#C33;text-decoration:none;}
a:visited {color:#C33;text-decoration:none;}
a:hover {color:#C33;text-decoration:underline;}
a:active {color:#C33;text-decoration:none;}