BODY
{
font-family: Calibri, 'calibri_web', verdana;
font-size: 24px;
color: #333333;
margin: 0px;
background-color: #000;
background-image: url('./img/leather_bg1.jpg');
}

.footerdiv
{
width: 100%;
height: 132px;
text-align: center;
box-shadow: 0 0 5px #333;
}

.footertable
{
width: 1000px;
height: 132px;
background-image: url('./img/footer_bg.jpg');
background-repeat: no-repeat;
margin: auto;
}

.footer1
{

}

.footer2
{
color: #fff;
font-size: 26px;
width: 333px;
text-align: center;
padding-top: 20px;
}

.footerurl
{
text-decoration: none;
color: #fff;
}

.footertext
{
margin: 0px;
margin-bottom: 10px;
font-size: 28px;
font-weight: normal;
color: #333;
}

.bold
{
font-weight: bold;
}

.mainbody
{
width: 1000px;
margin: auto;
text-align: center;
background-color: #fff;
box-shadow: 0 0 10px black;
}

.headerdiv
{
text-align: center;
background-image: url('./img/header_bg.jpg');
background-repeat: no-repeat;
background-position: center top;
height: 276px;
box-shadow: 0 0 5px #333;
}

.headertable
{
width: 1000px;
margin: auto;
padding-top: 20px;
text-align: center;
}

.picheader
{
margin-top: 20px;
}

.imgurl
{
text-decoration: none;
border: none;
}

.brown
{
color: #553523;
}

.phonepic
{
text-shadow: none;
}

.headertext
{
font-weight: bold;
font-size: 46px;
margin: 0px;
color: #fff;
text-shadow: 2px 2px 3px #777, 0px 0px 2px #777;
}

.headerphone
{
font-weight: bold;
font-size: 46px;
margin: 0px;
color: #fff;
text-shadow: 2px 2px 3px #777;
text-align: right;
padding-right: 100px;
}

.headermail
{
font-size: 28px;
font-weight: bold;
}

.phoneheader
{
font-weight: bold;
font-size: 30px;
text-align: right;
}

.blue
{
color: #29166F;
}

.right
{
text-align: right;
}

.menutable
{
margin: auto;
width: 1000px;
margin-top: 10px;
}

.menuurl
{
text-decoration: none;
font-size: 30px;
color: #29166F;
}

.menuurl:HOVER
{
color: #7CAF26;
}

.active
{
color: #7CAF26;
}

.bodytext
{
/* width: 1000px; */
width: 1000px;
margin: auto;
}

.nametext
{
color: #583724;
font-size: 40px;
text-align: left;
margin: 0px;
margin-top: 10px;
padding-left: 20px;
}	

.namepromos
{
color: #29166F;
font-size: 40px;
text-align: left;
margin: 0px;
margin-bottom: 10px;
}	

.bigtext
{
color: #29166F;
font-size: 30px;
text-align: left;
margin: 0px;
}	

.mininame
{
color: #333;
font-size: 30px;
text-align: left;
margin: 0px;
margin-bottom: 20px;
}	

.bodytext P
{
text-align: justify;
font-size: 24px;
padding-left: 20px;
padding-right: 20px;
margin: 0px;
}


.buttons
{
font-size: 24px;
text-decoration: none;
color: #fff;
background-color: #563623;
padding: 15px 30px;
border: none;
font-weight: normal;
}

.buttons:HOVER
{
background-color: #613D27;
}

.zamer
{
width: 100%;
background-image: url('./img/measurements_bg.jpg');
background-position: center bottom;
background-repeat: no-repeat;
height: 500px;
}


.repair
{
width: 100%;
background-image: url('./img/repair_bg.jpg');
background-position: center top;
background-repeat: no-repeat;
}
.vybor
{
width: 100%;
background-image: url('./img/about_bg.jpg');
background-position: center top;
background-repeat: no-repeat;
/* height: 600px; */
}

