@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--end reset--*/ 
  
body {
background: url(../img/bg.png) repeat-x top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}  
  
h1, h2 {
text-indent:-5000px;
}  

p {
font-size:11px;
}
   
ul, ol {  
list-style: none;  
}  
   
a {  
color: black;  
text-decoration: none;  
}  
   
a:hover {  
text-decoration: underline;
} 

ul li {
display:inline;
list-style:none;
}

#cont {
width:1000px;
height:1200px;
margin:0 auto;
position:relative;
}

#top {
width:1000px;
height:250px;
background: url(../img/top.png) bottom right no-repeat;
}

#sx_head {

width:200px;
height:250px;
float:left;
}

#head {

width:600px;
height:250px;
float:left;
}

#newsletter {
padding-top:120px;
width:180px;
height:130px;
float:left;
padding-left:20px;
}

#cent {
width:1000px;
height:480px;
}

#col_sx {
width:200px;
height:480px;
float:left;
}

#col_nav {
width:188px;
height:300px;
margin-top:12px;
}

a.nav_sx {
background: url(../img/bg_link.jpg) top right no-repeat;
line-height:30px;
width:195px;
display:block;
font-size:13px;
font-weight:bold;
padding-right:5px;
color:#999;
margin-bottom:3px;
}
a.nav_sx:hover {
background: url(../img/bg_link_hover.jpg) top right no-repeat;
color: #fff;
text-decoration:none;
}

a.corrent {
background: url(../img/bg_link_hover.jpg) top right no-repeat;
color: #fff;
line-height:30px;
width:195px;
display:block;
font-size:13px;
font-weight:bold;
padding-right:5px;
margin-bottom:3px;
}

a.corrent:hover {
background: url(../img/bg_link_hover.jpg) top right no-repeat;
color: #fff;
text-decoration:none;
}

#col_nav ul li {
display:block;
list-style:none;
text-align:right;
}

#col_link {
width:200px;
text-align:right;
}

#col_link a:hover {
text-decoration:underline;
}

#col_link a {
font-size:12px;
}

#col_link p {
background: url(../img/bg_link_hover.jpg) top right no-repeat;
color: #fff;
line-height:30px;
width:195px;
display:block;
font-size:13px;
font-weight:bold;
padding-right:5px;
margin-bottom:10px;
}

#foto {
width:800px;
height:480px;
background:url(../img/bg_foto.png) top right no-repeat;
float: left;
}

#bot {
background:url(../img/bot.png) top right no-repeat;
height:248px;
width:1000px;
}

#sx_bot {
width:219px;
height:248px;
float:left;
}

.col {
width:188px;
height:248px;
margin-right:3px;
float:left;
}

.col p {
padding:10px 11px 0 11px;
}

.col h5 {
color:#666666;
padding:0 10px;
font-size:11px;
text-align:center;
}

#dx_bot {
width:17px;
height:248px;
float:left;
}

#foot {
width:1000px;
height:222px;
clear:both;
font-size:10px;
text-align:right;
}

#foot ul.foot_nav {
padding:50px 0 0 0px;
}

#foot ul.foot_nav a {
border-right: 1px solid #000;
padding: 0px 5px 0px 5px;
}

/*--slide--*/

#slideshow {
list-style:none; 
color:#fff
}

#slideshow span {
display:none
}

#wrapper {
width:506px; 
margin:0 auto; 
display:none
}

#wrapper * {
margin:0; 
padding:0
}

#fullsize {
position:relative; 
width:500px; 
height:300px; 
padding:2px; 
border:1px solid #cacaca; 
background:#fff
}

#information {
position:absolute; 
bottom:0; 
width:500px; 
height:0; 
background:#000; 
color:#fff; 
overflow:hidden; 
z-index:200; 
opacity:.7; 
filter:alpha(opacity=70)
}

#information h3 {
padding:4px 8px 3px; 
font-size:14px
}

#information p {
padding:0 8px 8px
}

#image {
width:500px
}

#image img {
position:absolute; 
z-index:25; 
width:auto
}

.imgnav {
position:absolute; 
width:25%; 
height:306px; 
cursor:pointer; 
z-index:150
}

#imgprev {
left:0; 
background:url(../images/left.gif) left center no-repeat
}

#imgnext {
right:0; 
background:url(../images/right.gif) right center no-repeat
}

#imglink {
position:absolute; 
height:306px; 
width:100%; 
z-index:100; 
opacity:.4; filter:alpha(opacity=40)
}

.linkhover {
background:url(../images/link.gif) center center no-repeat
}

#thumbnails {
margin-top:15px
}

#slideleft {
float:left; 
width:20px; 
height:81px; 
background:url(../images/scroll-left.gif) center center no-repeat; 
background-color:#fff
}

#slideleft:hover {
background-color:#cacaca
}

#slideright {
float:right; 
width:20px; 
height:81px; 
background:#fff url(../images/scroll-right.gif) center center no-repeat
}

#slideright:hover {
background-color:#cacaca
}

#slidearea {
float:left; 
position:relative; 
width:456px; 
margin-left:5px; 
height:81px; 
overflow:hidden
}

#slider {
position:absolute; 
left:0; 
height:81px
}

#slider img {
cursor:pointer; 
border:1px solid #cacaca; 
padding:2px
}


