element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
/*----------- Карусель -------------------------------------------------*/
#carousel {position:relative; padding-top:40px; overflow:hidden;}
#mycarousel a:link {color:#0A56A4; text-decoration:none;}
#mycarousel a:hover {color:#0A56A4; text-decoration:none;}
#mycarousel a:visited {color:#0A56A4; text-decoration:none;}
#mycarousel img {border: 5px solid #fff;}
#mycarousel span {font-size:90%;}
.jcarousel-container {position:relative; height:174px;}
.jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative;}
.jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
.jcarousel-list li,
.jcarousel-item {float:left; padding: 0px 39px 0px 0px; list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 150px;
height: 150px;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
/*------------- jc.skin[dot]css -------------*/
.jcarousel-skin-tango .jcarousel-container {
/* -moz-border-radius: 10px;*/
background: #dfdfdf;
/* border: 1px solid #346F97;*/
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 245px;
padding: 15px 111px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
width: 175px;
height: 245px;
padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 245px;
/*height: 145px;*/ /*------------------- ?Высота дырки */
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 175px;
height: 245px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 150px;
height: 145px; /*------------------- Высота видимой области каждого пункта */
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
/* background: #fff; */ /*------------------- Цвет фона высоты видимой области каждого пункта */
/* color: #000;*/
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 43px; /*------------------- Кнопка ->. Отступ сверху. */
right: 15px; /*------------------- Кнопка ->. Отступ справа. */
width: 20px; /*------------------- Кнопка ->. Ширина. */
height: 20px; /*------------------- Кнопка ->. Высота. */
cursor: pointer;
background: transparent url(../i/img-carousel/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 43px; /*------------------- Кнопка <-. Отступ сверху. */
left: 15px; /*------------------- Кнопка <-. Отступ слева. */
width: 20px; /*------------------- Размер кнопки <-. Ширина. */
height: 20px; /*------------------- Размер кнопки <-. Высота. */
cursor: pointer;
background: transparent url(../i/img-carousel/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
/**
* Overwrite for having a carousel with dynamic width.
*/
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: auto;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 100%;
}
/*------------- footer[dot]css -------------*/
#main1 .empty {height:30px;clear:both;}
#footer {position:relative; margin-top:30px; height:20px; padding-left:20px;}
#footerinner {}
#counters {float:right;padding-right:10px;}
#copy {font-size:73.5%;}
#footerlink {margin-top:21px; width:334px; font-size:73.5%;}
#footerlinkl {float:left; width:167px;}
#footerlinkr {float:right; width:167px;}
#footerlink a:link {color:#0a56a4; text-decoration:none;}
#footerlink a:hover {color:#fc8230; text-decoration:none;}
#footerlink a:visited {color:#0a56a4; text-decoration:none;}
.png {behavior:url(/include/png.htc)
{
margin: 0px;
padding: 0px;
}
a
{
outline: none;
color: #294C6F;
}
img
{
border: 0px;
}
#header {min-width:970px; width:100%; overflow:hidden;}
#header .left {position:relative; float:left; padding:11px 0 0 20px; z-index:1;}
#header .right {overflow:hidden; padding:0 0 0 20px;}
#header .right .inner {margin:0 0 16px;}
#header .right .inner .title {font-size:80%; margin:24px 164px 0 0;}
#header .right .inner .title a {text-decoration:none; color:#abcfe9; border-bottom:.1em solid #abcfe9;}
#header .right .inner .subtitle {font-size:105%; color:#fff; margin:13px 164px 0 0;}
#header .right .inner .subtitle span {background:#EE531D; padding:5px 8px;}
#header .right .inner .subtitle span a {text-decoration:none; color:#fff;}
#header-right-title {font-size:100%; margin:16px 164px 0 0;}
*+html #header-right-title {margin-top:17px;}
#header-s-right-title {ont-size:80%; margin:24px 164px 0 0;}
*+html #header-s-right-title {margin-top:24px;}
#header-s-right-title a {text-decoration:none; color:#abcfe9; border-bottom:.1em solid #abcfe9;}
#header-s-right-2-title {font-size:105%; color:#fff; margin:13px 164px 0 0;}
*+html #header-s-right-2-title {margin-top:14px;}
#header-s-right-2-title span {background:#EE531D; padding:5px 8px;}
#header,#header-s {min-width:970px; width:100%; overflow:hidden;}
#header-left,#header-s-left {osition:relative;float:left;padding-left:20px;padding-top:11px;z-index:1;}
#header-right,#header-s-right {overflow:hidden; padding:0 0 0 20px;}
#header-right-top,#header-s-right-top {margin:0 0 16px;}
*+html #header-right-top,*+html #header-s-right-top {argin-bottom:17px;}
#header-right-title a,#header-s-right-2-title span a {text-decoration:none; color:#fff;}
@CHARSET "UTF-8";
/*** start GLOBAL DEFINITIONS ***/
html {
overflow-y: scroll;
overflow-x: hidden;
}
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
img {
border: 0;
}
div {
/*position: relative;*/
}
p {
margin: 0 0 1.2em 0;
}
a {
text-decoration: underline;
color: #9a7120;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
color: #5F420C;
font-weight: lighter;
margin: 0;
}
h1 {
font-size: 220%;
margin-bottom: 15px;
}
h2 {
font-size: 190%;
}
h3 {
font-size: 160%;
}
h4 {
font-size: 130%;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 70%;
}
hr {
color: #D1A449;
background-color: #D1A449;
border: none;
height: 0.0625em;
}
dt {
padding-left: 1.5em;
border-left: 0.5em solid #5F420C;
margin-bottom: 1em;
margin-top: 1em;
}
ul, ol {
margin: 1em 0;
padding: 0;
}
ul li, ol li {
margin: 0 0 0 2em;
/*padding: 0;*/
}
.button_h:hover{
color: #ffffff;
}
.button_h{
background:url("../img/button-bg.png") no-repeat scroll left top transparent;
cursor:pointer;
display:block;
float:left;
height:36px;
line-height:27px;
margin-right:5px;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0 #1B4B64;
width:127px;
font-size: 11px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #e2e2e2;
font-weight:bold;
}
.torsj{
float:left;
margin-top:24px;
margin-left: 100px;
}
#ifr_body{
width: 100%;
}
/*** end GLOBAL DEFINITIONS ***/
.clr {
clear: both;
}/*
div#wraper {
width: 52.25em;
margin: 1em auto;
padding: 0 2em 3em 2em;
border: 0.0625em solid #D1A449;
border-bottom: none;
border-top: none;
}
.demoTarget {
border: 0.0625em dashed #D1A449;
padding: 1em;
}
.demoControls {
margin: 1em auto;
width: 10em;
padding: 1em;
border: 0.0625em solid #DFCC8B;
text-align: center;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
}*/
.demoTarget {
}
.code span {
}
code {
font: normal 1em Consolas, "DejaVu Sans Mono", "Lucida Console", "Curier New";
}
pre {
border: 0.0625em solid #D1A449;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
background-color: #5F420C;
/*color: #FBF5DF;*/
padding: 1em;
/*font: normal 0.75em Consolas, "DejaVu Sans Mono", "Lucida Console", "Curier New";*/
opacity: 0.8;
filter: alpha(opacity=80);
}
#footer {
text-align: right;
font-size: smaller;
}