@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:400,700|PT+Serif:400,700|Open+Sans:400,700|Roboto:400,700,900|Roboto+Condensed:400,700&subset=cyrillic-ext);

body {color:#333; margin:0px; padding:0px; text-align:center; background:url(../graph/bg.jpg) top no-repeat; background-color:white; background-attachment:fixed; background-size:cover; font-family:'Open Sans',Arial,Tahoma; font-size:15px;}

form {padding:0px; margin:0px;}
p {padding:0px; margin:0px; padding-bottom:10px; }
a {text-decoration:none; color:#004074;}
a:hover {color:black;}

h1 {padding:0px; margin:0px; border-bottom:dotted 2px #f0f0f0; padding-bottom:20px; margin-bottom:20px; font-size:32px; font-weight:normal; font-family:'Opan Sans',Tahoma; text-transform:uppercase; }
h4 {padding:0px; margin:0px; font-size:23px; font-weight:normal; font-family:'Opan Sans',Tahoma;  }
h3 {padding:0px; margin:0px; border-bottom:dotted 2px #e0e0e0; padding-bottom:15px; margin-bottom:10px; font-size:23px; font-weight:normal; font-family:'Opan Sans',Tahoma;  }



.wrapper {margin:auto;  min-width:1260px; max-width:1300px;padding-left:20px; padding-right:20px; background:url(../graph/shadow.png) top no-repeat;}
.pagebg {margin:auto; width:1260px; background:url(../graph/page-bg.png) top no-repeat; background-color:white; }
.page {margin-left:55px; margin-right:45px; }


/* шапка */
.top {position:relative; width:1260px; height:495px;  background: url(../graph/top-bg.png) no-repeat; }

.logo {position:absolute; z-index:100; margin-left:50px;}
.logo a {display:block; width:333px; height:118px; background: url(../graph/galina-kosova.png) no-repeat; text-indent:-999em;}

.slider {position:absolute; z-index:50; width:1170px; height:320px; margin-left:47px; margin-top:119px;}

.topmenu {position:absolute; right:45px; z-index:70; margin-top:35px; }
.topmenu ul {margin:0px; padding:0px; }
.topmenu ul li {float:left; margin:0px; padding:0px; list-style:none; }
.topmenu ul li a {display:block; height:80px; line-height:80px; padding-left:20px; padding-right:20px; color:#004074; text-transform:uppercase; font-size:17px; font-family: 'Roboto Condensed',Sans-serif; background:url(../graph/menu-bg.png) right center no-repeat;}
.topmenu ul li:last-child a {background:url(../graph/menu-none.png) right center no-repeat;}
.topmenu ul li a:hover {padding-left:21px; margin-left:-2px !important; color:white; background-color:#004074;}
.topmenu ul li b a {color:white; font-weight:normal; background-color:#447399;}

.lang {position:absolute; right:57px; z-index:75; width:200px; text-align:right;}
.lang a {display:inline-block; float:right; cursor:pointer; margin-left:10px; width:25px; height:25px; line-height:23px; text-align:center; background-color:#6a6c6e; font-size:11px; color:white; }
.lang a.active {background-color:#08599a;}
.lang a:hover {background-color:#004074;}




.endmenu {clear:both; margin:auto; margin-top:25px; width:520px; height:30px;}
.endmenu ul {margin:0px; padding:0px; }
.endmenu ul li {float:left; margin:0px; padding-left:10px; padding-right:10px; border-right:solid 1px; list-style:none; }
.endmenu ul li a {display:block; color:#004074; text-transform:uppercase; font-size:12px; font-family: 'Roboto Condensed',Sans-serif; }
.endmenu ul li a:hover {color:black; }
.endmenu ul li:last-child {border-right:0px;}


.page-text {text-align:justify; padding-bottom:15px; margin-bottom:15px;  border-bottom:dotted 2px #f0f0f0}


/* каталог портфолио */
.gallery-list {clear:both; float:left; padding-bottom:20px; width:1170px; overflow:hidden;}
.gallery-list ul {float:left; width:1250px; padding:0px; margin:0px;}
.gallery-list ul li {float:left; list-style:none; padding:0px; margin:0px; padding-bottom:25px; text-align:left; width:260px; margin-right:39px; background:url(../graph/block-shadow.png) bottom no-repeat;}
.gallery-list ul li h2 {padding:0px; margin:0px; padding-left:10px; padding-bottom:8px; font-weight:normal; font-size:24px;}
.gallery-list ul li h2 a {color:#004074; font-family:'Open Sans', Arial;}
.gallery-list ul li p {border:solid 10px #f9f9f9; width:240px; height:240px; overflow:hidden; padding:0px; margin:0px; text-align:center; }
.gallery-list ul li p img {margin:auto; height:240px; margin-left:-50%; margin-right:-50%; border:0px;}


/* каталог работ */
.gallery-items {clear:both; float:left; padding-bottom:20px; width:1170px; overflow:hidden;}
.gallery-items ul {float:left; width:1250px; padding:0px; margin:0px;}
.gallery-items ul li {float:left; list-style:none; padding:0px; margin:0px; width:260px; margin-right:39px; padding-bottom:20px;}
.gallery-items ul li h2 {padding:0px; margin:0px; padding-top:5px; font-size:15px;}
.gallery-items ul li h2 a {color:#004074; font-family:'Open Sans', Arial;}
.gallery-items ul li ol {padding:0px; margin:0px; }
.gallery-items ul li ol li { list-style:none; padding-bottom:15px; background:url(../graph/block-shadow-small.png) bottom no-repeat;}
.gallery-items ul li p {line-height: 240px; border:solid 2px #f9f9f9;  background-color:#fcfcfc; width:240px; height:240px; overflow:hidden; padding:0px; margin:0px; text-align:center;}
.gallery-items ul li p img {vertical-align:middle; margin:auto; max-height:220px; max-width:220px; border:0px;}



/* о художнике */
.about {padding:30px; padding-left:350px; padding-right:50px; text-align:justify; margin-bottom:20px; background:url(../graph/galina-kosova-foto.png) no-repeat; background-position: 20px ; background-color:#f5f6f5; }
.about p {padding-bottom:5px;}


/* обратная связь */
.message-form {padding:30px; min-height:260px; padding-left:350px; padding-right:50px; text-align:justify; margin-bottom:20px; background:url(../graph/galina-kosova-foto.png) no-repeat; background-position: 20px 30px;  background-color:#f5f6f5; }
.message-form p {float:left; padding-bottom:10px; width:800px;}
.message-form p input {padding:5px; padding-left:10px; padding-right:10px;  width:730px; height:25px; line-height:25px; font-size:17px; border:solid 1px #d0d0d0; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; }
.message-form p textarea {padding:5px; padding-left:10px; padding-right:10px;  width:730px; height:90px; font-size:15px; border:solid 1px #d0d0d0; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; }
.sendbutton a {display:block; cursor:pointer; float:left; color:white; width:250px; height:35px; line-height:35px; text-align:center; background-color:#004074; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; }
.sendbutton a:hover {background-color:black;}
.senmessageresult {width:730px; text-align:center; padding-top:110px;}
.loading  {width:441px; height:251px; overflow:hidden; background:url("../graph/loading.gif"); no-repeat}
.loading  img {margin-top:-30px;}


/* подвал */
.pagefooter {clear:both; width:1260px; height:155px; margin-top:15px; background:url(../graph/footer-bg.png) bottom no-repeat;  }
.social {padding:15px;}
.cpr {font-size:11px; }

/* разное */
.clear-line {clear:both;}
.dotted-line {clear:both; padding-bottom:15px; margin-bottom:15px;  border-bottom:dotted 2px #f0f0f0; }