/*   
Theme Name: pani themes
Description: Create dGlance team
Author URI: http://ru.dglance.com/
Version: 1.0
*/


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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	border: 0;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:none;
}

body{
	font-family: inherit;
	font-style: inherit;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover {
    cursor: pointer;
}
#search_block_form
:focus {/* remember to define focus styles! */
	outline: 0;
}

ol, ul {
	padding-left:20px;
}
#sidebar ol, ul {
	list-style: none;
	padding-left:0;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

p{
	margin-bottom:10px;
    text-align: justify;
    font-weight: 300;
    color: #000;
}
div {box-sizing: border-box;}
.hide {display: none;}
.date_post p {
	margin-bottom:0;
}
.clear {clear:both;}
.alignleft {float:left;}
.alignright {float:right;}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url,
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: 'Roboto Condensed', sans-serif;
}

/* =Structure
----------------------------------------------- */

body {width:100%;background:#f2f2f2;}
.w1100 {
    width: 1100px;
    margin: 0 auto;
}
#slider_home {width:100% !important;overflow-x: hidden;}
#header{
    width:100%;
    background: url(images/head_ornament.jpg) repeat-x left top #fff;
    min-height: 94px;
    padding-top: 36px;
}
    
    #logo {
        float:left;
        width:284px;
        height: auto;
    }
    #menu {
        float: right;
    }
        #menu ul {margin-top:16px;}
        #menu ul li {display: inline-block;}
        #menu ul li a {
            color: #666;
            font-size: 18px;
            font-weight: 300;
            margin: 0 12px;
            text-transform: uppercase;
        }
        #menu ul li a:hover,
        #menu ul li.current-menu-item a {color:#000}

#conteiner {}
    .content_home{
        margin: 50px 0;
    }
        .title_content {
            font-size: 30px;
            color: #000;
            text-transform: uppercase;
            font-weight: 300;
            text-align: center;
            background: url(images/title_ornament.png) no-repeat center center;
            margin: 20px 0 30px;
        }
        .item, .item_last {
            max-width: 260px;
            height: 500px;
            background: url(images/item_foot_bg.jpg) repeat-x left bottom #fff;
            float: left;
            margin-bottom: 20px;
        }
        .item {margin-right:20px;}
        .item_last {
            margin: 0;
        }
            .item_img {
                width: 260px;
                height: 350px;
                display: block;
                margin-bottom: 20px;
            }
            .item_info {
                padding: 20px;
                background: url(images/item_info_bg.jpg) no-repeat center  top;
                text-transform: uppercase;
            }
                .item_title {
                    font-size: 22px;
                    color: #000;
                }
                .excerpt {
                    color: #ff0000;
                    font-size: 13px;
                    font-weight: 300;
                }
    .home_description {margin: 40px 0;}
        .home_description p {
            color: #000;
            font-weight: 300;
            font-size: 16px;
            text-align: justify;
        }
        
.content {
    float: right;
    width: 820px;
}

    .contact_boxes {
        float:left;
        width: 210px;
    }
        .box1 {
            font-weight: 300;
            font-size: 16px;
            padding-left: 10px;
            border-left: 2px solid red;
            margin-bottom: 15px;
        }
    .map {
        padding: 10px;
        background: #fff;
        float: right;
        width: 610px;
    }
    
