/* Стандартные стили */

/** * * * * * * * * * * * * * * * *
* Базовый файл стилей для Eresus  *
* * * * * * * * * * * * * * * * * *
* В этом файле заданы стили основных элементов
* и перечислены встроенные селекторы и идетификаторы
* ---
* Для указания пути к картинкам используйте макрос http://www.rentartmedia.ru/style/
*/

/* Основные стили */
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: verdana, tahoma, sans-serif;
  font-size: 8pt;
}
img {border: 0;}
sup, sub {font-size: 80%;}

a {text-decoration: underline;}
a:link {color: #00f;}
a:visited {color: #008;}
a:hover {color: #f00;}

p {
  text-align: justify;
  text-indent: 1em;
  margin: 2px 0 3px;
}

h1, h2, h3, h4, h5, h6 {font-family: arial, verdana, tahoma, sans-serif;  margin: 1em 0 0.2em;}
h1 {font-size: 160%;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

.hidden {display: none;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стиль области контента                                                           *
* Внутри этой области не допускается никаких вложенных элементов шаблона страницы  *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#Content {
  padding: 0.5em 1em;
}

/* Переключатель страниц */
div.pages {}
.pages span.selected {} /* Выбранная страница */


/* * * * * * * * *
* Стили веб-форм *
* * * * * * * * */
div.form {}
.form th {}
.form td {}
.form input {}
.form textarea {}
.form input.button {}
.form td.formLabel {} /* Ячейка, содержащая метку (подпись) элемента управления */
.form span.hint {} /* Метка, имеющая подсказку */
.form th.formHeader {} /* Подзаголовок */
.form td.formText {} /* Ячейка, содержащая простой текст */
.form td.buttons {} /* Ячейка, содержащая кнопки формы */


input.contentButton {}

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* * * * * * * * * * * * * * * * * * * * * *
* Дополнительные стили модулей расширения  *
* * * * * * * * * * * * * * * * * * * * * */



*, a img {
        padding: 0;
        margin: 0;
        border: 1;
}

p, h1, h2, h3, h4, h5, h6, #Content{
        padding: 0;
        margin: 0;
        text-indent: 0;
        text-align: left;
}

#all{
        min-width: 1000px;
        width: 100%;
}

#top{
        float: left;
        width: 100%;
        background: url(http://www.rentartmedia.ru/style/top.gif) top left repeat-x;
        height: 170px;
}

#top_left{
        float: left;
        width: 456px;
        height: 170px;
        background: url(http://www.rentartmedia.ru/style/top_left.jpg) top left no-repeat;
}

#top_centerright{
        float: right;
        width: 100%;
        margin-left: -456px;
        height: 170px;
}

#top_centerright_inner{
        margin-left: 456px;
}

#businessmen{
        float: right;
        font-family: tahoma, sans-serif;
        font-weight: bold;
        width: 185px;
        padding-left: 105px;
        height: 160px;
        padding-top: 10px;
        background: url(http://www.rentartmedia.ru/style/businessmen.jpg) top right no-repeat;
}

#businessmen .phones{
        font-size: 11px;
        color: #A42727;
        padding-bottom: 2px;
}

#businessmen .phone{
        font-size: 14px;
        color: #454544;
}

#businessmen .icq{
         color: #A42727;
         font-size: 12px;
         padding-top: 12px;
}

#businessmen .icq span{
        color: #454544;
        font-size: 14px;
}

#plasma{
        float: left;
        width: 100%;
        margin-right: -290px;
}

#plasma_inner{
        margin-right: 290px;
}

#plasma_true{
        float: left;
        width: 100%;
        height: 170px;
        background: url(http://www.rentartmedia.ru/style/plasma.jpg) center top no-repeat;
}

#hormenu{
        float: left;
        width: 100%;
        height: 53px;
        background: url(http://www.rentartmedia.ru/style/hormenu.gif) top left repeat-x;
}

#hormenu_inner{
        float: left;
        width: 100%;
        height: 53px;
        background: url(http://www.rentartmedia.ru/style/hormenu_left.gif) top left no-repeat;
}

#hormenu_inner2{
        float: left;
        width: 100%;
        height: 53px;
        background: url(http://www.rentartmedia.ru/style/hormenu_right.gif) top right no-repeat;
}

#hormenu_true{
        padding-left: 392px;
        padding-top: 22px;
}

#hormenu_true a{
        float: left;
        font-size: 11px;
        font-family: tahoma, sans-serif;
        color: #A42727;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        background: url(http://www.rentartmedia.ru/style/hormenu_a.gif) top left no-repeat;
        padding-left: 18px;
        margin-right: 31px;
        display: inline;
}

