/* RESET*/
*{margin:0; padding:0; outline:0;}
html, body{height:100%;	width:100%; text-align:center;}
table{border-collapse: collapse; border-spacing: 0;}
ul, ol{list-style-type:none;}
img{border:0; vertical-align:top;}
input, textarea, select{vertical-align:middle; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333;}
a{color:#fff; text-decoration:underline;}
a:hover{text-decoration:none;}


.lang{position:absolute; top:110px; left:845px; background:#324c89; padding:0 5px 2px 5px; font-size:10px;}

.btn{cursor:pointer; border:none;}
.btn:hover{position:relative; top:1px; left:1px;}
.selected a, .selected a:hover{cursor:text; text-decoration:none!important;}
.current, .current:hover{cursor:text; text-decoration:none!important;}

/* H */
h1{font:bold 24px Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px; padding-left:24px;}
h1 span{display:block;}
h1 a{font-size:12px;}
h2{font:normal 17px Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px;}
h3{font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom:3px;}
h4{font:normal 17px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
h4 a{color:#d5194a;}
h5{font:bold 20px Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
h5 img{vertical-align:baseline;}

/* SETTINGS*/
body{font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; background:#d6ddec url(/i/bg.gif) repeat-x;}
.main{width:1000px; margin:0 auto; text-align:left;}

/* HEADER */
#header{height:160px; position:relative; background:url(/i/header_bg.jpg) no-repeat;}
.logo{position:relative; top:30px; left:25px; height:124px; overflow:hidden; width:511px;}
.logo a{display:block; position:absolute; top:0; height:124px; width:511px;}
.logo a:hover{top:-124px; left:0;}

.navigation_top div{position:relative; height:29px; overflow:hidden; width:430px; margin-bottom:2px;}
.navigation_top a{display:block; position:absolute; top:0; height:90px; width:430px;}
.navigation_top a:hover{top:-30px; left:0;}

/* contacts */
.contacts{position:absolute; top:17px; left:819px; font:9px Verdana, Arial, Helvetica, sans-serif; color:#274282;}
.contacts li{padding-bottom:2px;}
.contacts a{background:#324c89; padding:0 5px 2px 5px;}


/* navigation */
.navigation{height:40px;}
.navigation li{float:left; height:40px;}
.navigation a{float:left; height:35px; padding:5px 0 0 0;}
.nav1 a{width:191px; background:url(/i/nav1.gif) no-repeat; padding-left:145px;}
.nav2 a{width:208px; background:url(/i/nav2.gif) no-repeat; padding-left:130px;}
.nav3 a{width:196px; background:url(/i/nav3.gif) no-repeat; padding-left:130px;}
.navigation .selected{background-position:0 -40px;}
.navigation a{font:normal 20px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#a0ade0;}
.navigation .selected a{color:#fff;background-position:0 -40px;}
.navigation a:hover{background-position:0 -40px; color:#fff;}



/* navigation 
.navigation{height:40px;}
.navigation li{float:left; height:35px; padding:5px 0 0 0; cursor:pointer;}
.nav1{width:336px; background:url(/i/nav1.gif) no-repeat;}
.nav1 a{ margin-left:145px;}
.nav2{width:338px; background:url(/i/nav2.gif) no-repeat;}
.nav2 a{ margin-left:130px;}
.nav3{width:326px; background:url(/i/nav3.gif) no-repeat;}
.nav3 a{ margin-left:130px;}
.navigation .selected{background-position:0 -40px;}
.navigation a{font:normal 20px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#a0ade0;}
.navigation .selected a{color:#fff; cursor:pointer;}
.navigation li:hover{background-position:0 -40px;}
.navigation li:hover a{color:#fff;}
*/



/* CONTENT */
.outer{background:url(/i/cont_shad.gif) no-repeat; overflow:hidden; zoom:1; padding:20px 0 40px 0;}
.container{float:left; width:100%}
.content{margin:0 244px 0 276px;}
.content p{margin-bottom:15px;}
.content ul{margin:0 0 15px 17px;}
.context p{padding-left:25px;}
.context ul{padding-left:25px;}
.context h3{padding-left:25px;}
.context table{margin:0 0 15px 25px; font-size:10px;}
.context td{padding:3px;}
.context .white td{background:#fff;}
/* about */
.about{padding-left:0;}
.about h1{color:#1f78d1; padding:0;}
.about p strong{color:#1f78d1;}
/* publication */
.publication h1{color:#d5194a;}
/* products */
.products h1{color:#ff6600;}
.products h1 a{color:#ff6600;}
.products h5{color:#ff6600;}
/* realized */
.realized h1{color:#339900;}
.realized h1 a{color:#339900;}
.realized h5{color:#339900;}
/* projects */
.projects li{overflow:hidden; zoom:1; padding-bottom:20px;}
.projects img{float:left; margin-right:10px;}
.projects p{overflow:hidden; zoom:1; padding:0; margin:0;}
.projects a{color:#333;}
.projects span{display:block;}


/* SIDEBAR_LEFT */
.sidebar_left{float:left; width:204px; margin-left:-100%; padding-left:24px; position:relative;}
.sidebar_left img{margin-bottom:10px; border:1px solid #fff;}
.sidebar_left p{margin-bottom:20px; zoom:1;}
.sidebar_left .note{font-size:11px;}
.publication .sidebar_left img{border:none; }
.sidebar_left div{position:relative; zoom:1; width:200px;}

/* SIDEBAR_RIGHT */
/*.sidebar_right{float:left; width:221px; margin:-32px 0 0 -221px;position:relative;}*/
.sidebar_right{float:left; width:221px; margin:-32px 0 0 -221px;position:relative;margin:0 0 0 -221px;}
/* news */
.news{margin-bottom:10px;}
.news li{padding-bottom:15px;}
.news div{padding-left:27px;}
.news p{padding:10px 0 0 0; color:#012674;}
.news p span{display:block; font-size:11px;}
/* pager */
.pager{padding-left:27px;}
.pager a{color:#1e376d;}
.pager .current{font-weight:bold; color:#d5194a;}
/* catalogue */
.catalogue{padding:0 0 0 24px;}
.catalogue ul{ padding-bottom:15px;}
.catalogue li{padding:0 10px 15px 0;}
.catalogue a{padding:0 10px 0 15px; display:block;}
.catalogue a:hover{padding:0; font-weight:bold;}
.catalogue .current{padding:0; font-weight:bold;}
.catalogue a{color:#003399;}


/* FOOTER */
.footer{height:45px; background:url(/i/footer_bg.gif) no-repeat; color:#fff; font-size:11px;}
.copy{float:left; padding:8px 0 0 24px;}
.create{float:right; padding:8px 34px 0 0; width:186px; text-align:right;}
.up{float:right; margin-top:8px;}



/* &#208;&#229;&#248;&#229;&#237;&#232;&#229; &#239;&#240;&#238;&#225;&#235;&#229;&#236;&#251; &#239;&#240;&#238;&#231;&#240;&#224;&#247;&#237;&#238;&#241;&#242;&#232; PNG */
.png_crop { 
	filter: expression(
		(runtimeStyle.filter == '') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=crop)' : runtimeStyle.filter,
		runtimeStyle.backgroundImage = 'none');
}

.png_scale { 
	filter: expression(
		(runtimeStyle.filter == '') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=scale)' : runtimeStyle.filter,
		runtimeStyle.backgroundImage = 'none');
}

img.png {
	filter: expression(
		(runtimeStyle.filter == '') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+src+', sizingMethod=scale)' : '',
		width = width,
		src = '/i/px.gif');
}

.png_crop a { position: relative; }


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
