/* ******************************************************************** */ 
/*              Cascading style sheet for Example Template              */
/* ******************************************************************** */
html, body{ 
 	margin:0; 
 	padding:0; 
 	text-align:center;
 	background: #eeeff2 url(../img/bg.jpg) repeat-x 0 0;} 
html { 
	font: normal 12px Verdana, Tahoma,Arial, sans-serif;
 	color: #333;}
#bodybg {
	background: transparent url(../img/bgback.jpg) no-repeat center top;
	width: 100%;
	height: 193px;}
	

/* Links */
a, a:link, a:visited {
	text-decoration: none;
	color: #0066cc;}
	
a:hover, a:active, a:focus {
	text-decoration: none;	
	color: #003399;
	outline:none;}
 
#h1 {
	font: bold 12px Tahoma, Verdana, Tahoma;
	color: #3e84cc;	
	margin:0; padding:0;
	letter-spacing: 1px;
	line-height: 1.5;}	
 
/* Typography */
h1 {
	font: bold 12px Tahoma, Verdana, Tahoma;
	color: #3e84cc;	
	margin:0; padding:0;
	letter-spacing: 1px;
	line-height: 1.5;}	
h2 {
	font: bold 12px Tahoma, Verdana, Georgia, Tahoma;	
	color:#1e72c9;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	line-height: 1.8;}	
h3 {
	font: bold 14px Verdana, Tahoma, Georgia, Tahoma;
	color: #004385;
	margin: 0;
	padding-top:5px;
	line-height: 1.5;}
h4 {
	font: bold 12px Verdana, Tahoma, Georgia, Tahoma;
	margin: 0;
	line-height: 1.5;
	color: #001e45;}
h5 {
	font: bold 12px Verdana, Tahoma, Georgia, Tahoma;
	margin: 0;
	line-height: 1.5;
	color: #001e45;}
h6 {
	font: bold 12px Verdana, Tahoma, Georgia, Tahoma;
	margin: 0;
	line-height: 1.5;
	color: #001e45;}
	
/* -------- Color variants -------- */
#header .colors {
	font-size: 9px;
	color: #999;
	position: absolute;
	top:5px;
	right:50px;
	float: left;
	width: 210px;
	text-align: right;
	display: inline;}
#header .colors span {	
	width: 24px; 
	height: 15px;
	margin-left:8px;
	text-align: center;
	float: left;
	display: inline;
	overflow: hidden;}
#header span.none {
	width:auto; 
	height: auto;
	border:none;
	background: transparent;}
	
#header span.lila, #header span.lila a {background: #88264d;}
#header span.blue, #header span.blue a {background: #074a8d;}
#header span.bordo, #header span.bordo a {background: #b90000;}

#header span.lila a {color:#88264d;}
#header span.blue a { color:#074a8d;}
#header span.bordo a {color:#b90000;}

/* -------- Layout -------- */ 
#pagewidth { 
 width:1000px; 
 text-align:left; 
 margin:0 auto;} 
#pagewidth p, #footer p {
	margin:0;
	padding: 7px 0;
	line-height: 1.5;}
#wrapper {
	background:transparent;}
#twocols {
	display: block;
	clear: both;
	width: 1000px;
	background: #fff;
	float: left;
	position: relative;
	top: -3px;
	z-index: 70;
	padding: 10px 0 20px 0;}	
#twocols .content {
	padding: 0 30px 0 30px;
	margin: 0 auto;}	
 
/* -------- Header -------- */
#header{
 position:relative; 
 height:193px; 
 background: transparent url(../img/header.jpg) no-repeat 100% 0;
 width:100%;
 display:block;} 
#header a,
#header a img  {
	border: none;}
#header img {
	border: none; 
	padding: 0; 
	margin: 0;}


	#header-en{
 position:relative; 
 height:193px; 
 background: transparent url(../img/header-en.jpg) no-repeat 100% 0;
 width:100%;
 display:block;} 
#header-en a,
#header-en a img  {
	border: none;}
#header-en img {
	border: none; 
	padding: 0; 
	margin: 0;}


	#header-ro{
 position:relative; 
 height:193px; 
 background: transparent url(../img/header-ro.jpg) no-repeat 100% 0;
 width:100%;
 display:block;} 