#hormenu_under{
        float: left;
        width: 100%;
        height: 4px;
        font-size: 0px;
        background: url(http://www.rentartmedia.ru/style/hormenu_under.gif) top left no-repeat;
}

#hormenu_under_inner{
        margin-left: 353px;
        margin-right: 32px;
}

#hormenu_under_inner2{
        float: left;
        width: 100%;
        height: 4px;
        background: url(http://www.rentartmedia.ru/style/hormenu_under2.gif) top center no-repeat;
}

#body{
        float: left;
        position: relative;
        width: 100%;
        background: url(http://www.rentartmedia.ru/style/left.gif) top left repeat-y;
}

#left{
        float: left;
        width: 256px;
        position: relative;
        z-index: 10;
}

#home{
        float: left;
        display: inline;
        margin-top: 16px;
        margin-left: 100px;
}

#mail{
        float: left;
        display: inline;
        margin-top: 16px;
        margin-left: 48px;
}

#homemail{
        width: 256px;
        height: 65px;
        float: left;
        overflow: hidden;
        position: relative;
        z-index: 10;
        background: url(http://www.rentartmedia.ru/style/homemail.gif) top left no-repeat;
}

#menu{
        float: left;
        border-right: 1px solid #838383;
        margin-left: 32px;
        display: inline;
        width: 223px;
        z-index: 10;
        position: relative;
        overflow: hidden;
        padding-bottom: 12px;
        background: url(http://www.rentartmedia.ru/style/menu.gif) bottom right no-repeat #F1F1F0;
}

#menu a{
        float: left;
        font-size: 11px;
        font-family: tahoma, sans-serif;
        font-weight: bold;
        color: #1F1F1F;
        text-decoration: none;
        width: 222px;
        border-right: 1px solid white;
        z-index: 9;
        top: -13px;
        position: relative;
        left: 3px;
        margin-left: -3px;
}

#menu a.level1{
        border-top: 1px solid white;
        margin-left: 15px;
        padding-left: 21px;
        display: inline;
        width: 186px;
        background: url(http://www.rentartmedia.ru/style/menu_a_level1.gif) 0px 14px no-repeat;
        padding-top: 12px;
        margin-top: 12px;
}

#menu a.level2{
        margin-left: 33px;
        left: 3px;
        display: inline;
        padding-left: 12px;
        background: url(http://www.rentartmedia.ru/style/menu_a_level2.gif) 0px 4px no-repeat;
        width: 174px;
        margin-top: 3px;
}

#left .discount{
        float: left;
        width: 153px;
        padding-left: 58px;
        padding-right: 45px;
        height: 93px;
        padding-top: 32px;
        text-align: right;
        font-family: tahoma, sans-serif;
        margin-top: 15px;
        display: inline;
}

#left .big{
        font-weight: bold;
        font-size: 20px;
}

#left .small{
        font-weight: bold;
        font-size: 12px;
}

#left .norm{
        font-size: 18px;
        padding-top: 5px;
}

#left .red{
        background: url(http://www.rentartmedia.ru/style/left_red.gif) top left no-repeat;
}

#left .green{
        background: url(http://www.rentartmedia.ru/style/left_green.gif) top left no-repeat;
}

#left .red .small, #left .red .big{
        color: #A42727;
}

#left .green .small, #left .green .big{
        color: #4E5C34;
}

#right{
        float: right;
        margin-left: -256px;
        position: relative;
        z-index: 8;
        width: 100%;
}

#right_inner{
        margin-left: 264px;
        margin-right: 31px;
}

#blocks{
        float: left;
        width: 100%;
        font-family: tahoma, sans-serif;
        color: #838383;
}

#blocks .head{
        font-size: 18px;
        float: left;
        clear: both;
        width: 100%;
        padding-bottom: 16px;
}

#blocks .plain{
        font-size: 12px;
        float: left;
        clear: both;
        width: 100%;
}

#blocks a{
        font-size: 11px;
        color: #A42727;
}

#blocks a.more{
        padding-right: 14px;
        background: url(http://www.rentartmedia.ru/style/blocks_more.gif) right 2px no-repeat;
        float: left;
        clear: both;
        margin-top: 16px;
        display: inline;
}

#block1{
        float: left;
        width: 50%;
        margin-right: -1px;
        height: 189px;
        background: url(http://www.rentartmedia.ru/style/block1.gif);
}

#block1_inner{
        float: left;
        width: 100%;
        height: 189px;
        background: url(http://www.rentartmedia.ru/style/block1_inner.gif) top left no-repeat;
}

#block1_inner2{
        float: left;
        width: 100%;
        height: 144px;
        background: url(http://www.rentartmedia.ru/style/block1_inner2.gif) top right no-repeat;
        padding-top: 45px;
}

