/*
Theme Name: IIHA
Author: OTC Solutions
Author URI: http://www.otc.co.rs/
Description: IIHA 2013 theme
*/

body { font-family:'PT Sans','Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 14px; padding: 0; margin: 0; color: #787878; }
a { text-decoration: none; color: #006829; }
a:focus { outline: 0; }
abbr { cursor: help; }

.left { float: left; }
.right { float: right; }
.alignleft { display: inline; float: left; margin-right: 10px; margin-bottom: 10px; }
.alignright { display: inline; float: right; margin-left: 10px; margin-bottom: 10px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.none { display: none; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menu { margin: 0; padding: 0; }
.menu li { margin: 0; padding: 0; display: inline; }

.section {  width: 980px; margin: 0 auto; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; background: #fff; }
.row { width: 960px; overflow: hidden; }
.row .row { width: auto; display: inline-block; }
.col { overflow: hidden; float: left; display: inline; }
.col-4 { width: 960px; }
.col-3 { width: 720px; }
.col-2 { width: 480px; }
.col-1 { width: 240px; }

#header { background: url(img/header.png) no-repeat; height: 257px; position: relative; }
#header .logo { position: absolute; top: 14px; left: 400px; width: 180px; height: 235px; background: url(img/logo.png) no-repeat; }
#header .name { position: absolute; top: 80px; left: 0; width: 420px; text-align: center; margin: 0; }
#header .name a { color: #fff; font-size: 32px; }
#header .description { position: absolute; top: 120px; left: 0; width: 420px; text-align: center; color: #d2d2d2; margin: 0; font-size: 22px; }
#header .description a { color: #d2d2d2; font-size: 22px; }
#header .location { position: absolute; top: 80px; right: 20px; width: 380px; color: #d2d2d2; text-align: right; margin: 0; font-size: 22px; }
#search { position: absolute; top: 124px; right: 16px;  }
#search input { background: url(img/search.png) no-repeat; border: 0; height: 22px; width: 156px; padding: 4px 26px 4px 8px; }
#header .menu { font-size: 0; } 
#header .menu a { height: 42px; line-height: 42px; font-size: 14px; color: #767878; font-weight: bold; display: inline-block; width: 100px; text-align: center; overflow: hidden; }
#header .menu a:hover { color: #000; }
#menu-left { position: absolute; bottom: 3px; left: 0; overflow: hidden; }
#menu-right { position: absolute; bottom: 3px; right: 0; overflow: hidden; }

#page { padding: 20px 10px 10px 10px; width: 960px; background: #f8f8f8; }
#content { }

#main { min-height: 400px; }
/* home */
.home #page { padding-top: 10px; }
#slider { position: relative; height: 360px; margin-bottom:15px; background: #fff; cursor: pointer; }
#slide { display: block; position: absolute; top: 0; left: 0; width: 720px; height: 360px; background: #f0f0f0; text-align: center; }
#slide .attachment-slide { position: absolute; top: 0; left: 0; width: 720px; height: 360px;  }
#slide .mask { position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: #000; opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
#slide .title { position: absolute; top: 280px; left: 15px; right: 15px; margin: 0; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#slide .excerpt { position: absolute; top: 310px; left: 15px; right: 15px; line-height: 1.2em; height: 2.4em; overflow: hidden; font-size: 14px; color: #fff; }
#slide .attachment-thumbnail { display: none; }
#slide .category { display: none; }
#slides { position: absolute; top: 0; right: 0; width: 240px; height: 360px; }
#slides .slide { display: block; position: relative; height: 90px; background: url(img/slide.png) repeat-x; }
#slides .slide-active { background: url(img/slide-active.png) repeat-x; }
#slides .attachment-thumbnail { position: absolute; top: 10px; left: 10px; width: 88px; height: 66px; background: #fff; }
#slides .attachment-large { display: none; }
#slides .title { display: block; position: absolute; margin: 0; top: 10px; left: 108px; right: 10px; color: #f0f0f0; font-size: 13px; line-height: 1.2em; height: 4.8em; overflow: hidden; }
#slides .attachment-slide { display: none; }
#slides .excerpt { display: none; }
#main .row-home-news { background: url(img/news-col.png) repeat-y; margin-bottom: 10px; }
#main .col-home-news { width: 210px; padding: 0 10px; margin: 0 10px 0 0; }
#main .col-home-news a { display: block; }
#main .col-home-news h2 { font-size: 16px; line-height: 1.3em; height: 62.4px; margin: 0 0 10px 0; overflow: hidden; }
#main .col-home-news .img { text-align: center; background: #fff; width: 160px; margin: 0 auto; border: 1px solid #ddd; }
#main .col-home-news .img img { display: block; margin: 0 auto; }
#main .col-home-news p { font-size: 13px; color: #787878; font-weight: bold; margin: 10px 0; }
#main .col-home-latest { width: 210px; margin: 0 10px; padding-right: 20px; }
#main .col-home-latest h2 { margin: 0; font-size: 16px; line-height: 1em; padding-bottom: 10px; color: #006829; border-bottom: 1px solid #e6e6e6; }
#main .col-home-latest a { display: block; color: #787878; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6; padding: 6px 0; }
#main .col-home-latest .date { font-size: 11px; }
#main .col-home-latest h3 { font-size: 13px; margin: 3px 0 0 0; }
#main .col-home-latest .links { border-top: 1px solid #fff; padding: 6px 0; }
#main .col-home-latest .links a { width: 104px; float: left; border-bottom: 0; border-top: 0; padding: 0; }
#main .col-home-latest .feed { text-indent: 30px; border-right: 1px solid #e6e6e6; background: url(img/feed.png) 5px center no-repeat; }
#main .col-home-latest .all { text-indent: 15px; border-left: 1px solid #fff; }
#main .col-home-tv { width: 460px; margin-right: 10px; }
#main .col-home-tv h2 { font-size: 16px; line-height: 1em; color: #006829; margin: 0; padding: 0 0 10px 0; border-bottom: 1px solid #e6e6e6; }
#main .col-home-tv h3 { font-size: 14px; line-height: 1em; margin: 0; padding: 10px 0; border-top: 1px solid #fff; }
#main .col-home-tv p { margin: 0; }
/* post */
#main .post { margin: 0 20px 0 0; }
#main .post h1 { font-size: 28px; margin: 0 0 10px 0; color: #006829; }
#main .post .date { margin: 10px 0; font-size: 11px; }
#main .post .img { background: #fff; }
#main .post .img img { display: block; max-width: 700px; margin: 0 auto; }
/* list */
#main .list { margin: 0 20px 0 0; }
#main .list h1 { font-size: 28px; margin: 0 0 10px 0; color: #006829; }
#main .list h2 { font-size: 16px; color: #006829; border-bottom: 1px solid #e6e6e6; margin: 0; padding: 3px 0; }
#main .list h2 span { font-size: 12px; color: #666; float: right; line-height: 28px; font-weight: normal; }
#main .list .list-item { display: block; }
#main .list .excerpt { border-top: 1px solid #fff; padding: 6px 0; margin-bottom: 10px; }
#main .list .excerpt .img { float: left; margin: 0 10px 10px 0; background: #fff; }
#main .list .excerpt p { margin: 0; color: #787878; }
#main .list .pagination { text-align: right; }
#main .list .pagination .page-numbers { margin: 0 2px; }
#main .list .pagination .current { color: #000; }
/* forms */
.wpcf7-form { padding: 0 10px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
.wpcf7-form strong { font-size: 14px; }
.wpcf7-form em { font-size: 13px; }
.wpcf7-form .wpcf7-list-item { display: block; line-height: 1.5em; }
.wpcf7-form input[type="text"]:focus { border: 1px solid #aaa; }
.wpcf7-form input[type="text"] { padding: 2px 4px; border: 1px solid #ccc; color: #787878; width: 400px; }
.wpcf7-form input[type="text"]:focus { border: 1px solid #aaa; }
.wpcf7-form input[type="email"] { padding: 2px 4px; border: 1px solid #ccc; color: #787878; width: 400px; }
.wpcf7-form input[type="email"]:focus { border: 1px solid #aaa; }
.wpcf7-form textarea { padding: 2px 4px; border: 1px solid #ccc; color: #787878; width: 400px; }
.wpcf7-form textarea:focus { border: 1px solid #aaa; }
/* shop */
#main .shopping-cart-items { margin: 0; padding: 0; background-color: #c0c0c0; border: 20px solid #c0c0c0; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
#main .shopping-cart-items h2 { margin-top: 0; }
#main .shopping-cart-items li { margin: 20px 0; overflow: auto; border: 1px solid #b0b0b0; background-color: #fff; }
#main .shopping-cart-items .item-wrap { border: 1px solid #888; padding: 20px; }
#main .shopping-cart-items li img { float: right; margin-left: 20px; margin-bottom: 20px; }
#main .shopping-cart-items form select { width: 100px; padding: 5px; margin: 10px; background-color: #fff; border: 1px solid #ccc; font-size: 15px; font-weight: normal; line-height: normal; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#main .shopping-cart-items .button { display: inline-block; padding: 4px 10px; font-size: 15px; text-align: center; vertical-align: middle; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); }

#sidebar .widget { background: #015622 url(img/widget.png) repeat-x; padding: 6px; margin-bottom: 10px; color: #767878; }
#sidebar .widget h3 { background: #015622 url(img/widget-title.png) repeat-x; margin: 0; height: 34px; width: 214px; padding: 6px; margin-bottom: 6px; }
#sidebar .widget span { display: inline-block; vertical-align: middle; line-height: 17px; }
#sidebar .widget p { color: #ddd; margin: 0 6px; line-height: 1.7em; font-size: 13px; }
#sidebar .widget a { color: #ddd; }
#sidebar .widget a:hover { text-decoration: underline; }
#sidebar .social { display: block; }
#sidebar .social img { margin-top: -43px; }

#footer .widget { text-align: center; padding: 16px 0; }
#footer .widget p { margin: 0; }
#footer .widget img { margin: 0 20px; vertical-align: middle; }
#footer .copyright { background: url(img/footer.png) repeat-x; height: 53px; line-height: 53px; color: #767878; text-align: center; }