/*
Theme Name: Brucoš d.o.o.
Description: Stranica izrađena isključivo za Bruco; d.o.o.
Author: Mario Janković, tWenty
Author URI: http://mariojankovic.com
*/

.alignleft { background-color: #E6E6E6; padding: 5px; border: 1px solid #CCC; float: left; margin-right: 10px; margin-bottom: 5px; }
.twitter_btn a { background-image: url(images/twitter_ikona.gif); height: 75px; width: 200px; display: block; background-position: left bottom; background-repeat: no-repeat; margin-right: 10px; float: left; }
.twitter_div { min-height: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#twitter_update_list { margin: 0px; padding: 0px; list-style-position: outside; width: 480px; float: left; }
#twitter_update_list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-top: 10px; padding-bottom: 10px; }
.desni_boxovi { width:220px; display:inline; float:right; margin-right:20px; margin-left:20px; vertical-align: baseline; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; position:relative; }
.widgets_box { width:220px; float:right; }
/* NOVO */
/* Layout Specific Styles ==============================    */  


body { color: #333333; background: #333333/*#012239 url(images/bozicbg1.jpg) left top repeat-x;*/ }
#wrapper { padding: 15px 0; /*background: url(images/bozicbg2.jpg) center top no-repeat;*/ }
a { color: #FF6600; text-decoration: none; }
a:hover { text-decoration: underline; color: #333; }
.clear-block { display: block; clear: both; height: 0px; overflow: hidden; }
.top-bar { background: #FFFFFF; height: 9px; }
#container { width: 980px; margin: auto; background-color:#FFFFFF; background-position: center top; }
/* Header ==============================    */  

#header { width:980px; height:230px; position:relative; background-position:left top; z-index: 999; background-image: url(images/brucos_header.jpg); background-repeat: no-repeat; }
h1.site-logo a { display:block; overflow:hidden !important; width:43px; margin-left: 41px; background-repeat: no-repeat; padding-top: 170px; }
.slogan { width:164px; height:47px; background:url(images/brucos_slogan.gif) no-repeat; position:absolute; top:70px; left:110px; }
.prijava_button { width:220px; height:75px; float:right; background: url(images/postani_brucos_button_off.gif) no-repeat; position:absolute; top:72px; left:740px; }
div.prijava a:hover { background: url(images/postani_brucos_button_on.gif) }
/* Navigation  */  

#navigation { font-family: Arial, Helvetica, sans-serif; }
#navigation li { float: left; margin-left: 20px; }
#navigation a { display: block; text-indent: 10px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
#navigation a:hover { color:#000000; }
#navigation a:current {
color:#000000;
}
#submenu { font-family:Arial, Helvetica, sans-serif; font-size:15px; }
#submenu li { float: left; }
#submenu ul { display:inline; }
#submenu a { display: block; padding-right:5px; font-weight:400; color: #666666; text-decoration:none; }
#submenu a:hover { color:#000000; }
#desna_navigacija { float: left; margin-left: 20px; margin-right:20px; width: 220px; margin-top:15px; margin-bottom:20px; }
#desna_navigacija ul { line-height: 25px; font-size:14px; }
#desna_navigacija a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#FF6600; }
#desna_navigacija a:hover, #desna_navigacija a.active { color: #000000; }
.ponuda_button { background: url(images/posebna_ponuda_button_off.gif) no-repeat; height:75px; width:220px; display: block; }
div.ponuda a:hover { background: url(images/posebna_ponuda_button_on.gif) no-repeat; }
.pitaj_button { background: url(images/pitaj_brucos_button_off.gif) no-repeat; height:75px; width:220px; display: block; }
div.pitaj a:hover { background:url(images/pitaj_brucos_button_on.gif) no-repeat; }
.newsletter_button { background: url(images/prijava_newsletter_gumb_off.gif) no-repeat; height:75px; width:220px; display: block; }
div.newsletter a:hover { background: url(images/prijava_newsletter_gumb_on.gif) no-repeat; }
.twitter_button { background: url(images/twitter_icon_sidebar.gif) no-repeat; height:50px; width:220px; display: block; margin-top: 15px; }
#footer { height:111px; margin-top: 30px; position:relative; background-color: #666666; background-image: url(images/brucos_footer.jpg); background-repeat: no-repeat; background-position: left top; }
.logo_1c { width:26px; margin-left:40px; }
.kontakt_podaci { width:400px; margin-top:40px; display:inline; position:absolute; left:80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#FFFFFF; }
.prava { width:300px; margin-top:50px; display:inline; position:absolute; left:735px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#FFFFFF; }
.hidden { display: none; }

/* Dropdown menu  */  
.traka_menu { margin: 0px; padding-top: 0; padding-right: 15px; padding-bottom: 0; padding-left: 15px; }
#dropmenu, #dropmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; width:100%; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
#dropmenu a { display:block; color:#FFF; text-decoration:none; padding-top: 10px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; }
#dropmenu a:hover { color:#000; }
#dropmenu li { float:left; position:relative; }
#dropmenu ul { border: 1px solid #CCC; background-color: #F3F3F3; position:absolute; display:none; left: 10px; width: 262px; }
#dropmenu li ul a { height:auto; float:left; background-color: #E6E6E6; width: 250px; font-size: 14px; color: #666; padding: 6px; font-weight: normal; }
#dropmenu li ul a:hover { background-color: #CCC; }
#dropmenu ul ul { }
#dropmenu li ul ul { left:262px; margin:0px; padding: 0px; top: -1px; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; }
.fb_likebox { margin-top: 20px; }
.content_l { float: left; width: 720px; }
.content_r { float: right; width: 260px; }
.content_bg { background-color: #FFF; float: left; }
.innerfade { padding-bottom: 20px; }
.dev_info a { color: #FFF; }
.dev_info a:hover { text-decoration: underline; }