@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding: 0; background: #ffffff; /* #e6f4e4*/ font: 12px Verdana, Arial, Helvetica, sans-serif; color:#666666; }
a:active, a:visited { outline: 0;}
h3 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#c4430c; margin: 0; padding: 23px 0 23px 0; }
.album { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#c4430c; margin: 0; padding: 23px 0 23px 0; }
.album a { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#c4430c; margin: 0; padding: 23px 0 23px 0; text-decoration:underline; }
.album a:hover { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#c4430c; margin: 0; padding: 23px 0 23px 0; text-decoration:none; }
h4 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#c4430c; margin: 0; padding: 20px 5px 5px 35px; }
.text  { padding: 0; overflow:auto; height: 390px; margin: 0 10px 30px 10px; font: 12px Verdana, Arial, Helvetica, sans-serif; color:#666666;  }
.title { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#c4430c; margin: 0; padding: 10px 0 0px 0; }
img { border: none; margin: 0; }
#container { width: 950px; margin: auto; padding: 0; }

/* part menu*/
#menu { background: url(images/menu_background.jpg) repeat-x top;  height: 30px; }
#menu ul, #menu li { list-style-type: none; display: inline; margin: auto; padding: 0; }
#menu li a { font: bold 13px Verdana, Arial, Helvetica, sans-serif; line-height: 27px; margin: 0 17px 0 10px; color: #FFFFFF; text-decoration: none; padding: 5px 10px 14px 10px; }
#menu li a:hover { background:url(images/menu_background_visited.jpg) repeat-x; height: 30px;  }
#menu li.overlay a { background:url(images/menu_background_visited.jpg) repeat-x; }
/* end part menu*/

/* part header */
#header { background-image: url(images/header.jpg); height: 239px; }
#header .logo { padding: 62px 0 22px 85px; }
/* end part header */

/* part body */
#body { clear:both; margin:0; padding: 0;  width: 950px; }
#bodyLeft{ float: left; padding: 0 0 0 24px; margin:0; width: 216px; background: #449B33; height: 480px; }
#bodyRight { float: right; padding: 0; margin:0; width: 710px; background: #449B33; height: 480px; }

.upNews { background: url(images/up_news.jpg) no-repeat ; height: 47px; width: 210px; }
.middleNews { background: url(images/middle_news.jpg) repeat-y ; height: 398px; width: 180px; padding: 0 10px 0 20px; }
.bottomNews { background: url(images/down_news.jpg) no-repeat ; height: 24px;width: 210px; }
.dateNews { color: #449B33; font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding: 10px 0 0 5px; }
.infoNews { font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px 10px 5px; }
.infoNews a { color: #c4430c; font: bold 10px Verdana, Arial, Helvetica, sans-serif;  float: right; text-decoration: none; }
.infoImg a { color: #c4430c; font: bold 10px Verdana, Arial, Helvetica, sans-serif;  padding:10px 0 0 0; text-decoration: none; }
.infoNews a:hover { text-decoration: underline; color: #c4430c; }
.allNews {margin-top: 5px; text-align:center;}
.allNews a{text-decoration:none; color:#C4430C; font-weight:bold;}
.allNews a:hover {color:#C4430C; text-decoration:underline;}
.link a { background:transparent url(images/logotennis.jpg) left no-repeat; float: left; color: #666666; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 15px 0 15px 35px; text-decoration: none; }
.link  a:hover { text-decoration: underline; color: #666666; }
.newsInfo img { float: left; } 

#bodyRightUp { width: 710px; }
#welcome { width: 670px; margin: 0 0 0 13px; }
.up { float: left; background:url(images/left_welcome.jpg) no-repeat ; height: 470px; width: 28px; margin:0; padding:0;  }
.middle { background:url(images/middle_welcome.jpg) repeat-x ; height: 470px; margin:0 0px 0 0px; padding:0;  }
.bottom { float: right; background:url(images/right_welcome.jpg) no-repeat ; height: 470px; width: 28px; margin:0; padding:0; }

#bodyRightDown { width: 682px; margin: 0; padding: 0; }
#gallery,  #book { display: inline; padding: 0; background-color: #449B33; } 
#gallery { float: left; width: 463px; display: inline; margin: 20px 9px 0 12px; }
.photo { padding: 25px 0 0 5px; }
.photo img { width: 75px; height: 60px; }
#book { float: left; display: inline; width: 197px; margin: 20px 0 0 0px; }

#bodyRight .uslugi { width: 590px; }
#bodyRight .uslugi ul { list-style-image: url(images/tick.png); }
#bodyRight .uslugi ul li { margin: 5px 0 5px 0; }
/* end part header */

/* part trainer */
#trainer { padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height: 390px; overflow: auto; }
#trainer img { float:left; padding: 0 15px 0px 0; width: 90px; height: 84px; }
#trainer .information{ margin: 0px 0 0 0; padding: 0 0 10px 20px; height: 90px; }
/* end part trainer */

/* part gallery */
#photo { padding: 10px 0 0 0; height:390px; line-height:normal; overflow:auto; padding:0pt; }
#photo img { padding: 5px 25px 10px 0; width: 89px; height: 84px; }
#photoIndex  {width: 580px;}
#photoIndex img { padding: 5px 20px 10px 0; width: 125px; height: 100px; }
#photoTennis {width: 575px;}
#photoTennis img { padding: 5px 20px 10px 0; width: 125px; height: 100px; }
#photoTennis1 {width: 575px;}
#photoTennis1 img { padding: 5px 20px 10px 0; width: 125px; height: 100px; }

/* end part gallery */

/* part friends */
#friends { padding: 10px 0 0 0; height:390px; line-height:normal; overflow:auto; padding:0pt; }
#friends img { padding: 5px 28px 10px 0; width: 120px; height: 100px; }

/* end part friends

/* part contact */
#leftContact { float: left; width: 340px; margin: 0; padding: 0; }
#rightContact{ float: right; width: 240px; height: 330px; margin: 0; }
#forma { float: left; width: 300px; padding: 0; margin:0; }
#addressInfo { padding: 0; width: 240px;}
.formaTitle { float:left; clear: both; margin: 0; display:inline; padding: 12px 0 0 0; }
.box{ width: 215px; height: 18px;  margin:10px 0 0 0; background-color:#f6fbf2; text-align:left; float: right; padding: 0; border: 1px solid #b2d16e; }
.message{ width: 300px; height: 130px; float:left; padding: 0; margin: 10px 0 10px 0;}
.button { clear:both; margin: 0 0 0 80px; font-weight:bold; }
.button button { text-decoration:none; color:#6a9b00; border: 1px solid #b2d16e; padding: 0 5px 0 5px; background-color:#ece9d8; }
.button button:hover { color:#ffffff; background-color:#449B33; }
#rightContact img { text-decoration: none;  margin: 10px 0 0 0; border: solid 1px #B2D16E; }
/*  end part contact */

/* part footer */
#footer { clear:both; background: url(images/footer.jpg) top repeat-x;  height: 28px; padding: 0 0 0 60px; }
#footer ul, #footer li { list-style-type: none; display: inline; margin: auto;  }
#footer li a { font: bold 11px Verdana, Arial, Helvetica, sans-serif; line-height: 25px; margin: 0 25px 0 0px; color: #FFFFFF; text-decoration: none; padding: 5px 5px 14px 5px; }
#footer li a:hover { color: #449B33;  }
.copyright { text-align: center; font-size: 11px; padding: 10px 0 0 0; }
.copyright a { text-align: center; font-size: 11px; padding: 0 10px 0 0; }
/* end part footer */