.repearimg
{
float: left;
margin-right: 20px;
}

.production
{
width: 100%;
background-image: url('./img/production_bg.jpg');
background-position: center bottom;
background-repeat: no-repeat;
/* height: 600px; */
}

.vybor P
{
color: #29166F;
}

.vybortable
{
color: #29166F;
font-size: 24px;
width: 100%;
text-align: center;
}

.vybortable TD
{
padding-left: 50px;
padding-right: 50px;
}

.icontext
{
font-size: 90px;
}











/* кнопка наверх */
.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:0.9;filter:alpha(opacity=90);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;background:#583724 url('./img/top.png') no-repeat 50% 11px;border-radius:0px;}

/* шрифты  */

@media all and (min-width: 620px) {
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibri.eot');
		src: url('/fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibri.woff') format('woff'),
			 url('/fonts/calibri.ttf') format('truetype'),
			 url('/fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrib.eot');
		src: url('/fonts/calibrib.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrib.woff') format('woff'),
			 url('/fonts/calibrib.ttf') format('truetype'),
			 url('/fonts/calibrib.svg#calibri') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibrii.eot');
		src: url('/fonts/calibrii.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibrii.woff') format('woff'),
			 url('/fonts/calibrii.ttf') format('truetype'),
			 url('/fonts/calibrii.svg#calibri') format('svg');
		font-weight: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'calibri_web';
		src: url('/fonts/calibriz.eot');
		src: url('/fonts/calibriz.eot?#iefix') format('embedded-opentype'),
			 url('/fonts/calibriz.woff') format('woff'),
			 url('/fonts/calibriz.ttf') format('truetype'),
			 url('/fonts/calibriz.svg#calibri') format('svg');
		font-weight: bold;
		font-style: italic;
	}
}

/* модальное окно*/
#modal_form {
	width: 400px; 
	height: 230px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #7BB024;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}


.nameorder
{
border: solid 0px black;
width: 180px;
text-align: right;
font-size: 24px;
color: #fff;
padding-right: 10px;
}

.inputorder
{
width: 250px;
padding-left: 15px;
padding-right: 15px;
height: 50px;
border: none;
font-size: 24px;
color: #29166F;
}

.inputorder1
{
width: 460px;
padding-left: 15px;
padding-right: 15px;
margin-left: -10px;
height: 50px;
border: none;
font-size: 24px;
color: #29166F;
border: solid 1px #333;
}

.ordertd
{
text-align: left;
}

.green
{
color: #7BB024;
}

.red
{
color: #E60F63;
}

.ordercall
{
color: #fff;
background-color: #29166F;
font-size: 14px;
cursor: pointer;
border: none;
width: 210px;
height: 40px;
margin-top: 10px;
}

.ordered
{
width: 460px;
background-color: #29166F;
color: #fff;
border: none;
cursor: pointer;
height: 50px;
font-size: 24px;
margin-left: -10px;
}

.ordered1
{
width: 250px;
background-color: #29166F;
color: #fff;
border: none;
cursor: pointer;
height: 50px;
font-size: 24px;
!margin-left: -10px;
}


.ordertable
{
width: 100%;
}

.ordertable TD
{
padding: 10px;
}

.footer3
{
text-align: right;
position: relative;
width: 300px;
}

.siteriatable
{
position: absolute;
right: 20px;
top: 33px;
text-align: right;
color: #333;
font-size: 18px;
}

.siteriaurl
{
text-decoration: none;
color: #FF4800;
font-weight: bold;
font-size: 24px;
}

.siteriaurl:HOVER
{
color: #fff;
text-shadow: 0 0 10px #333, 0 0 3px #FF4800;
}

.important
{

}

.urls
{
text-decoration: none;
color: #583724;
border-bottom: dashed 1px #583724;
}

.map
{
margin: auto;
margin-bottom: 20px;
}

