/* CSS Document */

body {
  margin:0; padding:0; 
  background:#000000 url(images/bg2.png) top center repeat-y;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;  
}
a { color:#ff6600;}
a:hover { color:#666666; }

.clear { clear:both; }
.otstup { height:15px; }

h1, h2, h3, h4, h5, h6 { font-family: Bicubik, Verdana, Arial, Helvetica, sans-serif; letter-spacing:2px;  color:#ff6600;  }
h1 { font-size:20px; }

/*============================== ALLCONTENT ==============================*/
.dline { height:60px; background:url(images/footerbag.png); }
.bd {
  width:980px; min-height:550px;
  margin:0 auto;
  }
.cdl { float:left; width:250px; margin:0; padding:0; text-align:center; }
.cdc { float:left; width:480px; margin:0; padding:0; text-align:center; }
.cdr { float:left; width:250px; margin:0; padding:0; text-align:center; }

.logotype { background:url(images/logotype.png); width:441px; height:93px; margin:150px auto; }

/* newsblock*/
.newsblock { width:470px; float:left; margin:0 5px 5px 5px; padding:0 8px 0 0; }
.newsblock img { float:left; border:2px solid #ff6600; margin:15px 8px 0 0; }
.newsblocktitle  { text-transform:uppercase; font-family: Bicubik; font-size:14px; color:#ff6600; padding:0 0 8px 0; margin:0 0 8px 0; text-decoration:none; letter-spacing:2px; }
.newsblocktitle:hover { color:#FFFFFF; }

/*============================== MENU ==============================*/

.slide-up-boxes { 
  display: block; 
  margin: 0 auto 20px auto; 
  background: none;
  border: none; 
  height: 400px; width:200px;
  overflow: hidden; 
}

.slide-up-boxes a { text-decoration:none; }
.slide-up-boxes h5 {
  padding:0; margin:0;
  color:#ff6600; 
  text-align: center;
  height: 400px; 
  font: 20px/400px Bicubik, Verdana, Arial, Helvetica, sans-serif;    /* Вертикальное центрирование текста за счет равных высот строки и элемента */
   opacity: 1;
   -webkit-transition: all 0.2s linear; 
   -moz-transition: all 0.2s linear; 
   -o-transition: all 0.2s linear;
}

.slide-up-boxes:hover h5 { 
  margin-top: -400px; 
  opacity: 0; 
}

.slide-up-boxes div { 
  position: relative; 
  color: white; 
  font: 12px/15px;
  height: 380px; 
  padding: 10px; 
  opacity: 0; 
  -webkit-transform: rotate(6deg); 
  -webkit-transition: all 0.4s linear; 
  -moz-transform: rotate(6deg); 
  -moz-transition: all 0.4s linear; 
  -o-transform: rotate(6deg); 
  -o-transition: all 0.4s linear; 
}
.slide-up-boxes:hover div { 
  opacity: 1; 
  -webkit-transform: rotate(0); 
  -moz-transform: rotate(0); 
  -o-transform: rotate(0); 
}
.podpunkt a { display:block; text-transform:uppercase; font-family: Bicubik,Verdana, Arial, Helvetica, sans-serif; text-align:center; width:200px; padding:10px 0; margin:50px auto; font-size:20px; text-decoration:none; color:#FFFFFF; }
.podpunkt a:hover { color:#ff6600; }

/*============================== FOOTER ==============================*/
.df {
  width:980px;
  margin:0 auto; 
  }
.dfl { float:left; width:480px; padding:10px 0 0 0; }
.dfr { float:right; width:480px; padding:14px 0 0 0; text-align:right;}
.dfr a img { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); border:none; }
.dfr a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }

/*============================== OTHER PAGES ==============================*/
.ologo { background:url(images/logotype.png) top left no-repeat; width:441px; height:93px; margin:0 auto; }
.omenu { width:980px; height:20px; text-align:center;}
.omenu a { display:block-inline; text-transform:uppercase; font-family: Bicubik,Verdana, Arial, Helvetica, sans-serif; text-align:center; width:200px; padding:10px 20px; margin:50px auto; font-size:20px; text-decoration:none; color:#FFFFFF; }
.omenu a:hover { color:#ff6600;  }
a.topmenuhover  { color:#ff6600; }

/*============================== PAGINATION ==============================*/

.pager { text-align:center; font-family: Bicubik, Verdana, Arial, Helvetica, sans-serif; }
.pager span { display:inline-block; background:#333333; font-size:16px; padding:4px 10px;  }
.pager a { display:inline-block; background:url(images/footerbag.png); color:#ffffff; font-size:16px; padding:4px 10px; text-decoration:none;  }
.pager a:hover { background:#666666; }

/*============================== COMMENTS ==============================*/
.formdiv { width:400px; float:left;  background:url(images/footerbag.png); padding:10px 20px 10px 10px; margin-top:8px; }
.commdiv { width:500px; padding:0 10px 0 0; float:right; }
.commdiv h3 { padding:0 0 23px 0; margin:0; } 
.comautor { padding:0 0 8px 0; border-bottom:1px dotted #999999; }
.commentbg { background:url(images/footerbag.png); padding:4px 12px; margin:0 0 15px 0; }

/*============================== GUESTBOOK ==============================*/
.formotziv { width:500px; background:url(images/footerbag.png); padding:5px 20px 10px 10px; margin-top:8px; }

/*============================== CONTACTS ==============================*/
.contactright { float:right; width:500px; }
.contakth3 { margin:30px 0 0 0; }
.contactinfo { width:470px; height:338px; background:url(images/footerbag.png); padding:5px 20px 10px 10px; margin-top:8px; }

 
.formdivcontact { width:400px; float:left;  background:url(images/footerbag.png); padding:5px 20px 10px 10px; margin-top:14px; }

.contactphoto { background:url(images/rojkova.png) right bottom no-repeat; width:490px; height:334px; }

/*============================== BLOG ==============================*/
.bloglastcomments { float:right; width:250px; }
.blogg { float:left; width:700px; }
.lastcombg { background:url(images/footerbag.png); padding:10px; margin:0 0 15px 0; }
.comautor p { padding:0 0 8px 0; border-bottom:1px dotted #999999; }

.menulogo { position:relative; z-index:10; }
.sl { background:url(images/footerbag.png); width:900px; height:400px; margin:0 auto; z-indez:9; top:650px; position:relative; }


/*============================== SLIDER ==============================*/

.slide { width:900px; height:626px; margin:25px auto; background:url(images/footerbag.png); padding:15px; }

.slider {
float:left;
width:900px;
height:600px;
position:relative;
padding-bottom:26px;
}

.sliderContent {
float:left;
width:900px;
height:600px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(/templates/mysite/mobilyslider/gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:900px;
height:600px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(/templates/mysite/mobilyslider/gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}