@charset "utf-8";
/* CSS Document */

* { 
	margin:0; padding:0;
	}
	
html, body {
	height: 100%;
	}
	
a {
	text-decoration:none;
	color:inherit;
 	}
	
a:visited {
	color: inherit;
	}
	
body {
	font-family:Trebuchet MS, arial, sans-serif;;
	color:#FFFFFF;
	font-size:15px;
	background-color:#FFFFFF;
	background-position:center;
	background-image:url(pictures/oformlenie/fon-osnovnoj.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	behavior:url("file:///D|/ES/Works/Sites/JEKA-2/public_html/csshover.htc") /* IE6 так ховер понимает*/
	}
	
/* Клинер */

.cleaner {
	clear:both;
	visibility:hidden;
	}

/* Клинер для флоата*/
	
br {
	clear:both;
	}
	
/* Кругленькие уголки */

.rounded {
	-webkit-border-radius:4px ; 
	-moz-border-radius:4px;
	border-radius:4px; 
	}
	
/* Тьма */

.shadow {
	-webkit-box-shadow: 0px 4px 6px rgba(50, 53, 50, 0.46);
	-moz-box-shadow:    0px 4px 6px rgba(50, 53, 50, 0.46);
	box-shadow:         0px 4px 6px rgba(50, 53, 50, 0.46);	
	}
	
/* Контейнер сайта */
	
div#konteiner-vsego {
	position:relative;
	width:990px;
	margin:0 auto 0 auto;
	min-height:100%
	}
	
*html div#konteiner-vsego {
	height:100%;
	}
	
/* Баннер над шапкой */

div#konteiner-bannera {
	width:990px;
	height:135px;
	margin-top:10px;
	}

/* Шапка сайта */

div#konteiner-shapki {
	width:990px;
	height:280px;
	}
	
div#logo {
	position:relative;
	float:left;
	width:495px;
	height:210px
	}
	
div#logo img {
	margin:35px 0 0 45px;
	}
	
div#text-vozle-logo {
	position:relative;
	float: right;
	width:495px;
	height:210px;
	font-family:arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	color:#FFFFFF;
	text-shadow: #000000 3px 2px 3px;
	}

div#konteiner-menu {
	position:relative;
	clear:both;
	width:990px;
	height:70px;
	background: url(pictures/oformlenie/fon-menu.png) repeat;
	}
	
div#menu-levaja-kolonka {
	position:relative;
	float:left;
	width:495px;
	height:70px;
	}
	
div#menu-levaja-kolonka p{
	width:482px;
	height:46px;
	margin-top:13px;
	margin-left:13px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	background:url(pictures/oformlenie/fon-menu-text.png) no-repeat  left center;
	}
	
div#menu-pravaja-kolonka {
	position:relative;
	float:right;
	width:495px;
	height:70px;
	}

p#knopka-zabory, p#knopka-stolby  {
	position:relative;
	float:left;
	font-family:arial, sans-serif;;
	font-size:35px;
	font-weight:bold;
	text-shadow: #333333 2px 2px;
	text-transform:capitalize;
	color: #FFFFFF;
	padding:3px 10px;
	background: url(pictures/oformlenie/fon-menu-knopka.png) repeat;
	}
	
p#knopka-zabory {
	margin: 13px 0 0 0;
	}
	
p#ampersand {
	margin: 27px 0 0 33px;
	position:relative;
	float:left;
	}
	
p#knopka-stolby {
	margin: 13px 0 0 33px;
	}

p#knopka-zabory:hover, p#knopka-stolby:hover {
	background-color:#333333;
	color: #FFFFFF;
 	}

/* Бегущая строка */

div#stroka {
	position:relative;
	width:100%;
	margin:10px 0 9px 0;
	}
	
div#stroka-vozle-zagolovka {
	position:relative;
	float:right;
	margin-top:15px;
	padding:7px 0 0 0;
	}


/* Контент */

div#konteiner-kontenta {
	width:990px;
	min-height:450px;
	}

/* Контейнер с текстом на всю ширину, светлый*/

div#konteiner-texta-bl-sv-990 {
	position:relative;
	float:left;
	width:960px;
	background: url(pictures/oformlenie/fon-menu-knopka.png) repeat;
	padding:15px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
 	}
	
div#konteiner-texta-bl-sv-990 p {
	width:960px;
	background:url(pictures/oformlenie/fon-pod-text-temn.png) bottom repeat-x;
	}

/* Контейнер с текстом на полширины, светлый*/

div#konteiner-texta-bl-sv {
	position:relative;
	float:left;
	width:465px;
	height:250px;
	background:url(pictures/oformlenie/fon-pod-kontent-sv.png) repeat;
	padding:15px;
	color:#000000;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
 	}
	
