/* CSS Document */

/*Главная таблица, овечает за позиционирование обьектов, отступы, размер блоков и форм*/

@import url('reset.css'); 
@import url('chr.css');
body{ background-color:#3b3b3b; background-image:url(../img/headerBg_top.jpg); background-repeat:repeat-x; font-family:Verdana, Geneva, sans-serif; padding-bottom:50px}
/*header*/
#main{width:892px; margin:0 auto 0 auto; }
#header{ width:892px; height:266px; background:url(../img/header.jpg) left bottom no-repeat;}
#photo{ width:892px; height:252px; background:url(../img/photo.png) top right no-repeat; float:right; margin-top:14px;}
/************************bottom*******************************************/
#bottom { width:875px;background:url(../img/ContentBg.png) repeat-y;float:left;}

#left{ width:243px; height:283px; background:#e3e8eb; padding:6px; float:left; position:relative; left:1px; top:0px}




#content { width:795px;background:#4f4f4f; margin:0 0 0 80px; float:left}

#leftContent { background:#a0a3a5; padding:5px; width:233px; height:273px}
ul#navigation { width:617px;height:38px;float:right; background:#3d3d3d}
ul#navigation li{ float:left}
ul#navigation a.about { width:95px; height:38px; background:url(../img/spriteNavigation.png) -14px 0px; text-indent:-2000px; display:block}
ul#navigation a.about:hover { background:url(../img/spriteNavigation.png) -14px -38px;}

ul#navigation a.perevozki { width:98px; height:38px; background:url(../img/spriteNavigation.png) -109px 0px; text-indent:-2000px; display:block}
ul#navigation a.perevozki:hover { background:url(../img/spriteNavigation.png) -109px -38px;}

ul#navigation a.turist { width:82px; height:38px; background:url(../img/spriteNavigation.png) -207px 0px; text-indent:-2000px; display:block}
ul#navigation a.turist:hover { background:url(../img/spriteNavigation.png) -207px -38px;}

ul#navigation a.otdih { width:68px; height:38px; background:url(../img/spriteNavigation.png) -289px 0px; text-indent:-2000px; display:block}
ul#navigation a.otdih:hover { background:url(../img/spriteNavigation.png) -289px -38px;}

ul#navigation a.reklama { width:77px; height:38px; background:url(../img/spriteNavigation.png) -357px 0px; text-indent:-2000px; display:block}
ul#navigation a.reklama:hover { background:url(../img/spriteNavigation.png) -357px -38px;}

ul#navigation a.contact { width:77px; height:38px; background:url(../img/spriteNavigation.png) -434px 0px; text-indent:-2000px; display:block}
ul#navigation a.contact:hover { background:url(../img/spriteNavigation.png) -434px -38px;}

ul#navigation a.forum { width:79px; height:38px; background:url(../img/spriteNavigation.png) -511px 0px; text-indent:-2000px; display:block}
ul#navigation a.forum:hover { background:url(../img/spriteNavigation.png) -511px -38px;}
ul#navigation li.shang{width:14px; height:38px; background:url(../img/spriteNavigation.png) 0px 0px; text-indent:-2000px; }
ul#navigation li.xia{width:27px; height:38px; background:#3b3b3b}
#newsContent { width:589px; height:283px; float:left;}
#newsContent2 { width:359px;height:283px; float:left;position:relative; top:-300px; left:175px; background:none }
#contentText{ width:795px;position:relative; float:left; position:relative; top:-300px; left:80px; background:#4f4f4f;}
#contentText_page{ width:610px; margin:0px 0 0 0;float:right; padding-right:10px}
#contentText_pageIndex{ width:800px; margin:10px 0 0 65px;}
#service{ width:240px; height:245px; float:left;  margin-top:0px;}
.usluga{width:230px; height: 100px; margin-top:5px;border:1px solid #999; }



.nagradi { width:580px; padding:5px; border:1px solid #999; margin:5px 0 0 10px; color:#FFF; font-size:12px; float:right}
.otch { width:580px; padding:5px;margin:5px 0 0 10px; color:#FFF; font-size:12px;border-bottom:1px solid #999;}
.otch span{ display:block;color:#9ad5fe; margin:15px 0 0 0}
.otch a{color:#fff; font-size:10px; text-decoration:none; margin:5px 0 0 50px; float:right}
.nagradi span { display:block;color:#9ad5fe; margin:5px 0 10px 0}
.nagradi span strong{color:#fff; font-size:10px}
.nagradi img{ margin:0px 5px 0 0; float:left}
img.post{ margin:0 0 0 150px; float:none}
.root{ float:none}
.photoSotr { width:200px; float:left;  padding:0; }
.descriptionSotr { width:350px; float:left;}
.otchet { width:30px; float:left; height:30px; padding:3px; background:#999; margin:5px 0px 5px 5px;}
.otchet2 { width:500px; float:left; height:30px; padding:3px; background:#666; margin:5px 0 5px 0px;}
#footer { width:871px; height:160px; background:url(../img/footer.jpg) no-repeat; float:left; }