#header-ro a,
#header-ro a img  {
	border: none;}
#header-ro img {
	border: none; 
	padding: 0; 
	margin: 0;}


	#header-ru{
 position:relative; 
 height:193px; 
 background: transparent url(../img/header-ru.jpg) no-repeat 100% 0;
 width:100%;
 display:block;} 
#header-ru a,
#header-ru a img  {
	border: none;}
#header-ru img {
	border: none; 
	padding: 0; 
	margin: 0;}


#logo {
	position: relative;
	width: 500px;
	top: 55px;
	left: 50px;}
#logo h1 {
	position: relative;}

/* -------- Leftcol -------- */
#leftcol{
 width:280px; 
 float:right; 
 position:relative;}
#leftcol .leftcol {
	padding: 0 20px 10px 20px; /* total 230px */
	border-left:1px solid #eeeff2;}
 
/* -------- Maincol -------- */
#maincol{
 position: relative; 
 width:720px;
 float:left;}
#maincol .maincol {
	padding: 0 30px 0 30px;}
	
/* Bread crump */
#twocols .bc {
	padding-bottom:20px;}
.bc {
	font-size:10px;
	color: #333;}
.bc a, .bc a:visited {
	border-bottom:1px dotted #0066cc;
	margin: 0;
	padding-bottom: 1px;}
.bc a:hover, .bc a:active {
	color:#003399;
	border-bottom:1px dotted #003399;}

 
/* Main menu */
#navbar {
	width: 1000px;
	float: left;
	height: 40px;}
	
#nav ul#menu {	
	z-index: 80;
	padding:0 1px 0 0;	
	margin:0;
	position: relative;
	left:0;	
	top: 1px;
	float: left;
	text-align: center;
	height:40px; 	
	width:820px;}
	
#nav li {
	float: left;
	display: inline;
	padding: 0;
	height:38px;
	background: url(../img/menuline.jpg) no-repeat 0 0;} 
	
#nav ul#menu a {
	height:38px;
	line-height:32px;
	padding: 0 25px;
	margin-left: 1px;
	margin-right: 0px;}

ul#menu li a:hover, 
ul#menu li a.active {	
	height:38px;
	float: left !important;
	padding: 0 25px;
	margin-left: 1px !important;
	border-top:2px solid #86AFD8 !important;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); }
	
ul#menu a, 
ul#menu a:visited {
	font: bold 12px Tahoma, Verdana;
	height:38px !important;
	float: left !important;
	border-top:2px solid #d1e1ed !important;
	color: #d5eaff;
	text-shadow: 1px 1px 1px rgba(0, 30, 69, 0.8); }
	
ul#menu a:hover, 
ul#menu a:active {
	background: #86AFD8;
	border: none;
	color: #001e45;
	-moz-border-radius-bottomright:0.2em; 
	-moz-border-radius-bottomleft:0.2em;}	

ul#menu li a.active {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 30, 69, 0.8);;
	-moz-border-radius-bottomright:0.2em; 
	-moz-border-radius-bottomleft:0.2em;
	background: #719cc9;
	border-top:2px solid #fff !important;}

ul#menu li.last a {
	border-top:none;
	visibility: hidden;} 

table.borderTable {
	border-width: 1px;
	border-color: #94bbe2;
	border-collapse: collapse;
}
table.borderTable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #94bbe2;
	background-color: #dedede;
}
table.borderTable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #94bbe2;
}


	
/* -------- Gallery -------- */ 
.select-collection {
	float: right;
	display: inline;
	margin: 0 auto;
	font-size: 11px;
	color: #666;}	
#gallery {
	clear: both;
	display: block;
	padding:20px 0;
	text-align: center;}
#gallery p {
	margin: 0; 
	padding: 5px 0;}
#gallery a {
	margin:0 5px;}

	
