/*
Theme Name: Violens
Author: Rasim Nasibullin
*/


/* RESET */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}

/* GENERIC */
/* main typography */
html { font-size: 62.5%; font-family:  arial, tahoma, courier, monaco, "Lucida Console", sans-serif; }
body { font-size: 1.4em; line-height: 1.6em; background:#fff; color: #383838; } /* 14px */
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
p {margin-bottom: 7px; }
h1, h2, h3, h4, h5, h6 {color: #dd7e43; }
h1 { margin: 0 0 .5em; font-size: 1.571428571428571em; } /* 22px/14px */
h2 { margin: 1.07em 0 .535em; font-size: 1.428571428571429em; } /* 20px/14px */
h3 { margin: 1.14em 0 .57em; font-size: 1.285714285714286em; } /* 18px/14px */
h4 { margin: 1.23em 0 .615em; font-size: 1.142857142857143em; } /* 16px/14px */
h5 { margin: 1.33em 0 .67em; font-size: 1em; } /* 14px/14px */
h6 { margin: 1.6em 0 .8em; font-size: 0.8571428571428571em; } /* 12px/14px */

/* forms */
textarea, input[type='text'], input[type='password'], select {
    border: 2px solid #d2d2d2;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    font-size: 1em;
    width: 500px;
}
/*textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }*/
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #f87f3d; }
input, select { cursor: pointer; }
input[type='text'], input[type='password'] { cursor: text; }
input { vertical-align:middle;}
textarea, input { padding: 5px 10px; }
input { margin:0.1em 0.3em 0.3em 0em}
select { padding: .1em 0 0 .2em; }
option { padding: 0 .4em; }

/* lists */
ul li { margin-left: .85em; list-style: disc; }
ol>li { margin-left: .85em; list-style: decimal; margin-bottom: 5px; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }

/* tables */
table {border-collapse: collapse; border-spacing: 0; }
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; padding: .8em; }

/* links */
a, a:visited { text-decoration: underline; color: #193aa9; cursor: pointer; }
a:hover,a:active, a:focus { color: #ce180f; }

/* img align */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}

/* clearfix */
.group:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* other */
.ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/sprite.png") no-repeat;
}

/* STYLES */
html, body {
    height: 100%;
    margin: 0;
}
body {
    min-width: 960px;
}
.page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url("../images/content-line.png") 50% 0 repeat-y;
}
.push {height: 35px; }
.wrapper {
    width: 940px;
    padding: 0 10px;
    margin: 0 auto;
}

