/*****************************
*       GENERAL
*****************************/


* { margin: 0; padding: 0; }
html { font: 12px/18px "Open Sans", Arial, sans-serif; font-weight: 300; min-width: 940px; }

strong, h1, h2 { font-weight: 800; }

#footer strong { font-size: 8px;}


body { margin: 0 auto; text-align: center; background: #fff /*url(img/content.gif) repeat-y top center*/; color: #2f2f2f; padding: 0; overflow-y: scroll; min-width: 940px; }

body#body_kako-do-nas { background: url(img/bg-kako-do-nas.jpg) no-repeat center 162px; }
body#body_kako-do-nas .content.main {width: 440px; margin-left: 240px; min-height: 475px;}

body#body_cjenik { background: url(img/bg-cjenik.jpg) no-repeat center 162px; }
body#body_cjenik .content.main {width: 440px; margin-left: 240px; min-height: 475px;}

body#body_suradnja { background: url(img/bg-suradnja.jpg) no-repeat center 162px; }
body#body_suradnja .content.main {width: 440px; margin-left: 240px; min-height: 1258px;}

body#body_proizvodi { background: url(img/bg-proizvodi.jpg) no-repeat center 162px; }
body#body_proizvodi .content.main {width: 310px; margin-left: 210px; min-height: 475px;}

body#body_tim .content.main { margin-left: 180px;  }
body#body_galerija .content.main { margin-left: 0px; width: 940px; }

body#body_o-nama .content.main { display: none; }


.content.main { margin-top: -20px; padding-top: 30px;}

#main_title { display: none; }

.price { text-align: right; width: 100px; }

#gallery_card_holder { float: left; background: red; min-width: 255px; overflow: hidden; }

.gallery_card.flexi { overflow: hidden;}
.gallery_card { float: left; width: 315px; height: 475px; background: red; position: relative; }
.gallery_card .gallery_title { position: absolute; top: 80px; left: 40px; text-align: left; font-size: 16px; line-height: 28px;  font-weight: 300; font-style: italic; }
.gallery_card .gallery_title strong { font-weight: 600; font-style: italic; }
.homepage { background: #fff; width: 280px; padding: 80px 30px 0 60px; float: left; height: 435px; }
.gallery_card .gallery_title span {  background: #fff; padding: 2px; }

p, dl, ol, ul, .flash { margin-bottom: 15px; }

h1, h2, h3 { clear: left;  }

h1 { font-size: 13px; line-height: 28px; font-weight: bold; text-transform: uppercase;}
h1.large { font-size: 36px; }
h2 { font-size: 13px; line-height: 28px; /*text-decoration: underline;*/ }
h3 { font-size: 14px; font-weight: bold; }
a img { border: 0; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }

img.img { margin-bottom: 15px; }

.container { width: 940px; text-align: left; margin: 0 auto; /*background: #ccc; overflow: auto;*/ }

#open_homepage {clear: left; height: 475px; min-width: 960px; margin-top: -20px; }

#open_gallery {  clear: left; overflow: hidden; position: relative; width: 100%; height: 300px; margin-bottom: 50px; }

#gallery_content {overflow: scroll; text-align: center; margin: 0 auto; }


/*
#my-list.nojs { display: inline; height: 300px; margin: 0 auto; }
#my-list.nojs li { display: inline; float: left; }
*/

#my-list { margin: 0 auto;}

.gallery img { margin-bottom: 10px;}
.gallery a { display: block;  }
.gallery a:hover { text-decoration: none; }

#header { width: 940px; position: relative; z-index: 1000; padding-top: 32px; }
#header #logo { float: left; width: 151px; margin-right: 29px; }

#contact-info { float: left; padding-top: 58px}
#contact-info strong { padding: 0 2px 0 10px;}

#social  {margin:0;padding:0; float: right; margin-top: 56px; }
#social li {  list-style-type: none; margin: 0; padding: 0; width: 33px; height: 33px; float: left; margin-left: 10px; }
#social li a { display: block; background: url(img/social-v2.png); text-indent: -99999px; width: 33px; height: 33px; }


#social li a:hover { background-position: 0 -33px; }
#social li#in a { background-position: -92px 0; }
#social li#in a:hover { background-position: -92px -33px; }

#social li#gp a { background-position: -46px 0; }
#social li#gp a:hover { background-position: -46px -33px; }


ul#main_nav { height: 30px; float: left; }
ul#main_nav li { list-style-type: none; float: left; height: 30px; line-height: 30px; background-repeat: no-repeat; display: block; border-left: 1px solid #c8c7c7; /* border-right: 1px solid #c8c7c7; */ padding-bottom: 20px; margin-right: 0px; }
ul#main_nav li a { display: block; /*position: relative;*/ text-decoration: none; color: #2f2f2f; /*color: #8d8e92;*/ }
ul#main_nav li a span { display: block; /*overflow-x: hidden;*/ /*text-indent: -9999px;*/ /*position: relative;*/ padding: 0 14px; text-transform: lowercase; font-size: 13px; }
ul#main_nav li.active { border-left: 2px solid #000; border-right: 2px solid #000; }
ul#main_nav li.active a { }
ul#main_nav li.active a span { }

ul#main_nav li.next-to-active { border-left: none; }

#kako-do-nas { border-right: 1px solid #c8c7c7; }

.content { /* background: #ccc url(img/container_bg.gif) no-repeat bottom left; */ float: left; clear: left; /* margin-left: 240px; */ position: relative; z-index: 500; }

.content.main { margin-top: -20px; padding-top: 30px;}

.content ul { list-style-type: none; }

.intro { font-size: 16px; line-height: 24px; text-align: left; margin-bottom: 180px; }

.mr { margin-right: 25px; }

p.last { color: #e9101b; font-weight: bold; }

.pseudo_row { margin-bottom: 20px; float: left; }
.main_col { width: 460px; margin-right: 20px; float: left; text-align: justify;  }
.side_col { width: 220px; float: left; }

.main_col ul,
.main_col ol  { margin-left: 30px; }
.main_col li  { margin-bottom: 6px; }

.main_col dt  { font-weight: bold; }
.main_col dd  { margin-bottom: 10px; }

.team-col { width: 170px; float: left; margin-right: 20px }

table { border-collapse: collapse; width: 100%; margin-bottom: 1em; }
table td, table th { vertical-align: top; margin-left: 10px; padding: 2px 20px 2px 0; width: 50px; }

.price-info { color: #ff2222;}

#footer {  font-size: 12px; line-height: 23px; float: left; clear: both; padding-top: 20px; margin-bottom: 20px; }
#footer p { margin-bottom: 0; }
#footer strong { padding: 0 2px 0 10px; font-size: 12px }


fieldset { border: 0; }

.fixme, .error { background: #fcc; border: 5px solid #f33; padding: 10px; margin-bottom: 15px;  }
.fixme h2 { color: #f33; }

.box1 { width: 176px; height: 246px; float: left; margin-right: 15px; margin-bottom: 20px;}
.box2 { width: 367px; height: 246px; float: left; margin-right: 15px; margin-bottom: 20px;}
.box3 { width: 558px; height: 246px; float: left; margin-right: 15px; margin-bottom: 20px;}

.box1.l, .box2.l, .box3.l { margin-right: 0; }

#contact_meta { margin-top: 44px; }

.field { margin-bottom: 15px; }
.field.submit input { margin-left: 140px; color: #fff; background: #e9101b; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 5px 10px; border: 0; text-transform: uppercase; font-size: 12px; letter-spacing: -1px; cursor: pointer; }
.field.submit input:hover { background: #c30e17;  }

.field label { width: 140px; display: block; float: left; }
.field input[type=text], .field textarea { border: 2px solid #d4d5d7; padding: 4px; -webkit-border-radius: 15px; -moz-border-radius: 15px;  }
.field input[type=text]:focus, .field textarea:focus { border: 2px solid #c30e17; }
.field input[type=text] { width: 200px; }
.field textarea { width: 250px; }
.field #captcha { width: 40px; }