div#konteiner-texta-bl-sv p {
	width:465px;
	height:250px;
	background:url(pictures/oformlenie/fon-pod-text-sv.png) bottom no-repeat;
	}

/* Контейнер с текстом на полширины, темный*/

div#konteiner-texta-bl-temn {
	position:relative;
	float:left;
	width:465px;
	height:250px;
	background: url(pictures/oformlenie/fon-menu-knopka.png) repeat;
	padding:15px;
	color:#FFFFFF
	font-size:15px;
	font-weight:bold;
	line-height:22px;
 	}

div#konteiner-texta-bl-temn p {
	width:465px;
	height:250px;
	background:url(pictures/oformlenie/fon-pod-text-temn.png) bottom no-repeat;
	}

/* Карта маленькая */
	
div#konteiner-kontaktov-s-kartoj {
	position:relative;
	float:left;
	width:465px;
	height:250px;
	background: url(pictures/oformlenie/fon-menu-knopka.png) repeat;
	padding:15px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
 	}
	
div#konteiner-karty {
	position:relative;
	float:left;
	width:211px;
	height:100%;
	background-color:#006666;
	}
		
p#kontakty {
	position:relative;
	float:left;
	background:#FFFFFF;
	color:#666666;
	padding:5px 12px;
	}
	
div#karta {
	position:relative;
	float:left;
	width:211px;
	height:218px;
	background:#999999;
	}
	
div#konteiner-kontaktov {
	position:relative;
	float:right;
	width:235px;
	height:250px;
	font-size:16px;
	text-align:right;
	line-height:25px;
	}


/* Карта большая */
	
div#konteiner-kontaktov-s-kartoj-bolshe {
	position:relative;
	float:left;
	width:960px;
	height:250px;
	background: url(pictures/oformlenie/fon-menu-knopka.png) repeat;
	padding:15px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
 	}
	
div#konteiner-karty-bolshe {
	position:relative;
	float:left;
	width:706px;
	height:100%;
	}
			
div#karta-bolshe {
	position:relative;
	float:left;
	width:706px;
	height:248px;
	background:#999999;
	}


/* Карта на индив. страницах заборов */
	
div#konteiner-kontaktov-s-kartoj-zabor {
	position:relative;
	float:left;
	width:465px;
	height:250px;
	background: url(pictures/oformlenie/blizzard.png) repeat;
	padding:15px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
 	}
	
div#konteiner-karty-zabor {
	position:relative;
	float:right;
	width:285px;
	height:100%;
	background-color:#006666;
	}
		
p#kontakty-zabor {
	position:relative;
	float:left;
	background:#FFFFFF;
	color:#666666;
	padding:5px 12px;
	}
	
div#karta-zabor {
	position:relative;
	float:left;
	width:211px;
	height:218px;
	background:#999999;
	}
	
div#konteiner-kontaktov-zabor {
	position:relative;
	float:left;
	width:161px;
	height:250px;
	color: #FFFF99;
	font-size:14px;
	text-align:right;
	line-height:25px;
	}

		
/* Заголовок блока */

div#konteiner-zagolovka-bloka {
	position:relative;
	width:990px;
	height:50px;
	}
	
div#konteiner-zagolovka-bloka h1, h2, h3 {
	position:relative;
	float:left;
	font-family:arial, sans-serif;;
	font-size:25px;
	font-weight:bold;
	color: #FFFFFF;
	padding:3px 10px;
	margin-top:15px;
	background: url(pictures/oformlenie/fon-menu-knopka.png) repeat;
	}
	
/* Каталог на индивидуальных страницах*/

div#konteiner-kataloga-mal {
	position:relative;
	float:right;
	width:990px;
	height:80px;
	background: url(pictures/oformlenie/blizzard.png) repeat;
	}

div#konteiner-ssylki-kataloga-mal{
	position:relative;
	float:left;
	width:199px;
	height:20px;
	margin:30px 14px 0 30px;
	background:left;
	}

div#konteiner-ssylki-kataloga-mal:hover {
	background-position:right;
	}



/* Каталог на главной*/

div#konteiner-kataloga-bl {
	position:relative;
	float:right;
	width:990px;
	height:258px;
	background: url(pictures/oformlenie/green.png) repeat;
	}

div#konteiner-ssylki-kataloga {
	position:relative;
	float:left;
	width:258px;
	height:258px;
	margin-left:-14px;
	}
	
div#konteiner-ssylki-kataloga:hover {
	background: url(pictures/oformlenie/green-dark.png) repeat;
	z-index:1000;
 	}

		
div#konteiner-kartinki-kataloga {
	position:relative;
	width:199px;
	height:199px;
	margin:30px 0 0 30px;
	background-color:#CCFF33;
	}
	
