@charset "utf-8";
/* CSS Document */

/* css-reset */
body, h1, h2, h3, h4, a, ul, li, p, img, input, textarea, form {margin:0; padding:0; font-size:100%; font-weight:normal; border:none;}

body {background:white url(img/bg0.gif) repeat-x 0px 97px; width:100%; height:100%;}
a {color:#330000;}
a:hover {color:#e62925;}
a:visited {color:maroon;}

.h1 {position:relative; top:-17px; left:24%; width:76%;}
h1 {position:absolute; left:-221px; width:558px; height:106px; background:url(img/bg1.gif) no-repeat right 17px; overflow:hidden;}
h1 a {display:block; position:absolute; left:111px; width:259px; height:107px; background:url(img/svit_krasy_logo.png) no-repeat right bottom; text-indent:-9999px;}

.h2 {margin-top:90px; left:24%; background:url(img/bg3.gif); height:35px; overflow:hidden; width:76%; position:relative;}
.h2 div.bg4 {float:left; position:relative; margin:0 0 0 16%; left:0; top:0;}
.h2 div.bg4 div {background:url(img/bg4.gif) no-repeat; height:35px; position:absolute; left:0; top:0; width:2000px;}
.h2 h2 {text-indent:-9999px; height:35px; overflow:hidden; background-repeat:no-repeat; float:left;}

#moto {margin-left:37%; width:276px; height:97px; background:url(img/moto.png) no-repeat; text-indent:-9999px;}

#tmenu {width:24%; height:75px; background:url(img/bg2.gif) no-repeat right top; position:absolute; left:0; top:0;}
#tmenu li {position:relative; overflow:hidden; float:left; padding:0 0 0 12px; left:0; top:8px; list-style-type:none;}
#tmenu a {display:block; background-color:#6a574e; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; width:16px; height:16px;}
#tmenu a:hover {background-color:#e62925;}
#mainPage {background-image:url(img/ico_home.png); cursor:pointer;}
#contacts {background-image:url(img/ico_contacts.png); cursor:pointer;}

#contentbg {position:absolute; top:223px; padding-left:24%; height:539px; width:76%; overflow:hidden;}
#contentbg div {background:url(img/bg_content.gif) no-repeat; position:relative; height:100%; left:-89px; padding-right:89px; width:100%;}
#visual1 {position:absolute; width:33.5%; height:762px; top:0; background:url(img/visual.png) no-repeat; z-index:100; margin-right:100px; padding-left:100px; right:-100px;}
#visual1-shadow {position:absolute; width:37%; height:89px; top:97px; background:url(img/bg8.png) no-repeat; z-index:95; margin-right:85px; padding-left:85px; right:-85px;}

#content {position:relative; padding-top:1px; z-index:200; overflow:hidden; width:70%; position:relative;}
#leftcolumn {float:left; width:34.3%; overflow:hidden;}
#rightcolumn {float:left; width:65.7%; overflow:hidden;}

#mMenuBg {padding:0 0 140px 0; background:url(img/bg7.gif) no-repeat bottom right;}
#mainMenuBg {background:url(img/bg6.gif) repeat-y right;}
#mainMenu {background:url(img/bg8.gif) no-repeat bottom right !important;}
#mainMenu li {list-style-type:none; position:relative; text-align:right;}
#mainMenu li div {background:url(img/bg7.png) bottom; top:37px; right:0; height:1px; position:absolute; width:100%; overflow:hidden;}
#mainMenu li a {height:38px; display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; margin:0 8px 0 auto; position:relative; top:11px;text-align:left; cursor:pointer;}

#mainMenu li#m_about_us a {background-image:url(img/m_about_us.png); width:73px;}
#mainMenu li#m_art_group a {background-image:url(img/m_art_group.png); width:134px;}
#mainMenu li#m_contacts a {background-image:url(img/m_contacts.png); width:130px;}
#mainMenu li#m_cosmetics a {background-image:url(img/m_cosmetics.png); width:136px;}
#mainMenu li#m_events a {background-image:url(img/m_events.png); width:102px;}
#mainMenu li#m_gallery a {background-image:url(img/m_gallery.png); width:92px;}
#mainMenu li#m_school a {background-image:url(img/m_school.png); width:88px;}

#mainMenu li#m_events {z-index:70}
#mainMenu li#m_school {z-index:60}
#mainMenu li#m_art_group {z-index:50}
#mainMenu li#m_gallery {z-index:40}
#mainMenu li#m_cosmetics {z-index:30}
#mainMenu li#m_about_us {z-index:20}
#mainMenu li#m_contacts {z-index:10}

#mainMenu li ul {padding:6px 14px 8px 10px; background:#cfcbc9 url(img/bg3.gif); border-right:#f0eeed solid 2px; overflow:hidden; position:relative;}
#mainMenu li li {text-align:right; padding:3px 0 4px 0; line-height:1em; text-indent:0 !important;}
#mainMenu li li a {height:auto; display:inline !important; top:0;background-position:0px -5000px; font-size:1em; font-family:"Times New Roman", Times, serif;font-weight:bold; color:#6a574e; text-decoration:none; width:auto !important; margin:0 !important; text-indent:0 !important; position:relative !important;}
#mainMenu li li a:hover {color:#ab0500;}

.news {margin:26px 0 16px 34px;}
.news li {list-style-type:none; margin:16px 0 0 0; clear:both; width:100%; overflow:hidden;}
.news li .date, .news li h4 {margin:0 0 0.05em 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#180202;}
.news li h4 a {color:#330000; text-decoration:underline;}
.news li h4 a:hover {color:#e62925;}
/* .news li h4 a:visited {color:maroon;} */
.news li p.description, .a_news .description { margin:0.4em 0 0 18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; clear:both;}
.news li a.thumb {border:solid #a7a0a0 1px; padding:1px; display:block; float:left; margin:2px 7px 2px 0;}
.news li a.thumb:hover {border-color:#e62925 !important;}
.news li a.thumb:visited {border-color:maroon;}

.contacts {margin:16px 0 16px 34px;}
.contacts h3 {font-size:1.4em !important; font-family:"Times New Roman", Times, serif; color:#421A18; margin:0 0 10px 0;}
.contacts p, .contacts label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; margin:0 0 10px 0;}
.contacts label {display:block; margin:10px 0 2px 0;}
.contacts input, .contacts textarea {border:solid 1px #6A574E; font-size:0.8em; width:95%;}
.contacts textarea {font-size:100%;}
.contacts input.btn {width:auto; margin:15px 10px 0 0; background-image:url(img/bg3.gif);}

.contacts .self label {display: inline; margin:10px 0 2px 0;}
.contacts .self input {width: 6px;}

.a_news {margin:20px 30px 16px 34px;}
.a_news h3 {font-size:1.4em !important; font-family:"Times New Roman", Times, serif; color:#421A18;}
.a_news .description {margin:0.6em 0 0 18px;}
.a_news .news_body {margin:0.6em 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:black;}
.a_news .news_body p {margin:0.9em 0 0 0;}
.a_news img {margin:4px 8px 4px 2px; clear:both; border:solid 1px #D2CFCD;}

.thumbnails {margin:20px 0 0 20px;}
.thumbnail {text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 15px 0 0 15px;}
.thumbnail .r {width: 161px; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em;}
.thumbnail a {border:solid #a7a0a0 1px; padding:1px; display:block; float:left; margin:0 0 2px 0;}
.thumbnail a:hover {border-color:#e62925;}
.thumbnail br {clear:both;}
.thumbnail a img {float:left;}

.local-gallery {float:left;}
.local-gallery li {list-style-type:none; width:161px; padding:0 15px 0 0; font-size:89%; margin-bottom:15px;}
.local-gallery li a {border:solid #a7a0a0 1px; padding:1px; display:inline-block;}
.local-gallery li a img {display:block; margin:0; border:none;}
.local-gallery li a:hover {border-color:#e62925;}

.pager {margin:16px 0 16px 34px; clear:both;}
.pager li {list-style-type:none; display:inline; margin-right:20px;}
.pager li a {color:#330000; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pager li a.right-arrow {background:url(img/arrow_r.gif) no-repeat right -85px; padding:0 18px 0 0;}
.pager li a.right-arrow:hover {background-position:right 3px;}
.pager li a.left-arrow, .pager li a.down-arrow {background:url(img/arrow_l.gif) no-repeat left -85px; padding:0 0 0 18px;}
.pager li a.down-arrow {background-image:url(img/arrow_b.gif); display:inline-block; margin-right:auto;}
.pager li a.left-arrow:hover, li a.down-arrow:hover {background-position:left 3px;}
.pager li a:hover {color:#e62925;}

#subscrForm {position:absolute; width:24%; top:28px; left:12px;}
#subscrForm form {padding:0 119px 0 0;}
#subscrForm label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; display:block; white-space:nowrap; color:#67554E;}
#subscrForm input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; margin-top:2px;}
#subscrForm input.txt {width:100%; min-width:89px; border:solid 1px #6a574e;}
#subscrForm input.button { background:url(img/bg_subscribe.gif) no-repeat left bottom; width:100px; height:18px; display:block; overflow:hidden; text-indent:-9999px; cursor:pointer;}

#banners {position:relative; top:-30px; margin-bottom:-45px;}
#banners li {background:url(img/bg12.gif); list-style-type:none; margin-bottom:15px; position:relative; overflow:hidden;}
#banners li div {padding-bottom:1px; background:url(img/bg11.gif) no-repeat;}
#banners li a {display:block; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; text-decoration:none; font-size:0.7em; width:100%; background:url(img/pixel.gif) no-repeat right top;}
#banners li a.bg13 { background-image:url(img/bg13.gif);}
#banners li a .url {display:block; color:#A80E0B; font-weight:bold; padding:8px 10px 0 10px;}
#banners li a:hover .url {color:#E62925;}
#banners li a .description {display:block; color:#55443D; padding:2px 23px 10px 10px;}
#banners li a:hover .description {color:#A80E0B;}

#footer {padding-left:24%; left:0; width:35%; position:relative; z-index:500;}
#footer .bg {background:url(img/bg9.gif) no-repeat top right; padding:0 118px 0 50px; width:100%;}
#footer .copyright {color:white; padding:4px 8px 5px 8px; background:url(img/bg10.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; line-height:1.2em;}
#footer a.logo {display:block; margin-left:40.67%; position:absolute; left:-3px; top:0; width:45px; height:35px; overflow:hidden; text-indent:-9999px; background:url(img/logo.gif) no-repeat;}
#footer .copyright p {text-indent:-1.3em; padding:0 0 0 1.3em;}
#footer p.rightsProtected {font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:6px 0 20px 49px;}

#counters {position:absolute; left:10px; top:10px; width:38%;}
 ol li label {color: red;}