/*
* Template: Sukces - Light color scheme
* Author: purethemes
* Version:  1.0
* URL: http://themeforest.net/user/purethemes/
*/

.front-page{
    background: #fff;
}

#left-wing {
    background: url("../images/left-wing.png") no-repeat scroll right bottom transparent;
}

#right-wing {
    background: url("../images/right-wing.png") no-repeat left bottom transparent;
}

.topbar {
    background: #fff;
}
.topbar:after {
    border-bottom: 1px solid #efefef;
}
.top .row{
    background: #fff;
    border-bottom: 2px solid #e1e1e1;
}
#social-ico-twitter,
#social-ico-facebook,
#social-ico-pinterest,
#ico-phone,
#ico-mail,
#social-ico-rss {
    background-image:url('../images/icons.png');
}

#ico-phone, #ico-mail  {
    background-color: #dddddd;
}

.search-box {
    border:1px solid #ddd;
}



/* ============================== */
/* 2.3 Navigation
/* ============================== */

#navigation ul ul {
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

#navigation ul ul li a {
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
}

#navigation ul ul li:hover>ul {
    background: #fff
}

/* ============================== */
/* 3.0 Repeatable Patterns
/* 3.1 Typography
/* ============================== */
h1, h2, h3, h4, h5, h6 {
    color: #444;
}
h3 span {
    color: #bbb;
}
h5 {
    color: #999;
}

h1 a {
    color: #444;
}

h2 a {
    color: #444;
}

p.lead {
    color: #777;
}

hr {
    border: solid #ddd;
}


textarea,
input {
    border:1px solid #ddd;
    color:#a7a7a7;
    -webkit-box-shadow: inset 0px 1px 2px 0px #eee;
    -moz-box-shadow: inset 0px 1px 2px 0px #eee;
    box-shadow: inset 0px 1px 2px 0px #eee;
}


.top-line{border-top: 1px solid #f3f3f3;}


/* ============================== */
/* 4.0 Content
/* ============================== */

#page-title {
    border-bottom:1px solid #f3f3f3;
}

.info-bar{
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background: #fff;
}
.bar {
    border-top: 1px solid #efefef;
}


.content h2 span, .info-bar h2 span, .news h2 span{
    color:#bbb;
}

.clients-jc {
    border:2px solid #f3f3f3;
}

.clients-jc li {
    border:1px solid #f3f3f3;
}
.clients-jc  li:first-child{
    border-left: 1px solid #f3f3f3;
}



/* ============================== */
/* 4.1 Tag list Sidebar & Blog Entry
/* ============================== */

#tags   {
    border-top: 1px solid #f3f3f3;
}

#tags ul.tags-list {
    background:url("../images/icons.png") no-repeat 0px -95px;
}
ul.tags-list li a {
    color: #999;
    background: #f3f3f3;
}
ul.tags-list  li a:hover {
    color:#f3f3f3;
    background: #999;}


    #post-nav{
        border-top:1px solid #f3f3f3;
        border-bottom:1px solid #f3f3f3;
    }


/* ============================== */
/* 4.2 Entry navigation
/* ============================== */


#post-nav div.post-prev{
    border-right:1px solid #f3f3f3;
}

div.comment-body .comment-reply{
    background-image: url("../images/icons.png");
}

/* ============================== */
/* 4.3 Comments
/* ============================== */

.discussion {
    background: url('../images/spacer.gif') repeat-y 30px;
}
.discussion:before {
    background: #FFFFFF;
}
.children li:before {
    background: url("../images/spacer.gif") repeat-x scroll 0 0 transparent;
}
.children li:last-child:after {
    background:  #FFFFFF;
}

table.standard-table th {
    border: 1px solid #EEEEEE
}
table.standard-table td:last-child {
    border-right: 1px solid #EEEEEE ;
}

table.standard-table th:last-child {
    border-right: 1px solid #EEEEEE ;
}