/* header */
.header {
    position: relative;
    background: #090909;
}
.header .left_bg {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
.header .wrapper {
    background: url("../images/header-bg.png") 50% 0 no-repeat;
    position: relative;
    padding: 10px 10px 29px;
}
.header .logo {
    display: block;
    text-indent: -9999px;
    width: 120px;
    height: 67px;
    float: left;
    font-size: 0;
    line-height: 1px;
    background: url("../images/logo.png") 0 0 no-repeat;
}
.header .contacts {
    float: right;
    text-align: right;
}
.header .contacts p {margin: 0; line-height: 16px; }
.header .contacts p:first-child {
    font-size: 2.142857142857143em; /* 30px/14px */
    color: #dd7e43;
    text-shadow: 0 2px 1px rgba(0,0,0,0.9);
    line-height: 32px;
    margin-bottom: 18px;
}
.header .contacts a {color: #fff; }

/* menu */
.page>.menu, .page>.menu .wrapper { background: url("../images/sprite.png") 0 0 repeat-x; }
.page>.menu ul {margin: 0; }
.page>.menu ul li {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
    float: left;
}
.page>.menu ul li:first-child {margin-left: 0; }
.page>.menu ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    background: url("../images/sprite.png") 0 0 repeat-x;
}
.page>.menu ul li a:hover {background-position: 0 -30px; }
.page>.menu ul li a:active, .page>.menu ul li a.active, .page>.menu ul li.current-menu-item a {background-position: 0 -60px; }

/* main */
.main .wrapper { padding: 20px 10px 30px; }
.main .side_bar {
    float: left;
    width: 239px;
    padding: 0 10px;
}
.side_bar .services ul {margin: 0; }
.side_bar .services ul li {
    margin: 0 0 14px 0;
    padding: 0;
    list-style: none;

}
.side_bar .services ul li a {
    display: block;
    padding: 10px 6px 10px 60px;
    color: #fff;
    line-height: 16px;
    height: 32px;
    position: relative;
    text-decoration: none;
    background: url("../images/sprite.png") 0 -90px no-repeat;
    text-shadow: 0 1px 0 rgba(0,0,0,0.75);
}
.side_bar .services ul li:hover a {background-position: 0 -142px; }
.side_bar .services ul li.current-menu-item a {background-position: 0 -233px; }
.side_bar .services ul li a i {
    width: 40px;
    height: 39px;
    left: 10px;
    top: 6px;
}
.services ul li a.supply i {background-position: 0 -194px; }
.services ul li a.works i {background-position: -40px -194px; }
.services ul li a.project i {background-position: -80px -194px; }
.services ul li a.installation i {background-position: -120px -194px; }
.main .content { margin-left: 279px; }

.upload ul {
    list-style: none;
    margin: 0;
}
.upload ul li {
    list-style: none;
    margin: 0 0 7px;
}

/* sub menu */
.content ul.sub_menu { margin-bottom: 20px; }
.content ul.sub_menu li {list-style: none; }
.content ul.sub_menu li.current_page_item a {color: #ce180f;}

/* gallery */
.gallery-item>dt {float: left; }
.gallery-item>dd {margin-left: 165px !important; text-align: left; }
#fancy_title table, #fancy_title table td, #fancy_title table th {border: none; }

/* feedback */
.feedback {margin-top: 35px; padding-top: 15px; border-top: 1px solid #eaeaea }
.feedback form {width: 500px; margin-top: 20px; }
.feedback label {
    font-weight: bold;
    display: block;
}

form input,
form textarea {font-size: 14px; }
form button[type="submit"] {
    border: 1px solid #324e89;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #4163ac;
    color: #fff;
    padding: 5px 14px 6px;
    font-weight: bold;
    font-size: 1.142857142857143em; /* 16px/14px */
    cursor: pointer;
}
form .has-error input,
form .has-error textarea {
    border-color: red;
}

form button[type="submit"]:hover {
    border-color: #4a6195;
    background: #5674b5;
}
form button[type="submit"]:active {
    border-color: #c8652f;
    background: #f87f3d;
}
form .buttons {
    text-align: center;
    margin-top: 25px;
}
form .help-block {
    display: block;
    font-size: 0.8571428571428571em; /* 12px/14px */
    font-weight: normal;
}
form .help-block-error {
    color: red
}
form .help-block-success {
    color: forestgreen;
}


.msg {
    border: 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin: 7px 0;
    font-style: italic;
    width: 500px;
}
.msg.ok {
    border-color: #aeffb3;
    background: url("../images/msg-bg.png") 50%;
    color: #044609;
}
.msg.not {
    border-color: #ffa0a0;
    background: url("../images/msg-not-bg.png") 50%;
    color: #6d0c0c;
}

/* footer */
.footer {
    height: 35px;
    margin-top: -35px;
    background: #2f2f2f;
    color: #fff;
    position: relative;
}
.footer .wrapper {
    background: #2f2f2f;
}
.footer .wrapper div {
    float:right;
    line-height: 35px;
    height: 35px;
}
.footer .wrapper div:first-child {float: left; }


.gallery {
    margin: auto;
}

.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
    margin-left: 0;
}

.fancybox-title-over-wrap {
    right: 0;
}

/* see gallery_shortcode() in wp-includes/media.php */

.site-login *,
form * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.site-login {
    width: 480px;
    margin: 100px auto 0;
    border: 1px solid #eaeaea;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.site-login input[type='text'], .site-login input[type='password'] {
    width: 100%;
}
.site-login label {
    font-weight: bold;
}

form.loading {
    position: relative;
}
form.loading:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7) url("../images/loader.gif") 50% 50% no-repeat;
}

@media (max-width: 960px) {
    .page {
        background-position: 10px 0;
    }
}