div#katalog-text-verh {
	position:relative;
	width:199px;
	height:149px;
	}
	
div#katalog-text-niz {
	position:relative;
	width:199px;
	height:50px;
	}
	

div#katalog-text-niz p {
	font-size:22px;
	padding:10px 0 0 10px;
	color: #FFFFFF;
	text-shadow: #000000 3px 2px 3px;
	}
	
/* Каталог еврозаборов*/

div#konteiner-kataloga-bl-zabor{
	position:relative;
	float:right;
	width:990px;
	height:208px;
	background: url(pictures/oformlenie/green.png) repeat;
	}

div#konteiner-ssylki-kataloga-zabor {
	position:relative;
	float:left;
	width:258px;
	height:208px;
	margin-left:-14px;
	}
	
div#konteiner-ssylki-kataloga-zabor:hover {
	background: url(pictures/oformlenie/green-dark.png) repeat;
	z-index:1000;
 	}

		
div#konteiner-kartinki-kataloga-zabor {
	position:relative;
	width:199px;
	height:149px;
	margin:30px 0 0 30px;
	background-color:#CCFF33;
	}
	
div#katalog-text-verh-zabor {
	position:relative;
	width:199px;
	height:89px;
	}
	
div#katalog-text-niz-zabor {
	position:relative;
	width:199px;
	height:0px;
	}
	

p#nazvanie-zabora {
	font-size:23px;
	padding:0 0 0 10px;
	margin-top:-5px;
	color: #333333;
	text-shadow: #999999 3px 2px 3px;
	}	

p#evrozabor {
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 24px;
	color: #999999;
	}
	
/* Строка с сылкой */

p#stroka-s-sylkoj {
	position:relative;
	float:left;
	font-size:22px;
	font-weight:bold;
	padding:10px 0 0 14px;
	color:#FFFFFF;
	}

p#stroka-s-sylkoj a {
	text-decoration:underline;
	}


p#stroka-s-sylkoj a:hover {
	text-decoration:none;
	}

img#zdes {
	position:relative;
	float:left;
	display:inline;
	margin:13px 0 0 15px;
	}

/* Подвал */

div#konteiner-podvala {
	position:relative;
	width:990px;
	height:70px;
	background: url(pictures/oformlenie/podval.jpg)
	}
	
div#konteiner-schetchika {
	position:relative;
	float:left;
	width:118px;
	height:70px;
	}

div#schetchik {
	position:relative;
	float:left
	width:88px;
	height:31px;
	margin:20px 0 0 15px;
	}

div#strelka {
	width:70px;
	height:70px;
	position:relative;
	float:right;
	background:url(pictures/oformlenie/strelka-vverh.png) left;
	}

div#strelka:hover {
	background:url(pictures/oformlenie/strelka-vverh.png) right;
	}
	
div#podpis {
	width:802px;
	height:70px;
	position:relative;
	float:left;
	}
	
div#podpis p {
	position:relative;
	float:left;
	}
	
div#podpis img {
	margin:27px 0 0 30px;
	}
	
p#cifry {
	font-size:30px;
	margin:18px 0 0 15px;
	}

p#copyright {
	font-size:40px;
	margin:10px 0 0 15px;
	}

p#podpis {
	margin:27px 0 0 15px;
	}
	
p#podpis a{
	color:#666666;
	background:#FFFFFF;
	}


/* Индивидуальная страничка еврозабора */

div#konteiner-zabora-bolshogo {
	position:relative;
	float:right;
	width:990px;
	height:245px;
	background: url(pictures/oformlenie/blizzard.png) repeat;
	}

div#konteiner-zabora-bolshogo img {
	position:relative;
	float:left;
	margin: 15px 0 0 15px;
	}
	
div#opisanie-zabora {
	position:relative;
	float:right;
	margin: 15px 15px 0 0;
	width:285px;
	height:215px;
	background: url(pictures/oformlenie/fon-menu.png) repeat;
	}
	
div#harakteristiki-zabora {
	position:relative;
	width:285px;
	height:155px;
	}
	
p#harakteristika {
	position:relative;
	float:left;
	color:#000000;
	background-color:#FFFFFF;
	padding:1px 5px;
	margin:15px 0 0 15px;
	font-size:12px;
	font-weight:bold;
	}
	
p#znachenie-harakteristiki {
	position:relative;
	float:left;
	padding-left:2px;
	margin:5px 0 0 15px;
	font-size:15px;
	font-weight:bold;
	}
	
p#cena-zabora {
	position:relative;
	float:left;
	width:225px;
	color: #FFFFFF;
	background: url(pictures/oformlenie/blizzard.png) repeat;
	margin:5px 0 0 15px;
	padding:3px 0 3px 30px;
	font-size:30px;
	font-weight:bold;
	}