#leftbar { width:250px; height:480px; background-color: #CCC; margin-left:30px; float:left; border-radius:10px; background-image:url(images/vopros.png); background-repeat:no-repeat; border: 1px #000 solid; padding-top:20px; text-align:center;   }



#thank { width:200px; height:60px; background-color:#FFF; border: 1px #000 solid; border-radius:10px; display: inline-block; text-align:center; font-size:24px; margin-top:10px;  }
#zag { width:200px; height:60px; background-color:#FFF; border: 1px #000 solid; border-radius:10px; display: inline-block; text-align:center; font-size:24px; margin-top:10px; margin-bottom:20px;   }
#trolo { width:200px; height:35px; background-color:#FFF; border: 1px #000 solid; border-radius:10px; display:inline; text-align:center; margin-bottom:5px;  }
#dzin { width:200px; height:35px; background-color:#FFF; border: 1px #000 solid; border-radius:10px; text-align:center; margin-bottom:5px;   }
#blabla { width:220px; height:50px; background-color:#FFF; border: 1px #000 solid; border-radius:10px; text-align:center; padding-top:30px;margin-bottom:5px; font-family:Calibri; font-size:16px;   }
#otpr { width:220px; height:55px; background-color: #FF8000; border: 1px #000 solid; border-radius:10px; color:#FFF; font-family:Calibri, Arial; font-size:23px; font-weight:600;   margin-top:20px;}

#rightbar { margin-left:310px; margin-right:30px;   margin-bottom:30px; border-radius:10px;  padding:10px; margin-top:-20px; border: 1px #000 solid;}
#cent { margin:0 auto; width:740px;}
#cent td { padding-left:10px!important;}
#mar5 { color: #fff; font-weight:bold; }
 .zagolovok { font-size:23px; margin-left:20px; }

.ceeds { font-family: Arial, Helvetica, sans-serif; padding-left:310px; padding-top:5px; font-size:15px; padding-bottom:5px;  }
.ceeds a{ text-decoration:none; color:#000;}
 

#400px { height:400px; position:absolute;}
div.catitem {
	
 width:150px;
 height: 120px; 
 padding: 35px;
 font-size:16px; color: #F90;
 text-align:center;
}
.catid { height:300px;
 }

 
 
div.catitem div {

 
 
 font-size:15px;
 text-align: center;
 
 padding-right:7px;
 padding-top:2px;
}

 

.list table{ border-style:}





#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/templates/lightbox/overlay.png); }

* HTML #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(/templates/lightbox/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="/templates/lightbox/overlay.png", sizingMethod="scale");
}


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

* {
	margin:0;
	padding:0;
}
body {
	 
	background-repeat:no-repeat;
	background-position:top;  font-family:Arial;
}
#bghead { background-image:url(images/fort.png); background-position:center; background-repeat:no-repeat;
	width:100%;
	height:250px;
	background-color:rgba(255, 255, 255, 1);
	position:absolute;
	z-index:-10;
}
#container {
	width:90%;
	margin: 0 auto;
	min-width:1024px; /* для нормальных браузеров*/
 width:expression(document.body.clientWidth > 1024? "100%" :"1024px"); /* для ie*/
}
#header {
	width:100%;
	height:200px;
	min-width:1024px; /* для нормальных браузеров*/
 width:expression(document.body.clientWidth > 1024? "100%" :"1024px"); /* для ie*/
}
#logo { margin-left:20px; padding-top:30px;
	 
   
	
	  
	float:left;
	  
}
#descriptor {width:400px; 
	padding-top:50px; float:left; margin-left:50px;  
	   
}
#descriptor h1 { display:none;
	font-size:25px;
	font-family: Calibri; color:#FFF  ;
	 
}
#topcont { 
	float: right;
	width:230px;
	height:130px;
	background-color:#999;
	margin-top:25px;
	margin-bottom:25px;
	margin-right:25px;
	background-color:rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	padding:10px;
	
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
#backcall {
	background-color: #333;
	margin-top:15px;
	padding:5px;
	border-radius: 10px;
	color:#FFF;
}
#bc {
	text-decoration:none;
}
#nav {   width:680px; margin: 10px auto 0px; height:50px;  }
#nav ul{ list-style:none; display: inline; width:500px; margin: 0 auto; }
#nav li{  font-size:18px; color:#FFF;   margin-right:10px; display: inline; padding:3px;}
#nav li a { text-decoration: none; color:#000; font-weight:bold;  }