#block1_true{
        padding-left: 60px;
        padding-right: 30px;
}

#block2{
        float: right;
        width: 50%;
        height: 189px;
        background: url(http://www.rentartmedia.ru/style/block2.gif);
}

#block2_inner{
        float: left;
        width: 100%;
        height: 189px;
        background: url(http://www.rentartmedia.ru/style/block2_inner.gif) top left no-repeat;
}

#block2_inner2{
        float: left;
        width: 100%;
        height: 144px;
        background: url(http://www.rentartmedia.ru/style/block2_inner2.gif) top right no-repeat;
        padding-top: 45px;
}

#block2_true{
        padding-left: 24px;
        padding-right: 150px;
}

#block3{
        float: left;
        width: 50%;
        margin-right: -1px;
        height: 193px;
        background: url(http://www.rentartmedia.ru/style/block3.gif) top left repeat-x;
}

#block3_inner{
        float: left;
        width: 100%;
        height: 193px;
        background: url(http://www.rentartmedia.ru/style/block3_inner.gif) top left no-repeat;
}

#block3_inner2{
        float: left;
        width: 100%;
        height: 193px;
        background: url(http://www.rentartmedia.ru/style/block3_inner2.gif) top right no-repeat;
        padding-top: 10px;
}

#block3_true{
        padding-left: 60px;
        padding-right: 30px;
}

#block4{
        float: right;
        width: 50%;
        height: 193px;
        background: url(http://www.rentartmedia.ru/style/block4.gif) top left repeat-x;
}

#block4_inner{
        float: left;
        width: 100%;
        height: 193px;
        background: url(http://www.rentartmedia.ru/style/block4_inner.gif) top left no-repeat;
}

#block4_inner2{
        float: left;
        width: 100%;
        height: 193px;
        background: url(http://www.rentartmedia.ru/style/block4_inner2.gif) top right no-repeat;
        padding-top: 10px;
}

#block4_true{
        padding-left: 24px;
        padding-right: 60px;
}

#true_content{
        float: left;
        width: 100%;
        clear: both;
}

#Content{
        font-family: tahoma, sans-serif;
        font-size: 12px;
        padding-left: 51px;
        padding-top: 22px;
        padding-bottom: 50px;
}

#packages{
        float: left;
        display: inline;
        margin-left: 21px;
        background: #A42727;
        color: #F2F3F1;
        font-family: tahoma, sans-serif;
        font-size: 11px;
        width: 100%;
        clear: both;
}

#packages a{
        color: #A4A4A4;
}

#packages .head{
        float: left;
        padding-left: 52px;
        font-size: 18px;
        font-weight: bold;
        padding-top: 9px;
}

#packages .plain{
        float: left;
        padding-left: 51px;
        padding-right: 30px;
        padding-top: 14px;
        padding-bottom: 14px;
}

#packages a.more{
        float: left;
        clear: both;
        display: inline;
        padding-right: 14px;
        padding-left: 51px;
        background: url(http://www.rentartmedia.ru/style/packages_more.gif) right 2px no-repeat;
}

#package1{
        float: left;
        width: 33%;
        background: url(http://www.rentartmedia.ru/style/package1.gif) top left no-repeat;
        padding-bottom: 16px;
}

#package2{
        float: left;
        width: 33%;
        background: url(http://www.rentartmedia.ru/style/package2.gif) top left no-repeat;
        padding-bottom: 16px;
}

#package3{
        float: left;
        width: 33%;
        background: url(http://www.rentartmedia.ru/style/package3.gif) top left no-repeat;
        padding-bottom: 16px;
}

#footer{
        float: left;
        width: 100%;
        height: 145px;
        background: url(http://www.rentartmedia.ru/style/footer.gif) top left repeat-x;
}

#footer_left{
        float: left;
        width: 427px;
        height: 77px;
        padding-top: 68px;
        background: url(http://www.rentartmedia.ru/style/footer_left.gif) top left no-repeat;
}

#footer_left a{
        text-decoration: none;
        font-size: 11px;
        font-family: tahoma, sans-serif;
        color: #838383;
        margin-left: 125px;
}

#footer_right{
        float: right;
        width: 219px;
        padding-right: 131px;
        height: 55px;
        padding-top: 90px;
        background: url(http://www.rentartmedia.ru/style/footer_right.gif) top right no-repeat;
        text-align: right;
}

#footer_right a{
        font-size: 10px;
        font-family: tahoma, sans-serif;
        color: #A42727;
        text-decoration: none;
}

#question input.text {
 width: 300px;
 border: 1px solid #aaaaaa;
}

#question textarea.text {
 width: 300px;
 height:100px;
 border: 1px solid #aaaaaa;
}