/* YUI Reset Fonts. Don't Edit Here */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}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,em,strong,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%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* end YUI reset-fonts */

html, 
body, 
* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
body 
{	
	font-family: "trebuchet MS", Helvetica, Arial, Sans-Serif;
	font-size: 75%; /* old browsers don't like pixel sizes. see below */
	line-height: 1.5em; 
	text-align: justify;
}
html>body
{
	font-size: 12px; /* modern browsers can resize pixel font-sizes */
}
html, body
{	
	background-color: #000;
	color: #999;
}
div 
{
	text-align: justify;
}
h1, h2, h3, h4
{
	line-height: 1em;
	font-weight:bold;
}
h1
{
	font-size: 150%; 
	margin: 1em 0em 1em 0em;
}
h2
{
	font-size: 133.33%;
	margin: 1.75em 0em .5em 0em;
	font-style: italic;
}
h3
{
	font-size: 125%;
	margin: .75em 0em .5em 0em;
}
h4
{
	font-size: 116.67%;
}
/* Links & Links in Heading styles */
a:link,
a:visited
{
	color: #fff;
	text-decoration: underline;
}
a:hover
{
	color: #999;
	text-decoration: none;
}

p, ul, ol
{
	margin-bottom: 1.5em;
}
ul 
{
	list-style-type: disc;
}
ol
{
	list-style-type: decimal;
}
ol.outside li
{
	list-style-type: decimal;
	list-style-position: outside;
}
li 
{
	margin-left: 1.5em;
}
b, strong
{
	padding: 0 .25em;
	color: #fff;
}
b, strong, dt
{
	font-weight:bold;
}
dl.info dt
{
	float: left;
	display: block;
	margin: 0 .5em 0 0;
	padding: 0;
	color: #fff;
}
dl.info dd
{
	margin: 0;
	padding: 0 0 1em 0;
}


/* Utililty Classes */
.gS_fixwidth 
{   /* used inside above elements to tie widths together */
	width: 800px;
	position:relative;
	margin: 0 auto; 
	clear: both;
}

/* CSS Easy Clearing from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
clearfix {display: block;}
/* End hide from IE-mac */

.accessibletext
{
	text-indent: -999em;
	overflow: hidden;
}
.clearboth
{	clear: both; }
.hidden
{	display: none; }
.inline
{	display: inline; }
.center
{	
	margin: 0 auto;
	display: block;
}
.gS_Body img.center.maintop
{
	margin-top: -20px;
}
object.maintop
{
	display: block;
	margin: 0 auto 20px auto;
}

