/*
Theme Name: ProArtStudio
Theme URL: http://proartstudio.com.ua
Description: PROART STUDIO
Version: 1.0
Author: ProArtStudio
Author URL: http://proartstudio.com.ua
Tags: proart
*/

* {margin: 0; padding: 0;}
html, body {height: 100%;}
table {border-collapse: collapse; width: 100%;} 
input:focus {outline: none;}
.clear {clear: both; height: 0; text-indent: -9000px; overflow: hidden;}
img, table {border: none;}
a:link, a:visited {text-decoration: none; color: #a4488e;}
a:hover, a:active {text-decoration: underline;}
button {outline: none;}

/*	clearfix			*/
.clearfix{_height: 1%; _overflow: visible;}
.clearfix:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height:0px; font-size:0px;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*	clearfix			*/


header,footer,article,section,hgroup,nav,menu,aside,figure{display:block;}
.left {float: left;}
.right {float: right;}

body {font: 13px Segoe UI, Tahoma, sans-serif; background: #fff; color:#212121; height: auto !important; height: 100%; min-height: 100%; position: relative;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 15px 0; color: #fff; text-transform: uppercase;}
h1 {font-size: 20px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

ul, ol {list-style:none;}

p {margin: 16px 0;}


.wrapper {padding: 0 0 247px 0;}
header {background: url(images/header.png) center top; height: 125px; position: relative; z-index: 10;}
.head-inner {width: 1022px; margin: 0 auto; position: relative;}
.logo {position: absolute; left: -45px; top: 0;}
.soc {background: url(images/soc.png) no-repeat; width: 93px; height: 22px; position: absolute; top: -4px; right: 3px;}
#nav {width: 1022px; margin: 0 auto;}
#nav ul {padding: 18px 0 0 467px;}
#nav ul li {float: left; margin: 0 68px 0 0; white-space: nowrap; padding:35px 0 35px 0;}
#nav ul li a {color: #fff;}
#nav .podmenu-outer {height: 109px; background: #000; top: 125px; position: absolute; width: 100%; left: 0;}
#nav .podmenu-inner {width: 1022px; margin: 0 auto; padding: 0 0 20px 0;}
#nav .podmenu-inner ul {padding: 20px 20px 0 470px;}
#nav .podmenu-inner ul li {float: left; padding: 0 0 13px 0; margin: 0;}
#nav .podmenu-inner ul li a {text-decoration: underline;}
#nav .podmenu-inner ul li.li-01 {width: 140px; clear: left;}
#nav .podmenu-inner ul li.li-02 {width: 140px;}
#nav .podmenu-inner ul li.li-03 {width: 140px;}
#nav .podmenu-inner ul li.li-04 {width: 140px;}

.content {padding: 0 0 35px 0; position: relative; z-index: 5;}
.preambule {height: 315px; width: 100%;}
.last-work {width: 1022px; margin: 0 auto; position: relative;}
.last-work h2 {background: url(images/h2-bg.png) no-repeat; width: 290px; height: 37px; margin: 0 0 0 193px; padding: 10px 0 0 40px; position: relative; z-index: 2;}
.gallery {position: absolute; left: 0; top: 0; padding: 0 37px; /*width: 948px;*/ z-index: 1;}
.mycarousel li,.mycarousel-second li {float: left; position: relative;}
.mycarousel li a,.mycarousel-second li a {color: #fff;}
.jcarousel-list li, 
 .jcarousel-item { 
 width: 315px; 
 width: 316px; 
 }
.mycarousel li a img,.mycarousel-second li a img {display: block;width:100%;height:100%;}
.mycarousel li .plashka,.mycarousel-second li .plashka {background: url(images/plashka.png) no-repeat; width: 316px; height: 70px;
text-align: center; display: block; visibility: hidden; position: absolute; left: 0; top: 123px;}
.mycarousel li .plashka i,.mycarousel-second li .plashka i {font-style: normal; text-decoration: underline; padding: 27px 0 0 0; display: block;}
.mycarousel li a:hover .plashka,.mycarousel-second li a:hover .plashka {visibility: visible;} 
.jcarousel-clip {overflow: hidden;}
.jcarousel-prev {background: url(images/prew-bg.png) no-repeat; width: 36px; height: 70px; cursor: pointer; position: absolute; left: -6px; top: 122px;}
.jcarousel-next {background: url(images/next-bg.png) no-repeat; width: 36px; height: 70px; cursor: pointer; position: absolute; right: -6px; top: 122px;}
.postambule {background: url(images/black-pattern.gif); height: 267px; width: 100%;}
.postambule-inner {width: 1022px; margin: 0 auto;}
.postambule-inner h1 {background: url(images/h1-bg.png) no-repeat; width: 174px; height: 58px; font-size: 20px; float: left; margin:0; padding: 10px 0 0 49px;}
.text {margin: 0 0 0 257px; padding: 15px 0 0 0;}
.text p {color: #fff;}
.photo {height: 384px; position: relative; z-index: 2;}
.photo-inner {width: 1022px; margin: 0 auto; position: relative;}
.photo-inner h2 {background: url(images/h21-bg.png) no-repeat; width: 238px; height: 37px; margin: 0 0 0 194px; padding: 10px 0 0 55px; position: relative; z-index: 2;}
.photo-insider {position: absolute; left: 0; top: 0; padding: 0 37px; width: 948px; z-index: 1;}
.info-outer {width: 315px; position: absolute; left: 0px; top: 157px; display: none;}
.info-inner {background: url(images/info-inner.png); padding: 14px 5px 0 22px;}
.info-inner h3 {color: #f08a40; text-transform: none; margin: 0 30px 14px 0; line-height: 1.4;}

a:link.blog-open, a:visited.blog-open {text-decoration: none; color: #f08a40; margin: 0 30px 14px 0; line-height: 1.4;}
a:hover.blog-open , a:active.blog-open  {text-decoration: underline;color: #f08a40; margin: 0 30px 14px 0; line-height: 1.4;}

.info-inner p {color: #fff;}
.ab {padding: 52px 0 0 0;}
.ab p {margin: 0;}
.for-tags {width: 270px;}
.ugol {background: url(images/ugol.png) no-repeat; width: 315px; height: 158px;}
.clients {width: 1022px; margin: 0 auto; position: relative; z-index: 1;}
.clients h2 {background: url(images/clients-h2.png) no-repeat; width: 193px; height: 37px; margin: 0; padding: 32px 0 0 58px; float: left; position: relative; z-index: 2;}
.port {margin: 0 0 0 178px; position: relative; z-index: 1;}
.port ul li {float: left;}
.port ul li.m-01 {margin: 0 0 20px 172px; width: 318px;}
.port ul li.m-03 {margin: 15px 0 17px 297px; width: 290px; clear: left;}
.port ul li.m-04 {margin: 15px 0 0 0;} 
.port ul li.m-05 {width: 270px; clear: left;}
.port ul li.m-06 {margin: 10px 0 0 85px; width: 308px;}
.port ul li.m-07 {margin: 15px 0 0 0;}  
.port ul li.m-08 {margin: 25px 0 55px 137px; width: 318px; clear: left;}
.port ul li.m-09 {width: 280px;}
.port ul li.m-11 {margin: 0 0 0 140px; width: 318px; clear: left;}


.inner {width: 1022px; margin: 0 auto;}
.social {float: right; padding: 34px 40px 15px 0;}
.container-text {background: url(images/black-pattern.gif); padding: 0 0 50px 0;}
.container-text-inner {width: 1022px; margin: 0 auto; position: relative;}
.container-text-inner p {color: #fff;}
.container-text-inner h1 {background: url(images/h11.png) no-repeat; width: 300px; height: 58px; position: absolute; left: -6px; top: -61px; padding: 10px 0 0 42px;}
.text-block {padding: 38px 150px 0 37px;}
.text-block h2 {font-size: 14px;}
.text-block p {padding: 1px 0;}
.created-sait {height: 376px; padding: 58px 0 0 0;}


.page {width: 1022px; margin: 0 auto; padding: 26px 0 0 0;}
.page h1 {background: url(images/h12.png) no-repeat; width: 215px; height: 58px; float: left; margin: 0; padding: 10px 0 0 46px;}
.page .social {padding-top: 10px; padding-right: 27px;}
.page-inner {width: 954px; padding: 0 36px 0 37px;}
.page-text {width: 780px; float: left; padding: 31px 0 0 0;}
.page-text section {padding: 0 0 20px 0;}
.page-text article {padding: 0 0 18px 0;}
.page-text h2 {color: #a4488e; margin: 0; padding: 0 0 10px 0; font-size: 13px;}
.page-inner aside {width: 171px; float: right; text-align: right; padding: 30px 0 0 0;}
.page-inner aside h3 {color: #a4488e; font-size: 13px; text-transform: none; margin: 0; padding: 0 0 23px 0;}
.page-inner aside ul li a {color: #a4488e; text-decoration: underline;}

.pagenator {margin: -14px 0 0 310px ; position: relative;}
.pagenator ul li {display: inline; margin: 0 3px 0 0;}
.pagenator ul li a {text-decoration: underline; padding: 0 2px;}
.pagenator ul li a:hover,.pagenator ul li.current a {color: #fff; text-decoration: none; background: #ac4092;}
.current-page {color: #fff; padding: 0 2px; text-decoration: none; background: #ac4092;}
.pagenator a {text-decoration: underline; padding: 0 2px;}
.pagenator a:hover {color: #fff; text-decoration: none; background: #ac4092;}

.container-text-second {background: none; padding: 0;}
.container-text-second p {color: #111;}
.container-text-second a {text-decoration: underline;}
.container-text-second h2 {color: #292929; font-size: 22px; text-transform: none;}
.portfolio {padding: 13px 0 35px 0;}
.prewu {text-align: center; padding: 0 0 15px 0;}
.created-sait-second {padding-top: 19px;}
.created-sait-last {padding: 0; height: auto;}
.created-sait-last .gallery {position: relative; top: -47px;}
.created-sait-last .gallery .pagenator {margin: 27px 0 0 450px;}
.created-sait-last .gallery .pagenator ul li a:hover,.created-sait-last .gallery .pagenator ul li.current a {color: #fff; text-decoration: none; background: #ac4092;}


footer {background: url(images/footer-bg.png) center top no-repeat; height: 247px; width: 100%; position: absolute; bottom: 0;}
.footer-inner {width: 1022px; margin: 0 auto; position: relative; padding: 16px 0 0 0; color: #fff;}
.footer-inner p {margin: 0;}
.footer-inner p.copy {padding: 0 0 0 27px; float: left;}
.contacts {margin: 0 0 0 322px;}
.contacts .col {width: 230px; float: left;}
.contacts .col dl {padding: 0 0 26px 0;}
.contacts .col dl dt {padding: 0 0 12px 0;}
.contacts .col dl dd {line-height: 1.1;}
.contacts .col dl dd a {color: #fff;}
.polos {background: url(images/polos.png) no-repeat; width: 93px; height: 22px; top: -22px; right: 257px; position: absolute;}

.thumb-page {width:316px; height:315px;}

.pan_frame {background: url(images/pan_frame.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 316px; height: 315px;}
.pan_wrap {position: relative; width: 316px; height:315px;}