@charset "utf-8";
*{margin:0px; padding:0px;}
a {outline: none; text-decoration: none;}
img {border:0;}
ul,li{list-style-type: none;}
h1, h2, h3, h4 {font-weight:normal}
.clear {clear: both;}
.push_down {margin: 0px 0px 10px 0px;}
.clear {clear: both;}
input {border: none;}
body {
	background: url(../images/bg.png) repeat;
	font: 12px Arial;
	color: #333;
}
.container {
    width: 970px;
	margin: auto;
}
.container  .header {
    padding: 40px 0px 21px 0px;
}
.container .header .logo {
    float: left;
}
.container .header h1 {
    float: left;
}
.container .header ul {
    float: right;
	margin: 0px -9px 0px 0px;
} 
.container .header ul li {
    float: left;
	display: inline;
	margin: 0px 10px;
}
.container .header ul li a {
    font: 12px arial;
	color: #ABABAB;
}
/*.container .header ul li a:hover {
    color: #666;
}*/
.container .header ul li.active a {
	color: #4FCBFF;
}

/*.container .header ul li.active:hover a {
	color: #333;
}*/
.container .navigation {
	border-left: 1px solid #C7C8BC;
	overflow: hidden;
}
.container .navigation ul li {
    border-right: 1px solid #C7C8BC;	
	width: 155px;
	float: left;
	padding: 3px 0px 0px 5px;
	height: 67px;
}
.container .navigation ul li.fr{
	width: 149px;
}
.container .navigation ul li.sec {
	width: 157px;
}
.container .navigation ul li.th {
	width: 158px;
}
.container .navigation ul li.for {
	width: 159px;
}
.container .navigation ul li.fv {
	width: 159px;
}
.container .navigation ul li.sx {
	width: 150px;
}

.container .navigation ul li a span {
    font: 12px arial;
	color: #A5A5A5;
	line-height: 125%;
	display: block;
	margin-left: 8px;
}

.container .navigation ul li.sx a span {
	margin-top: -1px;
}

.container .navigation ul li.item-hovered a span {
    color: #666;
}
.container .navigation ul li.item-hovered a span.big {
    color: #666;
}

/*.container .navigation ul li a:hover span {
    color: #666;
}*/

.container .navigation ul li a span.big {
    font: bold 26px arial;
	color: #A5A5A5;
	margin: 0px 0px 4px 10px;
	letter-spacing: -1px;
	position: relative;

}
.container .navigation ul li a span.big em , .container .navigation ul li sup {
	float: left;
}
.container .navigation ul li sup { float: none; } 
.container .navigation ul li a span.big em.up , .container .navigation ul li sup  {
    font: bold 14px arial;
	margin: -2px 0px 0px 0px;
	/*float: left;*/
}
.container .navigation ul li a span.big b {
    font-size: 20px;
	color: #A5A5A5;
	position: absolute;
	top: 1px;
	left: -8px;
}
.container .navigation ul li.active a span.big b ,
.container .navigation ul li.menu_item_active a span.big b {
    color: #4FCBFF;
}
.container .navigation ul li.active a span , 
.container .navigation ul li.menu_item_active a span {
    color: #4FCBFF;
}

