body
{
        margin : 0 0 5px 0;
        background : url(Images/bg.jpg) top repeat-x;
        text-align : center;
        font-size : 12px;
        color : #333;
        font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a
{
        text-decoration: none;
        color: #C00;
}

a:hover
{
        text-decoration: none;
        color: green;
}

ul, ol, li, form, p, h1, h2, h3, h4, h5, h6, div
{
        margin: 0;
        padding: 0;
}

p
{
        text-align: justify;
        text-indent: 30px;
        font-size: 12px;
        padding: 0 12px 0 15px;
}

p:first-letter
{
        font-size: 14px;
        font-weight: bold;
        
}


h1.alert
{
        text-align: center;
        font-size: 14px;
        color: #C00;
        margin: 0 0 15px 0;
}

h2, #full_news h3
{
        height: 16px;
        padding: 0 0 0 5px;
        font-size: 12px;
        font-weight: bold;
        border-top: 1px solid #999;
        border-bottom: 1px solid #CCC;;
        background: #EEE;
        clear: both;
        color: #006;
}

h4
{
        font-size: 11px;
        font-weight: normal;
        color: #600;
        margin: 0 0 0 5px;
}

h5
{
        font-size: 12px;
        font-weight: bold;
        color: orange;
        margin: 5px 0 0 15px;
}

img
{
        border: none;
}

img.imgLeft
{
        margin: 5px 5px 5px 0;
        float: left;
        border: 1px solid #666;
}

img.imgRight
{
        margin: 5px 0 5px 5px;
        float: right;
        border: 1px solid #666
}

img.news
{
       height: 70px;
       float: left;
       border: 1px solid green;
       margin: 5px 3px 3px 10px;
}

img.staticLeft
{
       float: left;
       margin: 5px 5px 5px 15px;
}

img.staticRight
{
       float: right;
       margin: 5px 15px 5px 5px;
}

#container
{
        width: 820px;
        margin : auto;
        text-align : left;
}

#title
{
        width: 820px;
        height: 110px;
        background : url(Images/title.jpg) no-repeat;
}

#main_right_title h3
{
        margin: 0 0 0 10px;
        padding: 10px 0 0 5px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        width: 415px;
        display: block;
        border-bottom: 1px solid orange;
        color: green;
        font-variant: small-caps;
}

#banner
{
        width: 820px;
        height: 120px;
        background : url(Images/banner.jpg) no-repeat;
}

#main
{
        width: 820px;
        clear: both;
}

#main_left
{
        width: 169px;
        float: left;
}

#main_right
{
        float: right;
        width: 650px;
}

#main_right_title
{
        width: 650px;
        height: 40px;
        background : url(Images/main_right_title.jpg) no-repeat;
}

#main_right_main
{
        width: 650px;
        background : url(Images/main_right_main.jpg) repeat-y;
        float: right;
}

#main_right_main_left
{
        width: 475px;
        float: left;
        background : url(Images/mis.jpg) 10px 0px repeat-y;
}

#main_right_main_left ul, ol
{
       margin: 0 15px 0 15px;
       text-align: justify;
}

#main_right_main_left li
{
       margin-left: 20px;
}


#main_right_main_right
{
        width: 170px;
        float: right;
}

#main_right_footer
{
        width: 650px;
        height: 15px;
        background : url(Images/main_right_footer.jpg) no-repeat;
        clear: both;
}

#footer
{
        width: 820px;
        height: 75px;
       padding: 8px 0 0 5px;
        background : url(Images/footer.jpg) no-repeat;
        clear: both;
}

#footer p
{
        text-align: justify;
        text-indent: 0px;
        font-size: 10px;
       font-weight: bold;
       color: yellow;
}

#footer p:first-letter
{
        font-size: 10px;
}

//Galeria

#gallery p
{
        padding: 0;
        margin: 0;
        font-size: 11px;
        text-align: justify;
}

img.ThumbW
{
        width: 100px;
        border: 1px solid #090;
        margin: 5px;
        float: left;
}

img.ThumbH
{
        height: 100px;
        border: 1px solid #C00;
        margin: 5px;
        float: left;
}

#photo
{
        text-align: center;
        margin: 10px auto 10px auto;
        width: 100%;
}

#photo img
{
        border: 1px solid #000;
}


#photo_nav
{
       margin: 0 0 0 22px;
       text-align: center;
       clear: both;
}

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

#navGroup
{
        clear: both;
        padding: 10px 0 0 0;
}

#navGroupLeft
{
        float: left;
        width: 48%;
        height: 14px;
        border-right: 1px solid #CCC;
        padding-right: 5px;
        text-align: right;
}

#navGroupRight
{
        float: right;
        width: 48%;
        height: 14px;
        border-left: 1px solid #CCC;
        padding-left: 5px;
        text-align: left;
}

div.gallerygroup
{
        width: 100%;
        clear: both;
}

div.gallerygroup img
{
        width: 150px;
        margin: 5px 0 0 0;
        border-top: 3px solid #FFF;
        border-left: 3px solid #FFF;
        border-bottom: 3px solid #CCC;
        border-right: 3px solid #CCC;
}

div.gallerygroup img:hover
{
        width: 150px;
        margin: 5px 0 0 0;
        border-top: 3px solid #CCC;
        border-left: 3px solid #CCC;
        border-bottom: 3px solid #FFF;
        border-right: 3px solid #FFF;
}

div.gallerygroup h5
{
        font-size: 12px;
        font-weight: bold;
        color: blue;
        margin: 3px 0 0 0;
}

div.rightThumb
{
        float: right;
        width: 49%;
        height: 150px;
        background-color: #EEE;
        border: 1px solid #CCC;
        margin: 0 0 7px 0;
        text-align: center;
}

div.leftThumb
{
        float: left;
        width: 49%;
        height: 150px;
        border: 1px solid #CCC;
        background-color: #EEE;
        text-align: center;
}

div.midThumb
{
        width: 49%;
        height: 150px;
        border: 1px solid #CCC;
        margin: 0 auto 0 auto;
        background-color: #EEE;
        text-align: center;
}

#stat
{
        padding: 7px 0 5px 0;
        margin: 0 5px 5px; 0;
        font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border-bottom: 1px solid #C00;
}

#stat div
{
        text-align: center;
}

#stat acronym
{
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        font-weight: bold;
        color: green;
}

#stat h6
{
        font-size: 14px;
        font-weight: bold;
        font-variant: small-caps;
        color: #FFC;
        background-color: #C00;
        padding: 0 0 1px 5px;
}

#menu
{
        padding: 7px 0 0 0;
        margin: 0 5px 5px; 0;
        font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border-bottom: 1px solid #009;
}

#menu ul
{
        list-style-type: none;
        font-size: 12px;
        font-weight: bold;
}

#menu li
{
        padding: 0 0 0 23px;
        margin: 3px 0 3px 0;
        display: block;
        background: transparent url(Images/flower.gif) 0 50% no-repeat;
}

#menu li.flower
{
        background: transparent url(Images/flower.gif) 0 50% no-repeat;
}

#menu li.flower a
{
        color: green;
}

#menu li.car
{
        background: transparent url(Images/car.gif) 0 50% no-repeat;
}

#menu li.car a
{
        color: violet;
}

#menu li.bear
{
        background: transparent url(Images/bear.gif) 0 50% no-repeat;
}

#menu li.bear a
{
        color: blue;
}

#menu li.ball
{
        background: transparent url(Images/pilka.gif) 0 50% no-repeat;
}

#menu li.ball a
{
        color: red;
}

#menu li.train
{
        background: transparent url(Images/train.gif) 0 50% no-repeat;
}

#menu li.train a
{
        color: orange;
}

#menu li a:hover
{
        color: #CCC;
        text-decoration: underline;
}

#menu h6
{
        font-size: 14px;
        font-weight: bold;
        font-variant: small-caps;
        color: #FFC;
        background-color: #009;
        padding: 0 0 1px 5px;
}

#admin
{
        padding: 7px 0 0 0;
        margin: 0 5px 5px; 0;
        font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border-bottom: 1px solid #009;
}

#admin ul
{
        list-style-type: none;
        font-size: 12px;
        font-weight: bold;
}

#admin li
{
        padding: 0 0 0 23px;
        margin: 3px 0 3px 0;
        display: block;
        background: transparent url(Images/adm.gif) 0 50% no-repeat;
}

#admin h6
{
        font-size: 14px;
        font-weight: bold;
        font-variant: small-caps;
        color: #FFC;
        background-color: #090;
        padding: 0 0 1px 5px;
}

#ikona
{
        width: 152px;
        margin: 0 0 10px 0;
}

#ikona h6
{
        font-size: 14px;
        font-weight: bold;
        font-variant: small-caps;
        color: green;
        background-color: #FF0;
        padding: 0 5px 1px 2px;
        border: 1px solid green;
}

#ikona img
{
        border-left: 1px solid #FF0;
        border-bottom: 1px solid #FF0;
        margin-left: 10px;
        width: 140px;
}

#randomFoto
{
        width: 152px;
        margin: 0 0 10px 0;
}

#randomFoto h6
{
        font-size: 14px;
        font-weight: bold;
        font-variant: small-caps;
        color: green;
        background-color: #FF0;
        padding: 0 5px 1px 2px;
        border: 1px solid green;
}

#randomFoto img
{
        border-left: 1px solid #FF0;
        border-bottom: 1px solid #FF0;
        margin-left: 10px;
        width: 140px;
}

div.first
{
        margin: 0 10px 10px 10px;
}

div.first h2
{
        color: #009;
        font-size: 12px;
}

#full_news h3
{
        margin: 2px 10px 2px 10px;
}

#full_news h4
{
        margin: 0 10px 0 10px;
}

div.first p
{
        padding: 3px;
        font-size: 11px;
}

h3.title
{
        margin: 0 0 10px 10px;
        padding: 10px 0 0 5px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        width: 450px;
        display: block;
        border-bottom: 1px solid orange;
        color: green;
        font-variant: small-caps;
}

a.read_all
{
        font-size: 10px;
}

div.bottom_menu
{
        margin: 5px;
        padding: 0 0 2px 0;
        background-color: #EEE;
        border-top: 1px solid #999;
        border-bottom: 1px solid #CCC;;
        text-align: center;
        clear: both;
}

div.bottom_menu a
{
        font-size: 10px;
        margin: 0 5px 0 5px;
}

input.button
{
        background-color: orange;
        font-weight: bold;
        color: #FFC;
        border: none;
        width: 40px;
}

input.text, textarea.text
{
        background-color: #EEE;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-left: 2px solid #999;
        border-top: 2px solid #999;
}

label
{
        margin: 0 0 0 10px;
        font-weight: bold;
        color: #006;
}

form
{
        margin: 0 5px 0 10px;
        padding: 5px;
        border: 1px solid #EEE;
        background-color: #FFC;
}

#login
{
        text-align: center;
        margin: 10px auto 10px auto;
        width: 100%;
}

div.adminNews
{
        margin: 0 10px 10px 10px;
        padding: 2px;
        width: 450px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        float: left;
}

div.adminNews h2
{
        border: none;
        background-color: transparent;
}

div.adminkeys
{
        text-align: right;
}

div.adminkeys a
{
        display: block;
        text-align: right;
        margin: 2px 5px 2px 5px;
        padding: 2px;
        width: 50px;
        font-size: 10px;
        font-weight: bold;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        border-right: 2px solid #CCC;
        border-bottom: 2px solid #CCC;
        float: right;
}

div.adminkeys a:hover
{
        border-top: 2px solid #CCC;
        border-left: 2px solid #CCC;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
}

div.adminkeys a.edit
{
        background: transparent url(Images/edit.gif) 0 50% no-repeat;
}

div.adminkeys a.del
{
        background: transparent url(Images/del.gif) 0 50% no-repeat;
        padding-right: 5px;
        width: 45px;
}

#formEdit div
{
        margin: 0 0 5px 0;
        
}

#formEdit label
{
        text-align: right;
        margin-right: 5px;
        display: block;
        width: 50px;
        float: left;
}

div.txtPar
{
        border-bottom: 1px solid #CCC;
        margin: 0 10px 5px 10px;
        padding: 0 5px 5px 5px;
        clear: both;
}

div.txtPar ul
{
        list-style-type: none;
}

div.txtPar li
{
        padding: 0 0 0 45px;
}

div.txtPar h6
{
        font-size: 10px;
        color: #666;
        margin-left: 10px;
        padding: 0 0 0 65px;
}

div.txtPar img
{
        height: 50px;
}