#content { padding: 10px 0px 10px 0px; }

#namdover ul { list-style:none; display:inline; padding:0; margin:0px; }
#namdover li {   list-style:none; display:inline; width:100px; }


#htab { width:280px; height:30px; background-color:rgba(255, 255, 255, 1); padding:10px; border-radius: 10px; font-size:24px; font-weight:bold; text-align:center; font-family: Calibri; margin-bottom:25px;}
#mtab { width:280px; height:350px;  background-color:rgba(255, 255, 255, 1); padding:10px; border-radius: 10px; text-align:center; font-size:20px; }
#mtab ul { list-style:none; display:inline-block; padding-top:25px; }
#mtab li { padding-top:17px; }
#htab2 { width:430px; height:30px; background-color:rgba(255, 255, 255, 1); padding:10px; border-radius: 10px; font-size:24px; font-weight:bold; text-align:center; font-family: Calibri; margin-bottom:25px;}
#mtab2 {     background-color:rgba(255, 255, 255, 1); padding:10px; border-radius: 10px; text-align:center;}


#footer{ margin-bottom:50px; margin-top:20px;}
#footer #cont { background-color: #CCC; padding:10px; border-radius: 10px; width:950px; margin:0 auto; height:570px; margin-bottom:20px; }

#wrapcontent {background-color: #FFF; padding:30px; border-radius: 10px; width:910px; margin:30px auto 0;    }
#px20 {font-size:20px; color:#000; padding-top:40px; padding-left:110px; } 
.cent { margin:0 auto;}
#wrapcontent ul { margin-left:50px; padding-bottom:20px; color:#666; font-size:19px; font-weight:bold;  }
#wrapcontent li { list-style: circle;font-size:16px; font-weight:100; }
#perevozkispb{ background-image:url(img/gruzoperevozki-spb-telefon.png); width:700px; margin:0 auto; height:150px; clear:both;}
#ofisniypereezd{ background-image: url(img/ofisniy-pereezd-pod-kluch.png);width:700px; margin:0 auto; height:150px;}

#wrapcontent p{ margin-bottom:20px; margin:20px; }
#tab2 { background-color: rgba(255, 255, 255, 1); padding:10px;  width:450px;; float:left;   border-radius: 10px; }
#otzyvi { margin-top:10px; margin-bottom:10px;}
#otzyvi img { margin-right:3px;}

#forma2 { width:250px; margin: 0 auto;}
#name { background-color:#CCC; width:250px; }
#contact { background-color:#CCC; width:250px; }
#text { background-color:#CCC; width:250px; margin-bottom:20px;  }
#send { background-color: #FC0; width:250px;   height:40px; display:block; margin:0 auto; font-size:24px; color: #FFF; }

#white { width:950px;  background-color: rgba(255, 255, 255, 1); padding:10px;      border-radius: 10px; margin:0 auto; }

/* Общая разметка end*/
.thumbnails
{ width:100%;
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: 0 auto;

/* Выравнивание по центру */
text-align: center;
}

.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: left;

/* Отступы между блоками */
margin: 3em 0 0 2em;
}

.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */
width: 8em;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
   ; text-align:center; background-color:#CCC;   padding-top:10px; padding-bottom:10px;
 
}


.thumbnail .rt
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */
width: 14em;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
border: 1px solid  #FF8000  ; text-align:center; background-color: #FF8000; padding-top:10px; padding-bottom:10px;
 
}

#tumb_text { text-align:center; margin-left:10px; margin-right:10px; font-size:14px;}