/* css reset */
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, 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,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { -collapse: collapse; border-spacing: 0;}
* { margin:0px; padding:0px; }
/* mizu reset */
strong, b {font-weight:bold; }
.content ul li, .content ol li {margin:3px 0px 3px 20px;list-style:circle;}
.content ol li {list-style:decimal;}
.content p, .content .txt div {margin-bottom:5px;}
.clear { clear:both; }
/* custom css */
a {
color:#000;
text-decoration:none;
}
html {
background:url(../img/struct/html.png) no-repeat center top #fff;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.adminBox {
border:1px solid #599c38;
background:#cff3ce;
border-radius:40px 0;
padding:10px 30px;
margin:20px 0;
}
.lng, .nav, h1, h2, h3 {
}
.wrap {
width:916px;
position:relative;
margin:auto;
}
.header {
height:340px;
}
.lng {
position:absolute;
top:10px;
right:0px;
z-index:29;
text-align:right;
}
.lng, .lng a {
font-size:11px;
color:#000;
}
.lng a {
text-transform: uppercase;
padding:0 10px 0 0;
}
.lng a:hover, .lng a.on {
color:#722a5a;
}
.lng a.home {
padding-right:0px;
}
.homeLink {
position:absolute;
top:0px;
left:2px;
width:198px;
height:176px;
z-index:24;
background:url(../img/struct/logo.png) center center;
}
.mainMedia {
height:305px;
width:677px;
overflow:hidden;
margin:auto;
position:absolute;
top:30px;
right:0px;
z-index:24;
}
.mainMedia-pager {
position:absolute;
z-index:30;
bottom:5px;
right:10px;
opacity:.8;
filter:alpha(opacity=80);
}
.mainMedia-pager a {
display:block;
height:1px;
width:1px;
padding:10px 10px 0 0;
border-radius:10px;
text-align:center;
text-decoration:none;
margin:0px 3px 3px 0px;
float:left;
font-size:10px;
background:#fff;
border:2px solid #fff;
overflow:hidden;
}
.mainMedia-pager a:hover, .mainMedia-pager a.activeSlide {
background:#722a5a;
}
.mainMedia .slider {
height:305px;
overflow:hidden;
}
.nav {
padding:0 5px;
padding-top:179px;
}
.nav li {
}
.nav li a {
display:block;
font-size:14px;
padding:5px 10px;
color:#333333;
cursor: pointer;
border-bottom:1px solid #dddddd;
background:url(../img/struct/nav-item.png) no-repeat right top;
-moz-transition: color 0.3s ease-in 0s;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;
-webkit-transition: color .3s ease-in;
transition: color .3s ease-in;
}
.nav li a:hover, .nav li a.on {
background-position: right -25px;
background-color: #F4F4F4;
color: #603;
}
.nav li.i8 {
height:30px;
}
.nav li.i8 a {
display:none;
}
.nav li ul li a {
font-size:12px;
padding-left:20px;
background:none;
}
.col1 {
width:202px;
float:left;
position:absolute;
top:0px;
left:0px;
background:url(../img/struct/col1.png) no-repeat left top;
min-height:800px;
}
.footer {
clear:both;
float:right;
margin-top:10px;
width:647px;
padding:10px 15px;
background:#333333;
text-align:right;
}
.footer p, .footer ul, .footer li, .footer a {
display:inline;
}
.footer li {
padding-left:10px;
}
.footer, .footer a {
color:#fff;
font-size:12px;
line-height:140%;
}
.footer a.on, .footer a:hover {
color:#722a5a;
}
.footer a .c {
display:none;
}
.footer .banner {
position:absolute;
right:0px;
top:10px;
}
.footer .banner a {
padding: 0 0 0 30px;
}
/* content */
.content {
clear:both;
width:675px;
width:645px;
padding:20px 15px;
border:1px solid #383838;
float:right;
min-height:300px;
background:#fff;
}
.content .tpl {
clear:both;
}
.content h1, .content h2, .content h3 {
color:#444;
}
.content h1 {
font-size:25px;
padding-bottom:4px;
margin-bottom:20px;
color:#722a5a;
}
.content h2 {
font-size:20px;
}
.content h3 {
font-size:20px;
}
.content .txt {
line-height:170%;
color:#444;
}
.content .txt, .content .files, .content .gallery {
clear:both;
padding-top:15px;
}
.img-left .first-img {
float:left;
margin:5px 20px 20px 0px;
}
.img-right .first-img {
float:right;
margin:5px 00px 20px 20px;
}
.img-slide .part1, .img-slide2 .part1 {
display:block;
}
.gallery.slider {
float:right;
width:570px;
}
.gallery.slider .slide {
margin-bottom:10px;
border-bottom:1px solid #722a5a;
}
.gallery.slider .slide img {
padding-bottom:10px;
}
.gallery.slider .pager {
clear:both;
}
.gallery.slider .pager a {
float:left;
margin:5px 5px 0 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity:0.3;
}
.gallery.slider .pager a:hover, .gallery.slider .pager a.activeSlide {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
}
/* list */
.list {
clear:both;
padding-top:15px;
}
.list .item {
width:100%;
margin-bottom:10px;
float:left;
padding:0px 0px;
}
.list .firstInRow {
clear:left;
}
.list .lastInRow {
margin-right:0px;
}
.list .item:hover .more {
background:#722a5a;
color:white;
}
.list h3, .list .img, .list .txt {
display:block;
}
.list .img {
float:left;
}
.list .txt {
float:left;
clear:none;
width:400px;
padding:5px 10px 0px 20px;
}
/* mail form */
.mailform .submit {
padding:5px 20px;
background:#722a5a;
color:#fff;
cursor:pointer;
font-size:20px;
border:1px solid white;
}
/* myscroll */
.myscroll {
width:100%;
height: 211px;
position: relative;
}
.myscroll div.scrollableArea a.item
{
position: relative;
float: left;
margin: 0;
padding: 0;
padding: 0 10px;
}
.myscroll .scrollingHotSpotLeft, .myscroll .scrollingHotSpotRight {
width:75px !important;
display:block !important;
min-width:3px;
height:211px;
}
.myslider {
position:relative;
margin-top:10px;
padding-left:2px;
}
.myslider .actions {
position:relative;
margin-top:10px;
border-top:1px solid #722a5a;
width:100%;
z-index:30;
text-align:center;
padding: 10px 0 10px 0;
}
.myslider .thumbs {
overflow:hidden;
width:100%;
margin:auto;
}
.myslider .cnt {
}
.myslider .thumbs a img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity:0.3;
}
.myslider .thumbs a.activeSlide img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
}
.myslider .next, .myslider .prev {
display:block;
position:absolute;
z-index:31;
top:10px;
height:80px;
width:20px;
background:white;
}
.myslider .next {
right:-20px;
background:url(../img/struct/next.png) center center no-repeat;
}
.myslider .prev {
left:-20px;
background:url(../img/struct/prev.png) center center no-repeat;
}
.myslider .close-actions {
display:block;
position:absolute;
top:20px;
right:20px;
z-index:30;
background:white;
padding:10px;
display:none;
}
.myslider .close-actions.closed {
background:red;
}
.content table td, .content table th {
padding:5px 10px;
vertical-align:top;
}
.content table.border td, .content table.border th {
border:1px solid #aaa;
}
.social-media {
padding-top:10px;
margin-top:0px;
height:40px;
float:right;
width:677px;
}
.social-media .col2 {
float:right;
}
.social-media .addthis_toolbox {
float:left;
width:120px;
white-space:nowrap !important;
}
.social-media .descr {
float:left;
padding:0 5px 0 0 ;
display:block;
}
.social-media .plusone {
float:left;
}
.social-media .fb-like{
float:left;
}