.slider_win {
position: fixed;
left: -1000px;
top: 0px;
width: 500px;
/*border-radius: 0px 56px 56px 0;*/
border-radius: 0px 25px 25px 0;
background-color: #FFF;
overflow: hidden;
box-shadow: 3px 3px 3px #aaa;
z-index: 888;
}

.slider_style_blue {
border-top: #0070C0 3px solid;
border-right: #0070C0 3px solid;
border-bottom: #0070C0 3px solid;
}

.slider_style_red {
border-top: #C03051 3px solid;
border-right: #C03051 3px solid;
border-bottom: #C03051 3px solid;
}

.slider_style_orange {
border-top: #EB8834 3px solid;
border-right: #EB8834 3px solid;
border-bottom: #EB8834 3px solid;
}

.slider_win .swtable {
/*cellpadding: 0px; cellspacing: 0px;*/
width: 100%;
/*height: 100%;*/
/*border-radius: 0px 25px 25px 0;*/
border: #F00 0px solid;
}
/*
.slider_win .swcontent {
padding: 10px;
}
*/
/*
.slider_win .swcontent .swcontent_blue .art_title_big {
color: #0070C0;
}

.slider_win .swcontent .swcontent_blue .art_title_small {
color: #0070C0;
}
*/

.swcontent_blue {
padding: 10px;
font-size: 13px;
}

.swcontent_red {
padding: 10px;
font-size: 13px;
}

.swcontent_orange {
padding: 10px;
font-size: 13px;
}

.swcontent_blue .art_slider_title_big {
color: #007ED9;
font-size: 22px;
/*padding-bottom: 15px;*/
font-weight: bold;
white-space: nowrap;
letter-spacing: 1px; 
margin-bottom: 15px;
text-align: left;
/* Отменяет обтекание предыдущего элемента этим заголовком. Без этого свойства
заголовок попадал под иллюстрацию, которая располагалась выше, если текст сбоку
иллюстрации сильно расползался по ширине (при большом разрешении экрана 1280 px) */
clear: both;
}

.swcontent_blue .art_slider_title_small {
color: #007ED9;
font-size: 20px;
font-weight: bold;
/*padding-bottom: 10px;*/
margin-bottom: 7px;
text-align: left;
}

.swcontent_red .art_slider_title_big {
color: #C03051;
font-size: 22px;
/*padding-bottom: 15px;*/
font-weight: bold;
white-space: nowrap;
letter-spacing: 1px; 
margin-bottom: 15px;
text-align: left;
/* Отменяет обтекание предыдущего элемента этим заголовком. Без этого свойства
заголовок попадал под иллюстрацию, которая располагалась выше, если текст сбоку
иллюстрации сильно расползался по ширине (при большом разрешении экрана 1280 px) */
clear: both;
}

.swcontent_red .art_slider_title_small {
color: #C03051;
font-size: 20px;
font-weight: bold;
/*padding-bottom: 10px;*/
margin-bottom: 7px;
text-align: left;
}

.swcontent_orange .art_slider_title_big {
color: #EB8834;
font-size: 22px;
/*padding-bottom: 15px;*/
font-weight: bold;
white-space: nowrap;
letter-spacing: 1px; 
margin-bottom: 15px;
text-align: left;
/* Отменяет обтекание предыдущего элемента этим заголовком. Без этого свойства
заголовок попадал под иллюстрацию, которая располагалась выше, если текст сбоку
иллюстрации сильно расползался по ширине (при большом разрешении экрана 1280 px) */
clear: both;
}

.swcontent_orange .art_slider_title_small {
color: #EB8834;
font-size: 20px;
font-weight: bold;
/*padding-bottom: 10px;*/
margin-bottom: 7px;
text-align: left;
}

.slider_win .swbutton_td {
border-radius: 0px 22px 22px 0;
width: 25px;
/*vertical-align: middle;*/
/*padding-top: 40px;*/
}

.swbutton_style_blue {
background-color: #0070C0;
background-image: url(datas/float_win/button_bg.jpg);
background-repeat: repeat-y;
}

.swbutton_style_red {
background-color: #C03051;
background-image: url(datas/float_win/button_bg_red.jpg);
background-repeat: repeat-y;
}

.swbutton_style_orange {
background-color: #FF0;
background-image: url(datas/float_win/button_bg_orange.jpg);
background-repeat: repeat-y;
}

.turn_back90 {
-moz-transform: rotate(-90deg); /* Для Firefox */
-ms-transform: rotate(-90deg); /* Для IE */
-webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
-o-transform: rotate(-90deg); /* Для Opera */
transform: rotate(-90deg);
}

.slider_win .swbutton {
width: 25px;
font-family: Times New Roman, tahoma, Arial, Helvetica, sans-serif;
font-size: 18px !important;
font-weight: bold;
color: #FFF;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
/*border: #F00 1px solid;*/
}

.swbutton_close {
font-family: Times New Roman, tahoma, Arial, Helvetica, sans-serif;
font-size: 14px !important;
text-align: right;
cursor: pointer;
cursor: hand;
text-decoration: none;
margin: 0px;
padding: 0px;
position: relative;
top: -5px;
}

.swbutton_close:hover {
font-family: Times New Roman, tahoma, Arial, Helvetica, sans-serif;
font-size: 14px !important;
text-align: right;
cursor: pointer;
cursor: hand;
text-decoration: underline;
}