.more
{
display: none;
}

.otzurl
{
font-size: 24px;
text-decoration: none;
color: #fff;
background-color: #563623;
padding: 15px 30px;
}


.divotzyv
{
width: 1000px;
margin: auto;
position: relative;
}

.otzyv
{
text-align: justify;
font-size: 24px;
color: #333;
width: 960px;
margin: auto;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
border-collapse: collapse;
background-color: #FFFFF5;
border-top: dashed 2px #563623;
border-bottom: dashed 2px #563623;
}

.rightspace
{
width: 200px;
}

.textotzyvy
{
font-style: italic;
}

.nameotzyvy
{
text-align: left;
font-weight: bold;
color: #583724;
vertical-align: top;
padding-left: 40px;
}

.tdtop
{
height: 20px;
}

.answerotzyvy
{
text-align: right;
font-size: 18px;
color: #505050;
padding-right: 20px;
}

.urlmelko
{
text-decoration: none;
font-size: 15px;
}

.podpis
{
padding-right: 20px;
text-align: right;
font-size: 18px;
color: #333;
padding-bottom: 20px;
}

.otztable
{
width: 960px;
margin: auto;
text-align: justify;
font-size: 24px;
color: #333;
}

.inputotz
{
width: 310px;
padding-left: 15px;
padding-right: 15px;
height: 50px;
border: none;
font-size: 20px;
color: #563623;
border: solid 1px #563623;
}

.input3
{
font-family: Calibri, 'calibri_web', verdana;
width: 960px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
height: 100px;
border: none;
font-size: 24px;
color: #563623;
border: solid 1px #563623;
}

.bred
{
background-color: red;
}

.speak
{
margin-bottom: -2px;
}

.otzrighttd
{
overflow: hidden;
}

.otzright
{
overflow: hidden;
position: absolute;
}

.leftcloud
{
background-image: url('./img/comment_cloud_left.png');
background-repeat: repeat-y;
background-position: 1;
}

.rightcloud
{
background-image: url('./img/comment_cloud_right.png');
background-repeat: repeat-y;
width: 2px;
padding-left: 0px;
}

.textotz
{
padding: 20px;
padding-top: 20px;
padding-bottom: 0px;
font-style: italic;
}

.speaktd
{
height: 67px;
}

.topcloud
{
margin-bottom: -2px;
}

.bottomcloud
{
margin-top: -2px;
}

.pol
{
vertical-align: top;
padding-top: 20px;
text-align: center;
font-weight: bold;
color: #29166F;
font-size: 28px;
}

.answertable
{
position: absolute;
right: 0px;
z-index: 2;
}

.pluso
{
margin-left: 20px;
}

.icons
{
height: 100px;
padding-top: 20px;
}

.namewhy
{
color: #583724;
font-weight: bold;
font-size: 24px;
vertical-align: bottom;
}

.whytable
{
font-size: 16px;
}

.whytable TD
{
padding: 10px;
vertical-align: top;
}

.whytext
{
width: 200px;
background-color: #FFFFF5;
}

.leatherdiv
{
position: relative;
width: 100%;
height: 667px;
background-image: url('./img/leather.jpg');
}

.leatherdiv2
{
position: absolute;
width: 500px;
height: 300px;
right: 20px;
top: 20px;
background-image: url('./img/white.png');
z-index: 2;
}

.carname
{
color: #333;
}

.otzphone
{
text-align: right;
}

.gallery
{
text-align: justify;
padding: 20px;
}

.gallerynew
{
text-align: justify;
padding: 15px;
}

.gallerydiv
{
width: 232px;
height: 150px;
background-color: green;
display: inline-block;
margin: 5px;
background-repeat: no-repeat !important;
background-size: cover !important;
box-shadow: 0 0 3px #777;
}

.gallerypic
{
height: 150px;
padding: 5px;
margin: 5px;
box-shadow: 0 0 3px black;
}