table.standard-table td {
    border: #eee 1px solid;
}
table.standard-table tr:hover td {background-color: #fafafa ;}

/* ============================== */
/* 5.0 Sidebar
/* ============================== */


#content-widget .tabs li a {
    background-color:#f3f3f3;
    border:1px solid #f3f3f3;
    color:#ffffff;
}

#content-widget .tabs li a .last-posts-ico{
    background:url('../images/icons.png') no-repeat -270px -21px;
}
#content-widget .tabs li a .tags-ico{
    background:url('../images/icons.png') no-repeat -292px -21px;
}
#content-widget .tabs li a .comments-ico{
    background:url('../images/icons.png') no-repeat -311px -21px;
}
#content-widget .tabs li.active a .last-posts-ico, #content-widget ul li:hover a .last-posts-ico{
    background:url('../images/icons.png') no-repeat -270px 2px;
}
#content-widget .tabs li.active a .tags-ico, #content-widget .tabs li:hover a .tags-ico{
    background:url('../images/icons.png') no-repeat -292px 2px;
}
#content-widget .tabs li.active a .comments-ico, #content-widget .tabs li:hover a .comments-ico{
    background:url('../images/icons.png') no-repeat -311px 2px;
}

#sidebar h4 a span, #comments h4 a span{
    color:#bbb;
}

.standard-widget s{
    border-top:1px solid #f3f3f3;
}

.standard-widget ul {
    list-style-image: url("../images/sidebar-circle.png");
}

/* ============================== */
/* 6.0 Shortcodes
/* ============================== */

blockquote,
.quote{
    border: 2px solid #f3f3f3;
}

blockquote:before {
    background:url('../images/shortcodes.png') no-repeat 0px 0px;
}

.quote i, .alert i, .warning i, .success i, div.accordion h4 i{
    background-image:url('../images/shortcodes.png') ;
}

.entry ul.tabs li {
    background: #eee;
}
.entry ul.tabs li.active{
    color: #dcb574;
    background: #fff;
    border:2px solid #eee;
}
.entry ul.tabs li.active{
    border-bottom: none;
}
.entry .tabs-content{
    border:2px solid #eee;
    border-top: none;
    color: #999999;
}
div.accordion h4{
    background: #eee;
}

div.accordion h4.active{
    background: #fff;
    border:2px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

div.accordion div {
    border: 2px solid #eeeeee;
}

/* ============================== */
/* 7.0 Footer
/* ============================== */

.footer{
    background:#f3f3f3;
    border-top: 1px solid #e1e1e1;
    -webkit-box-shadow: inset 0px 1px 1px 0px #e1e1e1;
    -moz-box-shadow: inset 0px 1px 1px 0px #e1e1e1;
    box-shadow: inset 0px 1px 1px 0px #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.footer .twitter{
    border-top:1px solid #ddd;
}
.callus {
    color: #444444;
}

.footer input, textarea, .content-form input, textarea{
    border:1px solid #ddd;
    color:#a7a7a7;
    -webkit-box-shadow: inset 0px 1px 2px 0px #eee;
    -moz-box-shadow: inset 0px 1px 2px 0px #eee;
    box-shadow: inset 0px 1px 2px 0px #eee;
}

#error404 {
    border-bottom: 1px solid #efefef;
}

.error {
    background: #FFE9E2 !important;
    border: 1px solid #E08686 !important;
    color: #E08686 !important;
}


#submit {
    -moz-box-shadow: 0px 1px 2px 0px #bdbdbd;
    -webkit-box-shadow: 0px 1px 2px 0px #bdbdbd;
    box-shadow: 0px 1px 2px 0px #bdbdbd;
}


/* ============================== */
/* 7.1 Footer bottom
/* ============================== */

.footer-bottom {
    background: #fff;
    -webkit-box-shadow: 0px -1px 1px 0px #e1e1e1;
    box-shadow: 0px -1px 1px 0px #e1e1e1;
    color:#999999;
}

