@charset "utf-8";

/* =reset.css (by Andy Clarke) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { /*border-collapse : collapse; border-spacing : 0;*/ margin-top: 5px; }
caption, th, td { text-align : left; font-weight : normal; }

/* =tags */
html { }
body { font: 100% normal Arial, Helvetica, sans-serif; text-align: left; background: #FFFFFF url(../img/bg.png) repeat-x top left; }
p { color:#666666; }
a { text-decoration:none; color:#666666; }
a:hover { text-decoration: underline; }
.indent { text-indent: 15px; } 
.last { border: none !important; }
.line { margin:10px 0px 10px 10px; width:98%; border-bottom:5px solid #A8BCCF; padding-top:40px; }

/* =clear */
.clear { clear: both; font-size: 1px; line-height: 0; }


/* TWO COLUMNS PAGE - IE6 STYLES */

/* = */
* html #main_nav li ul { margin-left: -49px; }

* html #main_nav { margin: 83px 0px 5px 0px; }


/* TWO COLUMNS PAGE - IE7 STYLES */

/* = */
*:first-child+html #main_nav li ul { margin-left: -49px; }

/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

.top-img { float: left; margin:0 !important; margin-bottom:20px !important;  }

/* =left */
.left { float: left; font: normal 0.9em Arial, Helvetica, sans-serif; }
.img-left { float: left; padding: 5px; border:1px solid #A8BCCF;  }

/* =right */
.right { float: right; font: normal 0.9em Arial, Helvetica, sans-serif; }
.img-right { float: right; padding: 5px; border:1px solid #A8BCCF; margin:5px !important; }

.hiddentext { position: absolute; right: 9999px; }
.empty { padding: 0; margin: 0; border: none; }
#main_nav li .selected { color: #FFFFFF; background: #be0813; /*padding: 0 1px 1px 1px;*/ }

/* LAYOUT & POSITIONING */

/* =wrapper */
#wrapper { margin: 0 auto; width: 1000px; border-top: 1px solid #f11926; padding-top:3px; }

/* =header */
#header { background:#FFFFFF url(../img/shadow_down.gif) bottom repeat-x; z-index:999; position:relative; width:1000px; /*height:130px;*/ left:auto; }
#header div img { margin:20px 0px 22px 15px; display:block; float:left; }

/* =language */
#language { height:2em; width:145px; float: right; margin-top: 2px; }
#language a { font: 0.8em Arial,Helvetica,sans-serif; /*border: 1px solid black;*/ float: left; }
#language .naslovna { margin: 2px 4px 0 0; color: #999999; }
#language .eng { background:transparent url(../img/bg_language.gif) no-repeat scroll left top; padding: 2px 23px 4px 9px; color: #546B83; }
#language .eng:hover { text-decoration: none; }
#header #language img { margin: 0; }


/* =main_nav */
#main_nav { display:block; float:right; font-size:0.75em; color:#999999; margin: 70px 0px 10px 0px; width: 655px; }
#main_nav li { display: block; float: left; width:98px; /*height:41px;*/ /*border-left:1px dotted #999999;*/ padding:0px 1px 0px 0px; text-align: center; height: 37px;font-size:13px;font-weight:bold; }
#main_nav li a { display: block; height:31px; padding:5px; color:#999999; text-align:left; }
#main_nav li a:hover { color:#FFFFFF; text-decoration:none; background:#f11926; }

#main_nav li ul { position: absolute; width: 13.3em; left: -999em; margin-top:-41px; padding: 0; }
#main_nav li ul li.first { height:41px; width:98px; border:none; background:#f11926; color:#FFFFFF;}
#main_nav li ul li.first a {height:41px; line-height:normal; background:#be0813;margin:1px;color:#ffffff;}
#main_nav li ul li.first a:hover {background:#be0813;color:#ffffff;text-decoration: none;}
#main_nav li ul li { padding:0; width:194px; border-left: 1px solid #be0813; border-right: 1px solid #be0813; color:#be0813; background:#ffffff; height:auto; }
#main_nav li ul li a { border:none; padding:4px; text-decoration:none; background:#ffffff;margin:1px;color:#be0813; height:auto; line-height:20px; }
#main_nav li ul li a:hover { text-decoration: underline;background:#ffffff;color:#be0813; }
#main_nav li ul li.last { padding:0; width:194px;border-left: 1px solid #be0813; border-right: 1px solid #be0813;color:#be0813;border-bottom: 1px solid #be0813;color:#be0813; background:#ffffff; height:auto;}
#main_nav li:hover ul,
#main_nav li.sfhover ul { left: auto; }

#preview {background:#336289 url(../img/preview_bg.gif) repeat-x bottom; height:175px; width:700px; display:block; float:left; margin-right:1px; z-index:666; }

#box1 { display:none; position:absolute; width:700px; height:175px; background:url(../img/preview.jpg) left top no-repeat;}
#box2 { display:none; position:absolute; width:700px; height:175px; background:url(../img/preview.jpg) left top no-repeat; background-position: 0px -175px;}
#box3 { display:none; position:absolute; width:700px; height:175px; background:url(../img/preview.jpg) left top no-repeat; background-position: 0px -350px;}
#box4 { display:none; position:absolute; width:700px; height:175px;}
#box5 { display:none; position:absolute; width:700px; height:175px; background:url(../img/preview.jpg) left bottom no-repeat;}
#box6 { display:none; position:absolute; width:700px; height:175px;}

#preview_menu {background:#00CC99 url(../img/preview_bg_side_nav_big.gif) no-repeat bottom; height:175px; width:298px; display:block; float:left;  font-size:90%;  }
#preview_menu p {background:#2F597D; display:block; color:#FFFFFF; padding:13px 0px 13px 15px; }
#ul_preview { margin:0px 5px 0px 5px; }
#ul_preview li { border-top: 1px dotted #909ca9; padding:2px 0px; }
#ul_preview li.first { border-top: none; margin-top:3px; }
#ul_preview li a { display:block; padding: 3px 5px 4px; color:#FFFFFF; }
#ul_preview li a:hover { background:#254866; color:#FFFFFF; text-decoration:none; }

/*NEWS*/
#news { display:block; float:left; width:300px; margin:10px 1px 0 0; background:#FFFFFF; }
.index { height:360px; }
#news h1 { display:block; background:#d28248 ; height:39px; color:#FFFFFF; font-weight:bold; font-size:90%; }
#news a { display:block; background:url(../img/news_arrow.gif) right top no-repeat; height:27px; padding:12px 0px 0pt 10px; color:#FFFFFF;}
#news a:hover { background:url(../img/news_arrow.gif) right bottom no-repeat; }

#ul_news {margin:5px 5px; color:#333333; width:290px; background:#FFFFFF; }
#news div { background:#FFFFFF; }
#ul_news li { border-bottom: 1px dotted #D28248; padding: 5px 0px;  } 
#ul_news li a { display:block; float:left; width:200px; background:none; color:#333333; height:auto; padding:0px; font-size:75%; margin-left: 5px; }
#ul_news li a:hover { background:none; color:#666666; text-decoration:none;}
#ul_news li span { display:block; float:left; width:80px; font-size:80%; text-align:right; }
#ul_news li p { display:block; float:left; width:280px; font-size:80%; border-top:1px dotted #d28248; margin:10px 0px; padding-top:10px; text-align:left; line-height:150%; color:#333333; }

/*SOLUTIONS*/
#solutions #preporuka { display:block; float:left; width: 399px; margin: 0 1px 0 0; background: none; padding: 0; }
#solutions #preporuka div { padding:6px; }
#solutions #preporuka h1 { display:block; background:none; height:39px; color:#FFFFFF; font-weight:bold; font-size:114%; border-bottom:1px dotted #FFB952; }
#solutions #preporuka a { display:block; background:none; height:27px; padding:12px 0px 0pt 15px; color: #333333;}
#solutions #preporuka a:hover{ display:block; background:none;}
#wrapper #solutions #preporuka div { display:block; float:left; width: 390px; margin:1px 0px 0 0; background: none; }

#solutions { display:block; float:left; width:399px; margin:10px 1px 0 0; background:#FFFFFF; height:360px;}
#solutions h1 { display:block; background:#FFB952; height:39px; color:#FFFFFF; font-weight:bold; font-size:90%; }
#solutions a { display:block; background:url(../img/solutions_arrow.gif) right top no-repeat; height:27px; padding:12px 0px 0pt 15px; color:#505050;}
#solutions a:hover { display:block; background:url(../img/solutions_arrow.gif) right bottom no-repeat;}
#solutions .detail { height: 20px; margin: 5px 5px 0 0; padding: 0; float: right; background: none; color: #326087; }
#solutions .detail:hover { background: none; }
#solutions div { display:block; float:left; margin:1px 0px 0 0;  font-size:80%; color:#333333; padding: 6px; margin-bottom:10px; padding-bottom:10px; }
#solutions img { display:block; float:left; padding:1px; margin:5px 14px 0px 8px; border:1px solid #FFB952;}
#solutions p.short { text-align:left; line-height:150%; margin-bottom:27px;}
#solutions h2 { padding:0; border-top:2px solid #FFB952; margin-top:10px; padding:10px 0; }
#solutions h2 a { color:#666666; font-weight:bold; font-size:100%; padding:0; background:none; display:inline; }
#solutions h2 a:hover { background:none; display:inline; }
#solutions p { text-align:left; line-height:150%;}
#preporuka { display:block; float:left; width:298px; margin:1px 0px 0 0;  }
#preporuka p.short { text-align:left; line-height:150%; font-size:80%; margin:6px; }

/* PARTNERI */
#partneri { display:block; float:left; margin:10px 0px 0pt 0pt; width:296px; }
#partneri h1 { display:block; background:#454545; height:39px; color: white; font-weight:bold; font-size:90%; }
#partneri h1 a { color: white; }
#partneri a { display:block; background:url(../img/partneri_arrow_grey.gif) right top no-repeat; height:27px; padding:12px 0px 0pt 15px; color:#505050;}
#partneri a:hover { display:block; background:url(../img/partneri_arrow_grey.gif) right bottom no-repeat;}

#ul_partneri { margin:0pt auto; width:270px; }
#ul_partneri li { background:transparent none repeat scroll 0%; display:block; float:left; margin:15px 0px; width:135px; }
#ul_partneri li a img { margin:0 auto; margin-left:8px; }
#ul_partneri li a { background:none; margin:0 auto; padding:0px; height:auto; }
#ul_partneri li a:hover { background:none; margin:0px; padding:0px; height:auto; }
#ul_partneri li a.linkopacity img { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
#ul_partneri li a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

/* PARTNERS_LOGOS */
#partners_logos { width:280px; margin-top:5px; float:right; margin: 0px 0px 30px 20px; padding:0;  }
#partners_logos li { padding:0px; margin:5px 5px 35px 5px; display:block; float:left;}
#partners_logos li a img { margin:0 auto; margin-left:15px; }
#partners_logos li a { background:none; margin:0 auto; padding:0px; height:auto; }
#partners_logos li a:hover { background:none; margin:0px; padding:0px; height:auto; }
#partners_logos li a.linkopacity img { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
#partners_logos li a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }


/* NUDIMO */
#nudimo { display:block; float:left; width:296px; margin:10px 0px 0 0; background:#FFFFFF; }
#nudimo h1 { display:block; background:#454545; height:39px; color:#FFFFFF; font-weight:bold; font-size:90%; }
#nudimo a { display:block; background:url(../img/partneri_arrow.gif) right top no-repeat; height:27px; padding:12px 0px 0pt 15px; color: white;}
#nudimo a:hover { display:block; background:url(../img/partneri_arrow.gif) right bottom no-repeat;}
#nudimo div { display:block; float:left; margin:1px 0px 0 0; width:276px; padding-left:20px; }
#ul_nudimo { width:220px; margin-left: 0; list-style-image:url(../img/Untitled-2.gif);}
#ul_nudimo li { width:260px; margin:15px 0px; color: #4B4B4B; }
#ul_nudimo li a img { margin:0 auto; margin-left:10px; }
#ul_nudimo li a { background:none; margin:0 auto; padding:0px; height:auto; font-size: 12px; color: #505050; }
#ul_nudimo li a:hover { background:none; margin:0px; padding:0px; height:auto; }
#ul_nudimo li a.linkopacity img { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
#ul_nudimo li a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

#index_footer { border-top:1px solid #f11926; padding-top: 10px; }
#index_footer p { text-align:left; display:block; font-size:11px; }

/* NAV FOOTER */
#nav-footer {  }
#nav-footer li { display: block; float: left; padding: 0 5px; border-right: 1px solid #666666; }
#nav-footer li a { display: block; font: 12px Arial, Helvetica, sans-serif; }
 
 /* =PRIMARY CONTENT */
/*#up { display: visible; }*/

#portfolio_wrapper { width: 650px; float: left; margin: 10px; }

/*#up { display: visible; }*/
.up { background: #f1f1f1; display: visible;margin: 20px 5px 0px 10px; padding-bottom: 10px;border-bottom: 1px solid #d1d1d1;min-height: 130px;height:auto !important;}
.up h4 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #666666;  padding: 5px; background: #FFFFFF; }
.up a.zoom  { border:5px solid #F1F1F1; float:right;margin: 5px 5px 5px 5px; }
.up a.zoom:hover  { border-color:#ccc; }
.up p a { text-decoration: none; color: #FF0000; }
.up p strong {font-weight: bold;}


/* INSIDE PAGES - STYLES */

#primary-content { float: left; width: 698px; background: url(../img/bg_primary_content.gif) repeat-x left top; min-height:500px; height:auto !important; height:500px; }

#secondary-content { float: right; width: 300px; }

#primary-content h2 { display: block; padding: 9px 0 9px 15px; font-weight: bold; background-color: #777676; color: #FFFFFF; }
#primary-content p { margin: 10px 0 0 5px; color: #4b4b4b; font: 12px Arial, Helvetica, sans-serif; padding: 0 10px 0 10px; text-align:justify; line-height:130%; }
#primary-content ul { color: #4b4b4b; font: 12px Arial, Helvetica, sans-serif; line-height:150%; }

#primary-content-wide { float: left; width: 100%; background: url(../img/bg_primary_content.gif) repeat-x left top; min-height:500px; height:auto !important; height:500px; }
#primary-content-wide h2 { display: block; padding: 9px 0 9px 15px; font-weight: bold; background-color: #777676; color: #FFFFFF; }
#primary-content-wide p { margin: 10px 0 0 5px; color: #4b4b4b; font: 12px Arial, Helvetica, sans-serif; padding: 0 0px 0 10px; text-align:justify; line-height:130%; }
#primary-content-wide ul { color: #4b4b4b; font: 12px Arial, Helvetica, sans-serif; line-height:150%; }

#lista { list-style:url(../img/pic_list.gif) outside; margin:10px 0 0 35px; line-height:150%; }

/* top */
#top { padding-top: 15px; padding-bottom: 10px; padding-right:15px;  }
#top h3 { font: bold 1.2em Arial, Helvetica, sans-serif; color: #a7000a; padding: 5px 0; margin-lefT:15px; }
#top p em { color: #5C5C5C; font-weight: bold; font-style:normal; font-size:1em; }

#news-list { margin: 0; }
#news-list li { list-style: none; list-style-image: none; padding: 10px 0; border-bottom: 1px solid #CCCCCC; }
#news-list li img {  padding: 5px; border:1px solid #A8BCCF;  margin: 0px 0 10px 10px; float:left; }
#news-list .inner { float: left; width: 490px; margin-left:10px; }
#news-list .no-pic { width: 660px; }
#news-list .inner h3, #news-list .inner p { margin-left:0px; padding-left:0px }
#news-list .inner .detail { float: right; margin: 10px; color: #5b748e; }

.partneri_top { width:394px; float:left; } 

/* middle */
#middle { padding: 15px 0; margin: 0 10px; /*border-bottom: 1px dotted #666666;*/ /*border-bottom: 1px dotted #666666;*/ }
#middle ul { margin-left: 20px; padding-bottom: 10px; }
#middle ul li { font: 12px Arial, Helvetica, sans-serif; list-style: disc; list-style-image: url(../img/pic_list.gif); margin: 10px 0; }

/* bottom */
#bottom { padding: 5px 10px; }
#reference-box { display: block; width: 220px; height: 250px; float: right; background: url(../img/bg_box_bottom.gif) repeat-x left top; margin:7px 0 10px 21px; clear:left; overflow:visible; }
#reference-box.big { height:300px;}
#reference-box p { margin:8px 8pt 8pt 0px; }
#reference-box h3 { display: block; padding: 5px 0 5px 10px; font-size: 10px; background-color: #7b8da1; color: #FFFFFF; border-bottom: 1px solid white; margin-left:0px; font-weight:normal; }
#reference-box ul { margin-left: 25px; margin-top: 10px; padding:0px 5px 0 0;  }
#reference-box ul li { font: 12px Arial, Helvetica, sans-serif; list-style: disc; list-style-image: url(../img/pic_list.gif); margin: 10px 0; }

#left-reference-box { display: block; width: 220px; height: 250px; float: left; background: url(../img/bg_box_bottom.gif) repeat-x left top; margin:7px 15px 2px 0px; clear:left; }
#left-reference-box h3 { display: block; padding: 5px 0 5px 10px; font-size: 10px; background-color: #7b8da1; color: #FFFFFF; border-bottom: 1px solid white; margin-left:0px; font-weight:normal; }
#left-reference-box ul { margin-left: 25px; margin-top: 10px; padding:0px 5px 0 0;  }
#left-reference-box ul li { font: 12px Arial, Helvetica, sans-serif; list-style: disc; list-style-image: url(../img/pic_list.gif); margin: 10px 0; }

#detaljnije-box h3 { display: block; padding: 5px 0 5px 10px; font-size: 10px; background-color: #7b8da1; color: #FFFFFF; border-bottom: 1px solid white; font-weight:normal;  }
#detaljnije-box { display: block; width: 220px; height: 250px; float: left; background: url(../img/bg_box_bottom.gif) repeat-x left top; margin:8px 16px 20px 10px;}
#detaljnije-box-list {}
#detaljnije-box-list li { margin: 5px 0 0 5px; padding: 3px 3px 8px 20px; font: 12px Arial, Helvetica, sans-serif; border-bottom: 1px dotted #999999; background: url(../img/pdf_icon.gif) no-repeat left 27%; }
#detaljnije-box-list .last { border: none; }
#detaljnije-box-list li a { color: #4b4b4b; }

/* secondary-content */
#secondary-content #preview_menu {background:#00CC99 url(../img/preview_bg_side_nav_big.gif) no-repeat bottom; height:175px; width:298px; display:block; float:left;font-size:90%;margin-bottom: 10px;}
#secondary-content #preview_menu div {width: 300px;}
#secondary-content #preview_menu p {background:#2F597D; display:block; color:#FFFFFF; padding:13px 0px 13px 15px; }
#secondary-content #ul_preview { margin:0px 5px 0px 5px; }
#secondary-content #ul_preview li { border-top: 1px dotted #909ca9; padding:2px 0px;  }
#secondary-content #ul_preview li.first {  border-top: none; margin-top:3px;  }
#secondary-content #ul_preview li a { display:block; padding: 3px 5px 4px; color:#FFFFFF; }
#secondary-content #ul_preview li a:hover  { background:#254866; color:#FFFFFF; text-decoration:none; }

#secondary-content #news { margin: 0 0 10px 0; width: 300px; background:#FFFFFF }
#secondary-content #news div { margin: 0 0 10px 0; width: 300px; }
#secondary-content #news h1 { background:#D28248 url(../img/news_bg_right.gif) no-repeat scroll 100% top; color:#FFFFFF; display:block; font-size:90%; font-weight:bold; height:39px; }
#secondary-content #news h1 a { display:block; background:url(../img/news_arrow_curve.gif) no-repeat 100% top; height:27px; padding:12px 0px 0pt 15px; color:#FFFFFF;}
#secondary-content #news h1 a:hover { background:url(../img/news_arrow_curve.gif) no-repeat 100% 100%; }

/*izdvajamo*/
#izdvajamo { display:block; float:left; width:300px; margin:10px 1px 0 0; }
#ul_izdvajamo {margin:5px 5px; color:#333333; width:283px;  }
#ul_izdvajamo li a { display:block; float:left; width:190px; background:none; color:#333333; height:auto; padding:0px; font-size:80%; font-weight:bold; }
#izdvajamo h1 { display:block; background:#d28248 ; height:39px; color:#FFFFFF; font-weight:bold; font-size:90%; }
#izdvajamo a { display:block; background:url(../img/news_arrow.gif) right top no-repeat; height:27px; padding:12px 0px 0pt 15px; color:#FFFFFF;}
#izdvajamo p.short { text-align:left; line-height:150%; font-size:80%; margin:6px auto;padding:3px; }

/* kontakt */
#kontakt { display:block; float:left; width:300px; margin:0px -3px 0 10; padding-bottom: 20px; background: #FFFFFF;}
#kontakt div { display:block; float:left; margin:1px 0px 0 0; width:300px; padding:10px 0; }
#kontakt p { font: normal 12px Arial, Helvetica, sans-serif; margin: 0 10px; }
#kontakt img { margin: 0 10px 0 0; float:left; background:none; }
#kontakt a { display:block; }
#kontakt b { margin-bottom:5px; display:block; }

#kontakt h2 a { display:block; background:#BDE05C url(../img/partneri_arrow.gif) no-repeat 100% top; height:27px; padding:12px 0px 0pt 15px; color:#505050; height:27px; color:#666666; font-weight:bold; font-size:90%;}
#kontakt h2 a:hover {  background:#BDE05C url(../img/partneri_arrow.gif) no-repeat 100% 100%; }	

/* paginator */
#paginator { margin: 0 auto; display: block; width: 295px; margin-top:20px; }
#paginator-list { }
#paginator-list li { margin-right: 5px; list-style-image: none; display: block; float: left; }
#paginator-list li a { display: block; padding: 3px 5px; }
#paginator-list .selected { background: url(../img/bg_bullet_blue.gif) no-repeat center center; color: #FFFFFF; font-weight: bold; }
#paginator-list .first { margin-right: 5px; }
#paginator-list .first em { color: #5b748e; }
#paginator-list .first a:hover { text-decoration: none; }
#paginator-list .last { margin-left: 0px; }
#paginator-list .last em { color: #5b748e; }
#paginator-list .last a:hover { text-decoration: none; }

#contact-form { display:block; margin:0pt auto; width:330px; margin-top:10px; float:right; margin-right:5px; padding:10px 5px 5px 5px; border:1px solid #A8BCCF; }
#contact-form label { display: block; margin: 5px 0; font: 0.8em Arial, Helvetica, sans-serif; color: #666666; width: 90px; float:left; padding:2px; }
#contact-form input { display: block; margin: 5px 0; font: 0.8em Arial, Helvetica, sans-serif; color: #666666; width: 210px; float:right; padding:2px; border:1px solid #A5ACB2; }
#contact-form .button { display: block; margin: 5px 0 0 0; padding: 5px; float: right; background: #FFFFFF; color: #585858; width:60px; border:1px solid #A5ACB2; }
#contact-form textarea { width: 320px; height: 120px; font: 0.8em Arial, Helvetica, sans-serif; color: #666666; padding:2px; margin: 5px 0; float:right; border:1px solid #A5ACB2;}
#contact-form input:hover { background:#EFEFEF;}
#contact-form .button:hover { background:#EFEFEF;}
#contact-form textarea:hover { background:#EFEFEF;}

#servis-form { display:block; margin:0pt auto; width:380px; margin-top:10px; float:left; margin-left:10px; padding:0px 0px 0px 0px;}
#servis-form h3 { display: block; padding: 5px 0 5px 10px; font-size: 10px; background-color: #7b8da1; color: #FFFFFF; border-bottom: 1px solid white; font-weight:normal; margin-left:0px; }
#servis-form label { display: block; margin: 5px 0; font: 0.8em Arial, Helvetica, sans-serif; color: #666666; width: 120px; float:left; padding:2px; margin-left:5px; }
#servis-form input { display: block; margin: 5px 0; font: 0.8em Arial, Helvetica, sans-serif; color: #666666; width: 210px; float:right; padding:2px; border:1px solid #A5ACB2; }
#servis-form .button { display: block; margin: 5px 0 0 0; padding: 5px; float: right; background: #FFFFFF; color: #585858; width:60px; border:1px solid #A5ACB2; }
#servis-form textarea { width: 372px; height: 80px; font: 0.8em Arial, Helvetica, sans-serif; color: #666666; padding:2px; margin: 5px 0; float:right; border:1px solid #A5ACB2; margin-left:5px;}
#servis-form input:hover { background:#EFEFEF;}
#servis-form .button:hover { background:#EFEFEF;}
#servis-form textarea:hover { background:#EFEFEF;}

#opis { display:block; float:right; width:280px; margin-left:0px; margin-top:10px; }
#opis p { margin:0; padding:0px;}

.error { background:#35658E none repeat scroll 0%; color:#FFFFFF; display:block; float:right; font-size:80%; margin-right:5px; margin-top:5px; padding:5px; text-align:center; width:333px; }

.servis-error { background:#35658E none repeat scroll 0% 50%; color:#FFFFFF; display:block; float:left; font-size:80%; margin-left:10px; margin-top:5px; padding:5px; text-align:center; width:370px; }

#top_flash { display:block; width:698px; height:200px; margin:0px; padding:0px; }
#bottom_flash { display:block; width:690px; height:175px; margin:20px 0px; padding:0px; overflow:hidden; }

/* WEB LIST */
#web-list { margin-left: 10px; }
#web-list li {width: 193px; float: left; padding: 5px; display: block; margin: 19px 7px 0; border: 1px solid #CCCCCC; background: url(../img/bg_web_list.gif) repeat-x left top; height: 181px; }
#web-list li a { display: block; background-color: #CCCCCC; color: #FFFFFF; text-align: center; margin: 1px 0; }
#web-list li a:hover { text-decoration: none; color: #C13035; }
#web-list li .launch { background-color: #CCCCCC; color: #FFFFFF; text-align: center; }
#web-list li em { height: 48px; font: bold 1.3em Arial, Helvetica, sans-serif; display: block; margin: 3px; }
#web-list img { margin: 0; border: 2px solid #c0bdbd; }
#web-list img:hover { border: 2px solid #CCCCCC; }

/* GRAPH LIST */
#graph-list { margin-left: 10px; }
#graph-list li {width: 193px; float: left; padding: 5px; display: block; margin: 19px 7px 0; border: 1px solid #CCCCCC; background: url(../img/bg_web_list.gif) repeat-x left top; height: 181px; }
#graph-list li a { display: block; background-color: #CCCCCC; color: #FFFFFF; text-align: center; margin: 1px 0; }
#graph-list li a:hover { text-decoration: none; color: #FF3300; }
#graph-list li .launch { background-color: #CCCCCC; color: #FFFFFF; text-align: center; }
#graph-list li em { height: 48px; font: bold 1.3em Arial, Helvetica, sans-serif; display: block; margin: 3px; }
#graph-list img { margin: 0; border: 2px solid #c0bdbd; }
#graph-list img:hover { border: 2px solid #CCCCCC; }

.news #kontakt { margin-top: 0; }

/* LOGIN FORM */
#login-form { margin: 0 auto; display: block; width: 250px; }
#login-form fieldset { border: 3px solid #D3D3D3; margin-top: 150px; padding: 5px; }
#login-form label { display: block; width: 70px; float: left; font: 12px Arial, Helvetica, sans-serif; margin: 5px 0; }
#login-form input { border: 1px solid black; margin: 5px 0; background: #F3F3F3; border: 1px solid #CCCCCC; width: 150px; }
#login-form .send { margin-left: 70px; width: 100px; font: bold 0.8em Arial, Helvetica, sans-serif; cursor: hand; }