@charset "utf-8";
/*
CSS Document  
Theme Name: MNS
Version: 2.0
Author: Dragan Micic Bubo
Author URI: http://www.bubo-design.com
Author URI: http://www.micronanostudio.com
Author e-mail: d.micic@micronanostudio.com
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset{margin:0;padding:0;}img, fieldset{border:0;}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html{background:url(img/bg_drops.jpg) fixed no-repeat;background-size:cover;}
body{font-family:Arial,Helvetica,"Nimbus Sans L",FreeSans;font-size:13px;color:#fff;line-height:17px;width:100%;height:100%;}
p{margin-bottom:4px;}
small{font-size:12px;line-height:14px;}
a{text-decoration:none;color:#33ccff;cursor:pointer;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4, h5, h6{line-height:1.2em;text-shadow:1px 1px rgba(0,0,0,.4);}
h1{font-size:25px;}
h2{font-size:23px;}
h3{font-size:21px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:14px;}
ul,li{list-style:none;}
/************************************************************************************
SPECIAL CLASSES
*************************************************************************************/
.cleaner{clear:both;height: 0;}
.left{float:left;}.right{float:right;}
.blueBox{background:url(img/blue_bg.png) left top repeat;}
.bannerBox{width:450px;margin:0 10px 10px 0;overflow:hidden;}
.bannerBox2{width:910px;}
.insideBox{box-shadow:inset 0px 0px 70px rgba(0,0,0,.5);}
.cornerBox{width:300px;margin:0 10px 10px 0;}
.whole{width:900px;padding:5px;;margin:0 10px 10px 0;overflow:hidden;min-height:300px;}
.oneThird{width:290px;padding:5px;}
.half{width:440px;padding:5px;margin:0 10px 10px 0;overflow:hidden;}
.twoThird{width:598px;height:240px;background:#fff;border:solid 1px #336699;margin:0 0 10px 0;position:relative;}
.shine{box-shadow: 0px 0px 15px #fff;}
.news{width:450px;margin:0 10px 10px 0;}
.news img{float:left;width:185px;height:135px;margin:0 5px 5px 0;box-shadow: 0px 0px 15px #fff;}
.newsText{width:250px;height:125px;float:left;padding:5px;}
.newsText2{width:150px;min-height:150px;float:left;padding:5px;vertical-align:middle;}
.newsText3{width:140px;min-height:130px;float:left;padding:5px;vertical-align:middle;}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#header{width:100%;height:153px;background:url(img/header_bg.png) left top repeat-x;margin-bottom:10px;}
#content{}
.content{width:920px;margin:0 auto;}
#footer{width:100%;min-width:920px;height:60px;background:url(img/footer_bg.png) left top repeat-x;margin-top:10px;padding-top:5px;}
.logoHolder{width:360px;height:150px;float:left;position:relative;}
.logo{display:block;width:360px;height:150px;background:url(img/logo.png) left top no-repeat;position:absolute;top:0;left:90px;}
.logo3d{display:block;width:200px;height:200px;background:url(img/logo3d2.png) left top no-repeat;position:absolute;top:0;left:-95px;}
.logoiso{display:block;right;position:absolute;left:793px;top:20px;}
/*.logo14{display:block;width:360px;height:150px;background:url(img/14.png) right top no-repeat;position:absolute;left:800px;top:5px;}*/

/*.logo{display:block;width:360px;height:150px;background:url(img/logo.png) left top no-repeat;}
.logo3d{display:block;width:200px;height:200px;background:url(img/logo3d.png) left top no-repeat;position:absolute;top:0;left:-200px;}
.logoiso{display:block;width:360px;height:150px;background:url(img/isoLogo.png) right top no-repeat;position:absolute;left:787px;top:5px;}*/

/************************************************************************************
LISTS
*************************************************************************************/
.menu{width:560px;float:right;margin-top:110px; font-size:15px;text-shadow:1px 1px rgba(0,0,0,.5);}
.langBar{width:200px;float:right;}
.langBar li,.menu li{float:left;margin-right:5px;}
.langBar li a,.menu li a{color:#fff;}
.categories{margin:15px 0;}
.categories li{padding-left:20px;text-transform:uppercase;margin-bottom:15px;text-shadow:1px 1px rgba(0,0,0,.5);}
.categories li:hover{background:url(img/arrow.png) left top no-repeat;}
.categories li a{color:#fff;}
.categories li a:hover{color:#33ccff;text-decoration:none;}

#an{width:598px;height:240px;position:relative;overflow:hidden;}
#an li{width:598px;height:240px;overflow:hidden;position:relative;}
#an li .textHolder{width:300px;min-height:25px;position:absolute;bottom:50px;right:0;background:rgba(0,51,102,.75);padding:5px;}

.twoThird ol#controls{min-width:50px;margin:0;height:12px;padding:3px;position:absolute;top:220px;left:0px;z-index:2;}
.twoThird ol#controls li{margin:0 5px;padding:0;float:left;list-style:none;height:16px;line-height:16px;}
.twoThird ol#controls li a{display:block;height:12px;width:12px;float:left;background:#f5f5f5;font-size:0px;border-radius:6px;box-shadow:inset 0px 0px 6px rgba(0,0,0,.5);}
.twoThird ol#controls li a:hover{background:#CC0000;}
.twoThird ol#controls li.current a{background:#66ccff;}
.twoThird ol#controls li a:focus{outline:none;}


.popupWrap
{
	display:none;
	background: rgba(0, 0, 0, 0.3);
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
}
.popup2
{	
    display:none;
/*	background: #fff;
	box-shadow:2px 2px 2px #6d675c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	width: 500px;
	min-height: 100px;
	text-align: center;
	font-size:1.2em;
*/
}
/*
.popup h2{
	font-size:1.4em;
	background:#4E9C9C; color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;}
*/	
	
.popup
{	
    display:block;
	background: #F1F4F7;
	box-shadow:2px 2px 2px #6d675c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	width: 500px;
	min-height: 100px;
	text-align: center;
	font-size:1.2em;
	font-weight:bold;
	border-style: solid;
	border-color: #C1CFE6;
}

.popup h2{
	font-size:1.4em;
	background:#5d7393; color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
	font-weight:bold;
	/*font-variant:small-caps;*/
}