.team .desc,
.portfolio-item .desc{
    background: #f3f3f3;
}

#portfolio-paging .paging li a, .next-prev-page li a{
    background: #f3f3f3;
    color:#ccc;
}
#portfolio-paging .paging li a:hover, .next-prev-page li a:hover,
#portfolio-paging .paging li.active a, .next-prev-page li.active a {
    color:#fff;
    background: #ccc;
}
.view-all {
    background: #f3f3f3;
    color: #999999;
}
.view-all:hover {
    color: #444
}
.contact-info {
    background: #f3f3f3;
}

.aside{
    background: #f3f3f3;
}


/* ============================== */
/* 8.1 Filters
/* ============================== */


ul#filters li a {
    color: #999;
    background: #f3f3f3;
}
ul#filters li a.selected,
ul#filters li a:hover {
    color:#f3f3f3;
    background: #999;
}

/* ============================== */
/* 9.0 FlexSlider
/* ============================== */
.flex-direction-nav a {
    background: url("../images/arrows.png") no-repeat 0 0 #F3F3F3;
}

.flexslider .flex-next:hover { background: url("../images/arrows.png") no-repeat scroll -11px -21px #CCCCCC !important }
.flexslider .flex-prev:hover { background: url("../images/arrows.png") no-repeat scroll 7px -21px #CCCCCC !important }

.flex-control-paging li a {
    box-shadow: 0 0 0 2px #CCCCCC;
}

/* ============================== */
/* 11.0 Pricing tables
/* ============================== */


.pricing-table h3 {
    background: #333333;
    color: #fff;
}

.pricing-table h4 {
    background: #222222;
}


.pricing-table ul {
    background: #fff;
}

.pricing-table li:nth-child(odd) {
    background: #f3f3f3;
}
.pricing-table li:nth-child(even) {
    background: #e6e6e6;
}

/* ============================== */
/* 12.0 Blog & News
/* ============================== */

#entry-list .entry{
    border-bottom: 1px solid #f3f3f3;
}

ul.entry-info li {
    color:#bbb;
}
ul.entry-info li {
    color:#bbb;
}

.social-container, .thumb-container{
    background: #f3f3f3;
}

.social-container h5 {
    color:#444;
}

.next-prev-page li a{
    background-color: #F3F3F3;
    background-image: url("../images/arrows.png");
    color: #CCCCCC;
}
#entry-paging .paging li a {
    background-color: #F3F3F3;
    color: #CCCCCC;
}

#entry-paging .paging li a:hover,
#entry-paging .paging li.active a{
    color:#fff;
    background: #ccc;
}

/* ============================== */
/* 14.0 Slider
/* more in /skins/sukces/skin.css
/* ============================== */

.slider-container {
    border-bottom: 1px solid #ebebeb;
}
.slider-container:after {
    border-bottom: 1px solid #e1e1e1
}

.ls-nav-prev,
.ls-nav-next,
.ls-sukces .ls-nav-prev,
.ls-sukces .ls-nav-next,
.ls-sukces .ls-nav-start,
.ls-sukces .ls-nav-stop {
    background-image: url("../skins/sukces/skin.png"); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;
}
.ls-sukces .ls-nav-sideleft {
    background: url("../skins/sukces/skin.png") no-repeat scroll -258px 4px transparent;

}

.ls-sukces .ls-nav-sideright {
    background: url("../skins/sukces/skin.png") no-repeat scroll -282px -61px transparent;

}

.ls-sukces .ls-bottom-slidebuttons {
    background: #fff;
    padding:5px 10px 0px;
    border-top: 1px solid #e1e1e1
}
.ls-nav-prev,
.ls-nav-next {
    background-color: #DDDDDD;
}
.ls-nav-next:hover,
.ls-nav-prev:hover {
    background-color: #ccc
}