.right object
{	display: block;}
.right
{	float: right; }
img.right,
.right object
{	margin-left: 1em; }
.left
{	float: left; }
img.left
{	margin-right: 1em; }
img.right,
img.left,
img.center
{	margin-bottom: 2em; }
img.border
{	border: solid 1px #999; }

/* Visible List Styles */
ul.normal li
{	list-style-type: disc; }
ol.normal li 
{	list-style-type: decimal; }
ul.squared li
{	list-style-type: square; }
ul.arrow li
{
	background: url(../../images/arrow_left.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
}
/* Invisible List Styles */
ul.simple,
ul.simple li,
ul.tiled,
ul.tiled li,
ul.divided,
ul.divided li,
ul
{
	list-style:none;
	margin: 0;
	padding: 0;
}
ul.interlaced li,
ul li.interlaced
{
	margin-bottom: 1em;
}
ul.tiled li
{
	float: left;
	margin: 0 1.5em 1.5em 1.5em;
}
ul.simple,
ul.tiled,
ul.divided
{
	/*clear: both;*/
}

.divided
{
	border-top: 1px solid #3B3B3B;
	clear: both;
	margin-top: .5em;
	padding-top: .5em;
	
}

/* Component Styles */
.gI_gallery
{
	text-align: center;
}
.gI_gallery li
{
	width: 150px;
}
.gI_gallery li h3
{
	margin: .5em 0;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2em;
}
.gI_galleryDesc li
{
	clear: both;
	margin: 2em 0;
}
.gI_galleryDesc img
{
	float: left;
	margin: .5em 1.5em 0 0;
}
.gI_galleryDesc li h3
{
	color: #fff;
	margin-bottom: 0.5em;
	font-size: 1em;
}


.gI_contacs
{
	width: 220px;
	margin: 0 auto;
	text-align: center;
}
.gI_contacs table
{
	width: 150px;
	margin: 0 0 1em 45px;
}
.gI_contacs table td
{
	text-align: left;
}


.gI_link
{
	margin: 0 0 1.5em 0;
}
.gI_link a
{
}
.gI_link .date
{
	margin-left: .5em;
}

.mdate
{
	font-weight: bold;
	color: #fff;
}

.gI_item
{
	margin-bottom: 1em;
}
.gI_item h2
{
	color: #fff;
	font-style: normal;
	font-size: 1.1em;
}
.gI_item img
{
	float: right;
	margin: .5em 0 1em 2em;
}
.gI_item p
{
	margin-bottom: .8em;
}

/* Page Structural Classes Start here */

/* Page Column Styles */
#gS_Head
{
	height: 81px;
	background-image: url(../../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#gS_Head a
{
	display: block;
	width: 320px;
	height: 81px;
	margin: 0 auto;
}
.gS_Body
{
	margin: 0;
}
.gS_Body.bg_btm1 .gS_fixwidth,
.gS_Body.bg_btm2 .gS_fixwidth,
.gS_Body.bg_btm3 .gS_fixwidth,
.gS_Body.bg_btm4 .gS_fixwidth,
.gS_Body.bg_btm5 .gS_fixwidth,
.gS_Body.bg_btm6 .gS_fixwidth
{
	background-position: 35px bottom;
	background-repeat: no-repeat;
	padding-bottom: 150px;
}
.gS_Body.bg_btm1 .gS_fixwidth
{	background-image: url(../../images/bg_btm1.jpg) }
.gS_Body.bg_btm2 .gS_fixwidth
{	background-image: url(../../images/bg_btm2.jpg); }
.gS_Body.bg_btm3 .gS_fixwidth
{	background-image: url(../../images/bg_btm3.jpg); }
.gS_Body.bg_btm4 .gS_fixwidth
{	background-image: url(../../images/bg_btm4.jpg); }
.gS_Body.bg_btm5 .gS_fixwidth
{	background-image: url(../../images/bg_btm5.jpg); }
.gS_Body.bg_btm6 .gS_fixwidth
{	background-image: url(../../images/bg_btm6.jpg); }
.grid_Main
{
	margin-top: 20px;
}
.grid_Main_right
{
	margin-left: 210px;
	margin-top: 20px;
	border-left: solid 1px #3b3b3b;
	padding-left: 20px;
	min-height: 250px;
}
.grid_Side
{
	float: left;
	width: 200px;
}

#gS_HeadFoto
{
	height: 155px;
	background-repeat: no-repeat;
	background-position: center center;
}
#gS_HeadFoto.bridges
{
	background-image: url(../../images/about_bar.jpg);
}
#gS_HeadFoto.news
{
	background-image: url(../../images/news_bar.jpg);
}
#gS_HeadFoto.contact
{
	background-image: url(../../images/contact_bar.jpg);
}
#gS_HeadFoto.butic
{
	background-image: url(../../images/butic_bar.jpg);
}


/* Navigation Styles - generic first, modifications for top, bottom later */
ul.sitenav,
ul.switcher
{
	float: left;
	margin: 0;
	padding: 0;
}
ul.sitenav li,
ul.switcher li
{
	float: left;
	padding: 5px 15px;
	margin: 0;
}
ul.sitenav li a,
ul.switcher li a
{
	font-weight: bold;
	text-decoration: none;
	color: #999;
}
ul.sitenav li a:hover,
ul.sitenav li a.current,
ul.switcher li a:hover,
ul.switcher li a.current
{
	color: #fff;
}

/* Language Switcher Tweaks */
ul.switcher
{
	
}
ul.switcher li
{
	padding: 5px 7px;
}

/* Top Navigation Tweaks */
#gS_Navigation ul.sitenav 
{
	margin-left: 80px;
}
#gS_Navigation ul.switcher
{
	float: right;
}
#gS_Navigation
{
	border-top: solid 1px #3b3b3b;
	border-bottom: solid 1px #3b3b3b;
	width: 100%;
}
.grid_Side ul.sitenav li
{
	float: none;
	text-transform: uppercase;
	text-align: right;
	width: 188px;
	padding: 2px 20px 2px 0;
}
.grid_Side ul.sitenav li.divided
{
	border: none;
	margin-top: 0.5em;
}
.grid_Side ul.sitenav li.divided a
{
	display: block;
	padding-top: .5em;
	border-top: solid 1px #fff;
}
.grid_Side ul.sitenav li.current
{
	background: url(../../images/arrow.gif) no-repeat right 6px;
}
.grid_Side ul.sitenav li.divided.current
{
	background-position: right 12px;
}
.grid_Side ul.sitenav li.current a
{
	color: #fff;
}
.grid_Side ul.sitenav li.blink a
{
	color: #fff;
	text-decoration: blink;
}

/* Footer Tweaks */
#gS_Footer
{
	border-top: solid 1px #3b3b3b;
	margin: 0 0 2em 0;
	padding-top: .5em;
	clear: both;
	text-align: center;
}
#gS_Footer a
{
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
#gS_Footer a:hover
{
	color: #fff;
}

/* Not Foud Page */
.pageNotFound {
	width: 450px;
	margin: 0 auto;
}
.pageNotFound ul {
	margin: 2em 0 0 7em;
}
.pageNotFound li {
	margin-bottom: 1.5em;
}
.pageNotFound li a {
	padding-left: 1.5em;
	text-decoration: none;
}