/*****************************************************************************************
	 						 GENERAL
******************************************************************************************/
* { padding: 0; margin: 0; }

body 
{
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #b5c4f2 url(bg.jpg) repeat-x;
	text-align: center;
}

h1, h2, h3 
{
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}

p, h1, h2, h3 
{
	margin: 10px 15px;
}

h1 { font-size: 2.0em; color: #6297BC; font-weight:bold; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

/*****************************************************************************************
	 						 IMAGES
******************************************************************************************/
img 
{
	border: 2px solid #CCC;
}
img.no-border 
{
	border: none;
}
a:hover img 
{    
	border-bottom: 2px solid #FFFFFF !important;
	border-top: 2px solid #FFFFFF !important;
	border-left: 1px solid #FFFFFF !important;
	border-right: 1px solid #FFFFFF !important;
}

a 
{
	text-decoration:none;
	color:#66CC00;
}

/*****************************************************************************************
	 						 LAYOUT
******************************************************************************************/
#wrap 
{
	background-color:#85abd7;
	width: 880px; height: 100%;
	margin: 0 auto;	
	text-align: left;
}

#content-wrap 
{
	clear: both;
	margin: 0; padding: 0;	
	background-color:#dce2f3;
}

#header 
{
	position: relative;
	height: 350px;	
	background:url(header_levo.jpg) #FFFFFF left bottom no-repeat;
	border-bottom:3px solid #CCC;
	border-left:2px solid #FFFFFF;
}
#header h1#name 
{
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	top: 0; left: 5px;	
}


/*****************************************************************************************
	 						 FLAGS
******************************************************************************************/
#zastave 
{
	position:absolute;
	top: 0; right: 0px;	
}
#zastave a img
{
	text-decoration: none;
	border-bottom: 2px solid #FFFFFF !important;
	border-top: 2px solid #FFFFFF !important;
	border-left: 1px solid #FFFFFF !important;
	border-right: 1px solid #FFFFFF !important;
	width:40px;
	height:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55;
}
#zastave a:hover img
{
	text-decoration: none;
	border-bottom: 2px solid #FFFFFF !important;
	border-top: 2px solid #FFFFFF !important;
	border-left: 1px solid #FFFFFF !important;
	border-right: 1px solid #FFFFFF !important;
	width:40px;
	height:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

/*****************************************************************************************
	 						 CONTACT
******************************************************************************************/
#contactFrame
{
	float: left;
	padding-left:15px;
	padding:0;
	width:880px;
	height:48px;
	background-color:#6297BC;
	border-bottom:2px solid #FFFFFF;
}
#contactFrame a
{
	color:#CCCCCC;
}


/*****************************************************************************************
	 						 MAIN
******************************************************************************************/
#main 
{
	float: left;
	width: 270px;
	height:100%;
	margin: 0;	
	padding: 0;
	padding-bottom:20px;
	padding-top:40px;
	padding-bottom:50px;
	background-color:#dce2f3;		
}
#main table 
{
	margin-left:55px;
	padding:5px;
	color:#325eec;
	margin-top:-5px;
}
#main td
{
	border:1px solid #CCCCCC;
	padding:5px;
}
main p
{
	line-height:20px !important;
}

/*****************************************************************************************
	 						 IMAGES ON RIGHT
******************************************************************************************/
#picFrame
{
	float: left;
	padding: 0;
	width: 610px;
	padding-top:80px;
	padding-bottom:40px;
	background-color:#85abd7;	
}
#picFrame img 
{
	width:180px;
	height:180px;
	margin-left:12px;
	margin-bottom:12px;
}
#picFrame a:hover img
{ 
	border: 2px solid #FFFFFF !important;
}


/*****************************************************************************************
	 						 FOOTER
******************************************************************************************/
#footer 
{ 
	clear: both; 
	color: #CCCCCC; 
	background: #6297BC; 
	margin: 0; 
	padding: 1px 0 5px 0;
	height: 45px;	  
	font-size: 95%;		
	text-align:center;
	border-top:2px solid #FFFFFF;
}
#footer a 
{ 
	text-decoration: none; 
	font-weight: bold;	
	color: #CCCCCC;
}


/*****************************************************************************************
	 						 SUBFOOTER
******************************************************************************************/
#subfooter
{
	border-top: 5px solid #537e9d;
	background: #b5c4f2; 
	margin: 0; padding: 0; 
	height: 30px;
}


/*****************************************************************************************
	 						 HEAD MENU
******************************************************************************************/
#header ul 
{
	z-index: 9;
	position: absolute;
	margin:0; padding: 0;
	list-style:none;
	right: 0; 
	top:90px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
	height:250px;
	background-color:#FFFFFF;
}
#header li 
{
	display:inline;
	margin:0; padding:0;
}
#header li a 
{
	float:left;
	margin:0;
	padding:0 0 0 2px;
	text-decoration:none;
	text-align:center;
	width:150px;
	background: url(tableft2.gif) no-repeat left top;
}
#header li a img 
{
	width:150px;
	height:220px;
	margin:0 0 0 -4px;
	border: 2px solid #CCC;
	background-color:#FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity: 0.85;
}
#header li a:hover img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
#header li a span 
{
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
   height:30px;
}


#header li a span {float:none;}
#header li a:hover span 
{
	color:#FFF;
}
#header li a:hover 
{
	background: url(tableft.gif) no-repeat left top;
	background-position:0% -42px;
}
#header li a:hover span 
{
   background-position:100% -42px;
}
#header li #current a 
{
   background-position:0% -42px;
	color: #FFF;
}
#header li #current a span 
{
   background-position:100% -42px;
	color: #FFF;
}



/*****************************************************************************************
	 						 ADDITION CLASSES
******************************************************************************************/
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.forContact { padding-left:260px; color:#CCCCCC; margin-top:5px;}
.clear { clear: both; }
.blue {	color: #325eec; }
.darkBlue  {	color: #0531c2; }
.green {	color: #9EC630; }
.priceComment { font-size:10px; }