.pagination {
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}
    .pages {color: #ccc;}
    .pagination .current {color: red;margin: 0 8px;}
    .pagination a {color: #666;margin: 0 8px;}

/*********** SINGLE **************/

.w396 {width: 396px;}
.w372 {width: 372px;}
    .single_title {
        color: #000;
        font-size: 22px;
        font-weight: 300;
        text-transform: uppercase;
    }
    .article {
        color: #000;
        font-weight: 300;
        font-size: 16px;
    }
    .price_button {
        display: table;
        margin: 12px 0;
        width: 100%;
    }
    .price {font-size: 34px;width: 40%;font-weight: 700;}
    .buy_button {
        background: url(images/buy.jpg) no-repeat;
        color: #fff;
        text-align: center;
        width: 190px;
        height: 50px;
        padding: 12px 0;
    }
    .full_excerpt {
        margin: 20px 0 0px;
    }
                .full_excerpt p {
                    color: #ff0000;
                    font-size: 14px;
                    font-weight: 300;
                }
    .features {
        background: #fff url("images/item_foot_bg.jpg") repeat-x scroll left bottom;
        width: 100%;
        padding: 20px;
        margin: 30px 0;
    }
    .line {line-height: 36px;}
        .big {text-transform: uppercase;}
        .gray {color: #737373}
        .line select {
            padding: 4px 6px;
            border:  1px solid #ccc;
            float: right;
            width: 78%;
            margin: 4px 0;
        }
        .table a {
            font-weight: 300;
            font-size: 21px;
            text-decoration: underline;
            margin: 20px 0;
            display: table;
        }
        #lbp-inline-href-1 {max-width: 670px;}
        #lbp-inline-href-1 td {
            border: 1px solid #d9d9d9;
            padding: 4px 10px;
        }
.big_img img {width:396px; height: auto;}
.small_img {float: left;margin-right:1px;}
    .small_img img {width:98px; height: 132px;}

/************ AJAX ZAKAZ ************/
.form_overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: auto;
    left: 0;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.zakaz {
    margin: 0 auto;
    width: 25%;
    z-index: 9999;
}
.zakaz .head {
    background: red;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 60px;
    position: relative;
}
.zakaz .head span {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    padding: 18px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
}
.form-label {
    color: #737373;
    font-size: 14px;
    line-height: 21px;
}
.form-field input {
    border: 1px solid #9CAFDA;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 3px 0;
    padding: 6px 8px;
    width: 320px;
}
.form-message textarea {
    border: 1px solid #9CAFDA;
    font-family: 'Roboto Condensed', sans-serif;
    height: 100px;
    margin: 3px 0;
    padding: 6px 8px;
    width: 320px;
}
.buy-button input[type="submit"] {
    background: red;
    border: medium none;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    margin: 10px 0 0;
    padding: 6px 10px;
    text-align: center;
    text-transform: uppercase;
}
.buy-button input:hover {
    cursor: pointer;
    background: #ef0000;
}
.wpcf7 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 20px 20px 30px !important;
}
.close a {
    color: #FFFFFF;
    font-size: 21px;
    height: 22px;
    position: absolute;
    right: 12px;
    top: 18px;
    width: 23px;
}
div.wpcf7-response-output {
    border: medium none !important;
    font-size: 13px !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    width: 330px !important;
}

.close a:hover,
a.buy_button:hover {
    cursor: pointer;
}

/********* SIDEBAR *********/

.left_sb {
    width: 262px;
    float: left;
}
#sidebar {
    
    /*background: #fff url("images/item_foot_bg.jpg") repeat-x scroll left bottom;*/
    padding: 30px 20px 40px;
    background: #fff url("images/sb_footr.jpg") repeat-x scroll left bottom;
}
.primer {
    background: url("images/prim_foot.png") repeat-x scroll left bottom #e2e2e2;
    padding: 20px 20px 25px;
}
    .primer a{
        color: #000;
        font-size: 22px;
    }
    #widgets {
        background: url(images/item_info_bg.jpg) no-repeat center top;
        padding: 20px 0 0;
    }
        ul#menu-menyu {}
        ul#menu-menyu li {
            padding: 10px 0 11px;
            background: url(images/dots.png) no-repeat center bottom;
        }
        ul#menu-menyu li a {
            color: #000;
            font-size: 22px;
        }
        ul#menu-menyu li a:hover,
        .current-menu-item a {color:red !important}

      
#footer {
    background: url(images/footer_bg.jpg) repeat-x left top #fff;
    width: 100%;
    min-height: 90px;
    padding-top: 36px;
    margin-top: 40px;
}
    .copy {
        float:left;
        margin-left: 40px;
        color: #666;
        font-size: 16px;
        font-weight: 300;
        padding-top: 5px;
    }
    #menu_copy {float: right;padding-top: 5px;}
        #menu_copy ul {}
        #menu_copy ul li {display: inline-block;}
        #menu_copy ul li a {
            color: #666;
            text-decoration: underline;
            margin: 0 14px;
            font-weight: 300;
        }
        #menu_copy ul li a:hover,
        #menu_copy ul li.current-menu-item a {
            text-decoration: none;
            color: red;
        }