.container .navigation ul li.menu_item_active.item-hovered a span.big {
    color: #4FCBFF;
}
.container .content {
    padding-top: 48px;
	clear: left;
	margin-bottom: 35px;
}
.container .content p.cyan{
    font: 122px arial;
	color: #4FCBFF;
	letter-spacing: -4px;
}
.container .content p.normal {
    font: 100px arial;
	color: #D1D1D1;
	letter-spacing: -4px;
	line-height: 95%;
}
.container .content a.under {
    text-decoration: underline;
	font: 100px arial;
	color: #D1D1D1;
	letter-spacing: -4px;
	line-height: 95%;
	background: url(../images/text-decoration.gif) repeat-x 0px 97px;
}
.container .content  .left_coll {
    float: left;
	width: 189px;	
	padding-right: 25px;
}
.container .content  .left_coll h2,
.container .content  .left_coll h1 {
    font: 44px arial;
	color: #4FCBFF;
	margin-bottom: 25px;
}
.container .content  .left_coll ul li a {
    font: 12px arial;
	color: #CACACA;
	margin-bottom: 12px;
	display: block;
}
.container .content .left_coll ul li a:hover {
    color: #fff;
}
.container .content .left_coll ul li.active a {
    color: #fff;
	font-weight: bold;
}
.container .content .right_coll {
    float: right;
	width: 730px;
}
.container .content .right_coll h2 {
    font: 44px arial;
	color: #4FCBFF;
	margin-bottom: 25px;
}
.container .content .right_coll ul.category li {
    float: left;
	display: inline;
}
.container .content .right_coll ul.category li:hover a h3 {
    /*display: block;*/
}
.container .content .right_coll ul.category li a {
    float: left;
	display: inline;
	width: 232px; 
	height: 171px;
	margin: 0px 15px 15px 0px;
	position: relative;
	overflow: hidden;
	width: 232px;
	height: 171px;
}
.container .content .right_coll ul.category  li.last a {
    margin: 0px;
}
.container .content .right_coll ul.category li a  img{
    position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.container .content .right_coll ul li a h3 {
    width: 102px;
	height: 151px;
	background: url(../images/category_bg_hover.png) repeat;
	padding: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	font: bold 12px arial;
	color: #FFF;
	/*display: none;*/
	left: -122px;
}
.container .content .left_coll.contact {
    width: 290px;
}
.container .content .left_coll.contact  h2 {
    font: 32px arial;
}
.container .content .left_coll.contact  h2  span {
    font: 12px arial;
}
.container .content .left_coll.contact  p,
.container .content .left_coll.contact  p a {
    font: 11px arial;
	color: #D0D0D0;
	line-height: 150%;
}
.container .content .left_coll.contact  p.push_b {
    margin-bottom: 10px;
}
.container .content .right_coll.contact {
    width: 648px;
}
.container .content .right_coll.contact h1 {
    font: 32px arial;
	color: #4FCBFF;
	display: block;
	margin-bottom: 25px;
}
.container .content ul.phil {
    width: 858px;
}
.container .content ul.phil li {
    width: 858px;
	border-bottom: 1px solid #8B8E91;
	padding: 35px 0px;
	position: relative;
}
.container .content ul.phil li span.num {
	position: absolute;
	top: 5px;
	left: 5px;
	font: 96px arial;
	color: #4FCBFF;
}
.container .content ul.phil li span.num {
	position: absolute;
	top: 20px;
	left: 0px;
}
.container .content ul.phil li span.big {
	margin-left: 74px;
	font: 96px arial;
	color: #FFF;
	margin-bottom: 10px;
	display: block;
	line-height: 70%;
}
.container .content ul.phil li span.big.bott {
	margin-top: -42px;
}
.container .content ul.phil li span.big.bott_small {
	margin-top: -21px;
}
.container .content ul.phil li span.small {
	margin-left: 74px;
	font: 14px arial;
	color: #FFF;
	display: block;
	margin-top: -12px;
}
.container .content .right_coll.product {
    position: relative;
}
.container .content .right_coll.product h1 {
    font: 44px arial;
	color: #4FCBFF;
	width: 412px;
}
.container .content .right_coll.product ul.pager  {
    position: absolute;
	top: 15px;
	right: 0px;;
}
.container .content .right_coll.product ul.pager li  {
    float: left;
	display: inline;
}
.container .content .right_coll.product ul.pager li.prew a {
    background: url(../images/prew_btn.png) no-repeat 3px 4px;
	font: bold 14px arial;
	color: #A5A5A5;
	border-right: 1px solid #A5A5A5 ;
	padding: 0px 10px 0px 22px;
}
.container .content .right_coll.product ul.pager li.next a {
    background: url(../images/next_btn.png) no-repeat 103px 4px;
	font: bold 14px arial;
	color: #A5A5A5;
	padding: 0px 22px 0px 10px;
}
.container .content .right_coll.product ul.pager li.prew a:hover {
    background-position:  3px -24px;
	color :#fff;
}
.container .content .right_coll.product ul.pager li.next a:hover {
    background-position:  103px -24px;
	color :#fff;
}
.container .content .right_coll.product .product_holder {
    position: relative;
	margin-bottom: 15px;
}
.container .content .right_coll.product .product_holder img {
   display: block;
}
.container .content .right_coll.product .product_holder .description {
    position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../images/prod_box_bg.png) repeat;
	left: 0px;
	font: 14px arail;
	color: #DDDBDB;
	padding: 10px;
	display: block;
	width: 704px;
}
.container .content .right_coll.product .product_holder .description p {
    font: bold 14px arial;
	color: #DDDBDB;
}
.container .content .right_coll.product p,
.container .content .right_coll.product a {
    font: 12px arial;
	color: #fff;
	line-height: 17px;
}
.container .content .right_coll.product a:hover {
	color: #4FCBFF;
}
.container .content .right_coll.product p.push_b {
    margin-bottom: 15px;
}
.container .content .s_wrapper {
    width: 970px;
	height: 546px;
	float: left;
	overflow: hidden;
	/*margin-bottom: 25px;*/
		position: relative;
} 
.container .content .s_wrapper a.btn_left_2 {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;
	height: 100%;

}
.container .content .s_wrapper a.btn_right_2 {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 180px;
	height: 100%;

}

