/* базовые стили */

body {width:1000px;}

h1 {color:#132942; font-size:1.7em; margin-top:0; margin-bottom:25px;}
h2 {color:#132942; text-align:center; font-size:1.4em; margin-top:20px; margin-bottom:15px;}
h3 {color:#132942; text-align:center; font-size:1.2em; margin-top:20px; margin-bottom:10px; clear:both;}
h4 {Margin:2.5em 0 10px;}
a {color:#1578D6;}

th {border-width:1px;  background:#ECECEC; padding:2px 3px; text-align:center; vertical-align:middle; font-weight:normal;}
td {border-width: 1px; padding:2px 3px}
td.center {text-align:center;}
td.middle {vertical-align:middle;}
td.justify {text-align:justify;}

hr.dotted {height:0; width:400px; Border: 1px dashed gray; margin:5px 0 15px 0;}

/* Шаблон на основе двух колонок. Левая - лого, телефоны, меню, координаты; правая - икони, гориз. меню, основной контент */

/* лого и блок с телефонами */
div.leftConteiner {float:left; width:285px; background: white url(/images/roofguide/maket/bgLeftConteiner.gif) right top no-repeat; zoom:1;}
div.logo {height:149px;}
div.logo img {margin-top:55px; margin-left:25px}
div.phone {width:275px; height:98px; background: url(/images/roofguide/maket/bgPhone.gif) left top repeat-x}
div.phone div {background: url(/images/roofguide/maket/bgPhoneLeft.png) left top no-repeat;}
/* div.phone p {display:block; margin:0 50px; padding-top:20px; line-height:1.7em; color:white; font-weight:bold; font-size:1.1em;} */ /* телефоны без указаний станций метро */
div.phone p {display:block; margin:0 50px; padding-top:10px; line-height:1.1em; color:white; font-weight:bold; font-size:1.1em;}

/* главное меню меню */
div.mainMenu {min-height2:450px; background: url(/images/roofguide/maket/bgMainMenu.png) right top repeat-y;}
ul.mainMenu { background: transparent url(/images/roofguide/maket/bgMainMenuTop.gif) right top no-repeat; padding-top:45px; padding-bottom:110px; padding-left:15px;}
ul.mainMenu li {list-style-type:none; padding-left:11px; background: url(/images/roofguide/maket/liMenu_1.png) left 10px no-repeat;}
ul.mainMenu li ul {padding-left:0px;}
ul.mainMenu li ul li {padding-left:13px; background: url(/images/roofguide/maket/liMenu_2.png) left 10px no-repeat;}
ul.mainMenu li ul li ul li {padding-left:15px; background: url(/images/roofguide/maket/liMenu_3.png) left 10px no-repeat;}
ul.mainMenu a {color:black; text-decoration:none; line-height:2em;}
div.mainMenuBottom {height:8px; background: url(/images/roofguide/maket/bgMainMenuBottom.png) right bottom no-repeat;}

/* контактные данные в нижней правой части страницы и счетчики */
div.contactInfo {width:247px; border: 1px solid #9A9A9A; margin-left:1px; padding:13px 13px 20px 13px; margin-top:30px;} /* 290px - 2px (border) - 26px (left and right padding )*/
div.contactInfo p {display:block; margin:0; padding:0.6em 0 0.5em 0;}
div.contactInfo span {color:#CC0000; font-weight:bold;}
div.contactInfo a {color:black; text-decoration:none;}
div.contactInfo a:hover {text-decoration:underline;}

div.counters {width:264px; margin-left:1px; margin-top:10px;}

/* правая колонка */
div.rightConteiner {overflow:hidden;}
div.rightConteiner {width:715px; float:left;}
/*div.rightConteiner {width:700px; background:red;}*/



div.navIcons {padding:25px 100px 38px 0; text-align:right;}
div.navIcons img {margin-left:30px}

/* верхнее меню */
div.topMenu {text-align:right; padding-bottom:4px;}
div.topMenu a {margin-left:15px; color:black; text-decoration:none;}
div.topMenu a:hover {text-decoration:underline;}

/* рисунок в шапке */
div.headerImg {background: url(/images/roofguide/maket/bgHeaderImg.gif) left top repeat-x; text-align:right; padding:6px 0 7px 0;}
div.headerImg img {display:inline-block;}

/* конент */
div.contentConteiner {margin:0 5px 0 10px; padding:20px 0 30px 0;}
/*div.contentConteiner {margin:0 5px 0 15px; padding:20px 0 30px 0;  background:yellow;}*/

/* нижний блок */
div.footer {clear:both; height:110px; background: white url(/images/roofguide/maket/bgFooter.gif) left 15px repeat-x;}
div.bottomMenu {padding-top:40px; text-align:center;}
div.bottomMenu a {color:black; text-decoration:none; padding:0 21px 0 20px;  border-right:1px solid black;}

div.copyright {padding-top:25px; text-align:center;}


/* Общие стили внутренних страниц */

/* таблица превьюшек */
table.thumbs td {text-align:center; color:white; font-weight:bold;}
table.thumbs td img {margin:0px auto; }

/* изображения в разделах монтажа  и вообще изображения, которые должны быть выровнены справа */
div.contentConteiner ul img, img.montag, img.right {float:right; margin-left:10px;}
 

/* таблицы прайс-листов (уменьшен шрифт и отступы, чтобы умещались на странице) */
table.price {font-size:0.9em;}
table.price td {padding:0 1px}