/* Paging */
.paging {
	font: normal 10px Verdana, Tahoma,Arial, sans-serif;
 	color: #000;
	padding: 0 10px;
	background: #eeeff2;
	-moz-border-radius:0.5em; 
	color: #999;}	
.paging a,
.paging span {
   padding: 1px 5px;
	margin: 0 2px;}
a.paging {
	padding: 2px 10px;}

span.current {
	background: #618BB5;
	color: #fff;
	margin-right: 3px;
	border:1px solid #396CA1;}

 
/* -------- Footer -------- */
#footer{
 height: 100%;
 min-height:135px; 
 background: #104070 url(../img/btm.jpg) repeat-x 0 0;
 clear:both;
 display:block;
 overflow:auto;
 text-align: center;
 z-index: 90;
 padding-bottom: 10px;} 
.ornament {
 background: transparent url(../img/ornament-btm.jpg) no-repeat 300px 0;
 height: 135px;
 margin: 0 auto;
 z-index: 100;}
.footer  {
	width:1000px; 
	margin: 0 auto;
	padding: 7px 0;
	text-align: right;
	font-size: 11px;
	color: #184c80;}
.footer a, .footer a:visited {
	color: #5399e0;
	border-bottom:1px dotted #184c80;
	margin: 0 7px;
	padding-bottom: 1px;}
.footer a:hover, .footer a:active {
	color:#badcff;
	border-bottom:1px dotted #badcff;}
 
 
 
/* -------- Social network -------- */
#navbar .social-networks {
	display: inline;
	float: right;
	/*width:110px;*/
	width:80px;
	height:38px;
	background: transparent;
	padding:0;
	margin:5px -17px 0 0;}
.social-networks a {
	background-image: url(../img/social.png);
	background-repeat: no-repeat;
	border: none;
	width: 26px;
	height:26px;
	float: left;
	padding: 0px !important;
	margin: 0 3px;}
.social-networks a:hover {
	border: none;}

.social-networks a.fb {
	background-position: 0 0px;}
.social-networks a.tw {
	background-position: -30px 0px;}
.social-networks a.rss {
		background-position: -60px 0px;}


.social-networks a.fb:hover,
.social-networks a.fb:active {
	background-position: 0 -26px;}
.social-networks a.tw:hover,
.social-networks a.tw:active {
	background-position: -30px -26px;}
.social-networks a.rss:hover,
.social-networks a.rss:active {
		background-position: -60px -26px;}	
	
.footer .social-networks  {
	display: inline;
	float: right;
	width:104px;
	height:38px;
	background: transparent;
	padding:0;
	margin:10px -33px 0 0;}


 
/* -------- Common classes -------- */ 
.left {float: left;} 
.right {float: right;}
.noborder, a.noborder  {border: none;}
.red {color:#3e84cc;}
small{font-size: 11px;}

/*  ->>  Lists  <<- */
ul, ol {
	margin: 0;
	margin-left:20px;
	padding: 0;	
	list-style: none outside;
	/*list-style-image: url(../img/bullet.gif);*/}
li {
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left:10px;
	line-height: 1.6;}
	
/*  ->>  Framed images  <<- */
img {
	padding:3px; 
	background: #fff;
	border:1px solid #8cb1d6;
	height: auto;
	width:auto;}	
img.left {
	margin: 2px 7px 2px 0px;}
img.right {
	margin: 2px 0px 2px 7px;}
	
	
/*  ->>  Form styles  <<- */
select, input, textarea {
	border: 1px solid #8cb1d6;
	padding: 2px;
	font: normal 11px Verdana, Tahoma,Arial, sans-serif;
 	color: #000;
	line-height: 1.3;}
option {
	line-height: 1.3;
	margin: 0; 
   padding:0;}
	
input[type="radio"],
input[type="checkbox"] {
	width:auto;
	height: auto;
	border: none;}
	
/*  ->>  Table form styles  <<- */
table.contacts {	
	margin: 0 10px 0 0px;
	padding: 10px 0;
	float:left;
	width: 600px;}
table.contacts td {
	text-align: left;
	padding: 6px 0px;}
	
table.contacts input.data,
table.contacts textarea {
	border: 1px solid #8cb1d6;
	background:#f4f6fa;
	padding:4px 2px;
	width: 320px;}
table.contacts textarea {
	height:100px;
	overflow: auto;}
	
table.contacts input.btn {
	border: 1px solid #0E3763;
	-moz-border-radius:0.3em;
	background: #134271;
	padding: 3px 10px;
	margin: 0 5px 10px 0;
	width: auto;	
	color: #fff;
	letter-spacing: 0px;
	font: normal 9px Verdana;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
	
table.contacts input.btn:hover {	
	background: #396CA1;
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}  
	
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}