.container .content .slider_close {
	width: 1200px;
	height: 566px;
	

	height: 546px; 
	
	margin-left: -105px;
	padding-left: 105px;
	width: 1075px; 
	


}

.container .content .slider  {
    width: 970px;
	height: 546px;
	float: left;
	position: relative;
	margin-bottom: 25px;

}
.container .content .slider  a.left {
    /*background: url(../images/slide_left.png) no-repeat;*/
        background: url(../images/z_left_arrow.png) no-repeat 0px 0px;
	width: 71px;
	height: 70px;
		width: 68px;
		height: 68px;
	position: absolute;
	top: 236px;
	left: -104px;
}
.container .content .slider  a.right {
    /*background: url(../images/slide_right.png) no-repeat;*/
    background: url(../images/z_right_arrow.png) no-repeat 0px 0px;
	width: 71px;
	height: 70px;
		width: 68px;
		height: 68px;
	position: absolute;
	top: 236px;
	right: -104px;
}
.container .content .slider ul  {
    width: 970px;
	height: 546px;
	overflow: hidden;
		width: 30000px;
}
.container .content .slider ul li {
    width: 970px;
	height: 546px;
	float: left;
}
.container .content .txt_1 {
    width: 244px;
	float: left;
	padding: 15px 0px 0px 0px;
}
.container .content .txt_1 h2 {
    color: #4FCBFF;
	font: 53px arial;
	line-height: 18px;
}
.container .content .txt_2 {
    width: 225px;
	float: left;
	padding: 15px 0px 0px 0px;
	margin-right: 20px;
}
.container .content .txt_2.sec {
    margin-right: 59px;
    width: 191px;
}
.container .content .txt_2 p{
    font: 12px Arial;
	color: #949494;
	margin-bottom: 10px;
	line-height: 133%;
}
.container .content .txt_2 a {
    font: 12px Arial;
	color: #5BB8DF;
}
.container .content .txt_3 a.more  {
    font: 12px Arial;
	color: #5BB8DF;
}
.container .content .txt_3 a.more:hover,
.container .content .txt_2 a.more:hover  {
    color: #666;
}
.container .content .txt_3 {
    width: 223px;
	float: left;
	padding: 15px 0px 0px 0px;
	margin-right: 0px;
}
.container .content .txt_3.sec {
    width: 200px;
	float: right;
		margin-left: -15px;
		width: 215px;
}
.container .content .txt_3  p {
    font: 12px arial;
	color: #949494; 
	margin-bottom: 3px;
	overflow: hidden;
}
.container .content .txt_3  p.last {
	margin-bottom: 9px;
}
.container .content .txt_3  p span.fr {
    font: 12px arial;
	color: #949494; 
	width: 75px;
	float: left;
}
.container .content .txt_3.sec  p span.fr {
	width: 56px;
}
.container .content .txt_3.small  p span.fr {
    color: #C3C3C3;
}
.container .content .txt_3  p span.sec,
.container .content .txt_3  p a.sec  {
    font: 12px arial;
	color: #949494; 
	width: 140px;
	float: left;
}
.container .content .txt_3  p a.sec:hover  {
    color: #333;
}
.container .content .txt_3  p span.sec.tel {
    margin-left: -12px;
}
.footer {
    clear: left;	
	margin: 24px 0px 35px 0px;
	border-top: 1px solid  #EBE4E8;
	padding-top: 29px;
	overflow: hidden;	
}
.footer p {
    font: 12px arial;
	color: #7F7F79;
	float: left;
}
.footer ul  {
	float: right;
}
.footer ul li {
	float: left;
	margin-left: 15px;
}
.footer ul li a {
	font: 12px Arial;
	color: #ABABAB;
}
.footer ul li a:hover {
	color: #666;
}
.philosophy_box {
    float: left;
	width: 311px;
	margin-right: 18px;
	text-align: center;
}
.philosophy_box.last {
	margin-right: 0px;
}
.philosophy_box span.num {
    font: 390px arial;
	color: #4FCBFF;
	border-top: 1px solid #4FCBFF;
	border-bottom: 1px solid #4FCBFF;
	margin-bottom: 15px; 
	height: 331px;
	display: block;
	line-height:366px;
}
.philosophy_box span.back {
    margin-left: -20px;
}
.philosophy_box h2 {
    font: 56px arial;
	color: #535353;
	margin-bottom: 22px; 
	line-height: 49px;
}
.philosophy_box p {
    font: 14px arial;
	color: #8C8C8C;
	margin-bottom: 11px; 
	line-height: 18px;
}
.contact_wrap h1 {
    font: 53px Arial;
	color: #4FCBFF;
	margin-bottom: 35px;
}
.contact_left {
    width: 485px;
	float: left;
	margin-right: 10px;
}
.contact_left .form_wrap {
    width: 232px;
	float: left;
	margin-right: 10px;
}
.contact_left .form_wrap label {
    font: 12px Arial;
	color: #949494;
	margin-bottom: 3px;
	display:block;
}
.contact_left .form_wrap input {
    width: 222px;
	height: 36px;
	border: 1px solid #E4E4E4;
	background: #fff;
	margin-bottom: 17px;
	padding: 0px 5px;
	 font: 12px Arial;
	 line-height: 38px;
	color: #949494;
}
.contact_left input.error_req,.contact_left textarea.error_req {
	border: 1px solid #FF6600;
}
textarea {
    width: 456px;
	height: 92px;
	padding: 10px;
	font: 12px Arial;
	color: #949494;
	border: 1px solid #E4E4E4;
	overflow: auto;
	resize: none;
	margin-top: 3px;
	position :relative;
	z-index: 1;
}
.captcha {
    width: 256px;
	float: left;
	padding: 21px 5px 0px 0px; 
}
.captcha span {
    font: 32px Arial;
	color: #949494;
	float: left;
	padding: 5px;
	line-height: 12px;
}
.captcha input {
    font: 32px Arial;
	color: #949494;
	border: 1px solid #E4E4E4;
	width: 56px;
	height: 36px;
	text-align: center;
}
.captcha .clear p {
    font: 12px arial;
	color: #ACABAB;
}
a.send_btn {
    background: url(../images/submit_btn.png) no-repeat top left;
	width: 196px;
	height: 37px;
	float: right; 
	text-align: center;
	padding-top: 12px;
	font: 24px Arial;
	color: #fff;
	margin: 22px 8px 0px 0px;
}
a.send_btn:hover {
    background-position: bottom left;
}
.contact_right {
    float: left;
	width: 450px;
	padding-left: 25px;
	padding-top: 20px;
}
.contact_right h2 {
    font: bold 16px Arial;
	color: #949494;
}
.map {
    margin: 73px 0px 15px 0px;
}
.map h2 {
    font: bold 53px Arial;
	color: #4FCBFF;
	margin-bottom: 15px;
}
.map .map_holder {
    background: #fff;
	border: 1px solid #E4E4E4;
	padding: 3px;
	height: 454px;
}
.text_za_glupu_birokraciju {
	font-size: 10px;
	padding-top: 30px;
	color: #C3C3C3;
}
.contact_wrap {
    padding-top: 30px !important;
}
.cms_left {
    width: 203px;
	float: left;
	margin-right: 40px;
}
.cms_left h1 {
	margin-bottom: 59px;
	font: 34px Arial;
}
.cms_left h1 span  {
    font: 42px Arial;
	color: #747474;
	float: left;
}
.cms_left h1 span.up  {
    font: 22px Arial;
	color: #747474;
	margin-top: -10px;
}
.cms_left p  {
    font: 12px Arial;
	color: #9E9E9E;
	margin-bottom: 15px;
	line-height: 17px;
}
.cms_right {
    width: 723px;
	float: right;
}
.cms_right img {
    margin-bottom: 25px;
}
.cms_right .features_box {
    float: left;
	width: 241px;
}
.cms_right .features_box h2 {
    font: 16px Arial;
	color: #4FCBFF;
	margin-bottom: 15px;
}
.cms_right .features_box ul li {
    font: 12px Arial;
	color: #9E9E9E;
	margin-bottom: 7px;
}
.cms_right .features_box ul li a {
    font: 12px Arial;
	color: #9E9E9E;
	margin-bottom: 5px;
}
.cms_right .features_box ul li a:hover {
    border-bottom: 1px solid #9E9E9E;
}
h1.identity {
    font: 42px Arial;
	margin: 0px 0px 20px 0px;
	color: #A9A7A7;
	line-height: 20px;
}
.cms_left ul li a {
    font: 12px arial;
	color: #9E9E9E;
	line-height: 15px;
	margin-bottom: 8px;
	display: block;
}
.cms_left ul li a.active , .cms_left ul li.active a {
    color: #4FCBFF;
}
.cms_left ul li a:hover {
    color: #666;
}
.projects li {
    float: left;
	width: 232px;
	height: 223px;
	margin: 0px 13px 21px 0px;
}
.projects li.last {
	margin: 0px 0px 10px 0px;
}
.projects li a {
    position: relative;
	width: 232px;
	height: 174px;
	margin-bottom: 8px;
	display: block;
}
.projects li a img {
    position: absolute;
	top: 0px;
    left: 0px;
	z-index: 1;
}
.projects li a span {
    width: 222px;
	height: 164px;
	position: absolute;
	top: 0px;
    left: 0px;
	z-index: 2;
	border: 7px solid #fff;
	display: none;
}
.projects li a:hover span {
    display: block;
}
.projects li h2 {
    font: bold 12px Arial;
	color: #9E9E9E;
	margin-bottom: 3px;
}
.projects li p {
    font: 12px Arial;
	color: #9E9E9E;
	margin-bottom: 5px;
}
.cms_right .project_inner {
    padding: 4px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.cms_right .project_inner h2 {
    font: bold 24px Arial;
	margin-bottom: 15px;
	color: #747474;
}
.cms_right .project_inner p {
    font: 12px Arial;
	color: #9E9E9E;
	line-height: 17px !important;
}
.cms_right .project_inner p {
    font: 12px Arial;
	color: #9E9E9E;
}
.cms_right .project_inner p a {
    font: 12px Arial;
	color: #4FCBFF;
}
.cms_right .project_inner p a:hover {
    text-decoration: underline;
}
.cms_right .proj_img {
    margin-bottom: 11px;
}
.slide_left2 {
    background: url(../images/project_left.png) no-repeat 30px 50%;
	width: 75px;
	height: 145px;
	/*position: absolute;
	top: 420px;
	left: 25px;*/
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100px;
		/*background: red;*/
		position: fixed;
}
.slide_right2 {
    background: url(../images/project_right.png) no-repeat 100% 50%;
	width: 75px;
	height: 145px;
	/*position: absolute;
	top: 420px;
	right: 25px;*/
		top: 0px;
		right: 0px;
		height: 100%;
		width: 100px;
		/*background: red;*/
		position: fixed;
}
.slide_right2:hover {
   background: url(../images/project_right_h.png) no-repeat 100% 50%;
}
.slide_left2:hover {
   background: url(../images/project_left_h.png) no-repeat 30px 50%;
}
.djiber {
   padding-top: 18px;
   border-bottom: 1px solid #E4E4E4;
   height: 76px;
}
.djiber_left {
   float: left;
   width: 300px;
}
.djiber_left p {
   font: 16px Arial;
   color: #ACABAB;
   margin-bottom: 15px;
}
.djiber_left p a {
   font: 16px Arial;
   color: #4FCBFF;
   text-decoration: underline;
   border-bottom: 1px solid  #4FCBFF;
   position: relative;
   z-index: 50;
}
.djiber_left p a span {
   background: url(../images/djiber_pop.png);
   width: 113px;
   height: 27px;
   position: absolute;
   top: -30px;
   left: -9px;
   display: none;
   z-index: 50;
}
.djiber_left p a:hover span {
   display: block;
}
.djiber_right {
   float: right;
   width: 139px;
}
.djiber_right label {
   float: left;
   font: 12px Arial;
   color: #ACABAB;
   margin-right: 5px; 
   position: relative;
   margin-left: 22px;
   z-index:1;  
   	padding-top: 4px;
}
.djiber_right .check_wrap {
   margin-bottom: 15px;
   position: relative;
   height: 21px;
}
.djiber_right .check_wrap span.wrong_ans {
   background: url(../images/wrong_ans.png);
   width: 100px;
   height: 19px;
   position :absolute;
   top: 0px;
   left: -54px;
   /*display: block;*/
   z-index: 50;
   display: none;
}
.djiber_right input {
   margin-right: 35px; 
   float: left;  
   width: 19px;
   height: 19px;
   cursor: pointer;
}


div.checker span , div.radio span {
    background: url(../images/radio_bg.png);
	width: 19px;
	height: 19px;
	float: left;
	cursor: pointer;
}


div.checker .checked , div.radio .checked {
    background-position :bottom left;
}