/* 
Projekt: www.tennisfun.sk
Autor: Monumental s.r.o.
Kontakt: info@monumental.sk 
Dátum: 23.04.2008
*/

/* ----------------------------------------------------------------------------------------------------------
0) UNIVERZ�LNE �T�LY
---------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, submit, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form {
margin: 0; padding: 0; border: 0; outline: 0; }
/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
body { margin: 0 auto; text-align: center;  font-family:tahoma; background:#d2e5f4 url('../images/bg.jpg'); background-repeat: repeat-x; background-attachment: fixed; }
#main_frame { margin:0 auto; width:883px; }
    #top { float:left; width:883px; height:149px; background:#fff;  }
        #logo {float:left; }
        #baner_fotka  { width:543px; height:113px; }
        #baner_text {float:right; font-size:11px; text-align:right;  width:220px; display:inline; margin:25px 23px 0 0; color:#3a3a3a; height:70px; line-height:17px; }
        #jazyky {float:right; margin-right:20px; padding: 7px 0 0 0; text-align:center; display: inline; font-size:11px; width:118px; height:25px; color:#3a3a3a; display:inline; background-image:url('../images/top_jazyk.jpg');  }
        #jazyky2 {float:right; margin-right:20px; padding: 7px 0 0 0; text-align:center; display: inline; font-size:11px; width:118px; height:25px; color:#3a3a3a; display:inline; background-image:url('../images/top_jazyk_gray.jpg');  }
        #search { float:left; width:213px; height:149px; }
            #search_place { float:left; margin:106px 0 0 30px; display:inline;  }
                input.vyhladavanie_bg { float:left; background:#e9e9e9; color:#6b6b6b; font-size:11px; width:120px; height:19px; }
                input.vyhladavanie_go { float:left; width:23px; height:16px; background:#e2eff8 url('../images/search.jpg'); margin-left:12px; cursor:pointer;  }

    #middle { float:left; width:837px; background:#fff; padding: 0 23px 15px 23px; }
        #main_menu { float:left; width:838px; height:41px; background:#e2eff8 url('../images/bg_menu.jpg'); }
        #main_banner { float:left; width:571px; height:230px; margin-right:22px; display: inline; }
        #news { text-align:left;float:left; width:229px; height:215px; background-repeat:no-repeat;cursor:pointer;font-size:11px; }
            .news_one { float:left; width:215px; height:36px; overflow:hidden;  font-size:11px; text-align:left;  display: inline; margin-bottom:10px;  }
            #news_plus { float:right; }
                a.link_news_plus {  position:relative; top:-26px; left:0px; display: block; background: url('../images/news_plus.gif');  width:57px; height:57px; }
                a.link_news_plus:hover { display: block; background: url('../images/news_plus_hover.gif');  width:57px; height:57px; }
        
        #submenu0 { float:left; width:838px; height:33px; margin-bottom:23px;disply:none; }
        #submenu1 { float:left; width:838px; height:33px; background:#e2eff8 url('../images/sub_modre.jpg');margin-bottom:23px;opacity:0.5;filter: alpha(opacity=50); }
        #submenu2 { float:left; width:838px; height:33px; background:#e2eff8 url('../images/sub_zelene.jpg');margin-bottom:23px;opacity:0.5;filter: alpha(opacity=50); }
        #submenu3 { float:left; width:838px; height:33px; background:#e2eff8 url('../images/sub_ruzove.jpg');margin-bottom:23px;opacity:0.5;filter: alpha(opacity=50); }
        #submenu4 { float:left; width:838px; height:33px; background:#e2eff8 url('../images/sub_oranzove.jpg');margin-bottom:23px;opacity:0.5;filter: alpha(opacity=50); }
        #submenu5 { float:left; width:838px; height:33px; background:#e2eff8 url('../images/sub_cervene.jpg');margin-bottom:23px;opacity:0.5;filter: alpha(opacity=50); }
        
        #content { float:left; width:551px; margin:0 22px 0 0; padding:18px 10px 10px 10px; text-align:left; display: inline; font-size:11px; color:#3a3a3a; line-height:17px;  }
        #content2 { float:left; width:755px;height:369px; margin:0 22px 0 42px; padding:18px 10px 10px 10px; text-align:left; display: inline; font-size:11px; color:#3a3a3a; line-height:17px;  }
            .box_3 { float:left; width:150px;  }
            .box_31 { float:left; width:150px; margin-right:40px;  }
            .box { margin-left:8px; float:left; display: inline; }
            .img_bottom { float:left; margin-bottom:14px; }
        #right_place { float:right; font-size:11px; color:#3a3a3a; line-height:17px; margin-top:22px; width:244px; }
    #bottom { float:left; width:883px; height:7px; background:#e2eff8 url('../images/bottom.gif'); background-repeat:no-repeat; font-size:0; margin-bottom:13px;  }
    #footer { float:left; width:858px; color:#fff; font-size:11px; height:28px; text-align:right;  padding:0 25px 0 0;}
    .copy { float:left; width:858px; color:#bebebe; font-size:11px; height:28px; text-align:right;  padding:0 25px 0 0;}
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZaLNE �T�LY
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
h1 { color:#3a3a3a; font-size:15px; margin:0 0 15px 0; }
h2 { color:#3a3a3a; font-size:13px; margin-bottom:15px; }
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a { color:#2592db; font-size:11px; }
a:hover { text-decoration:none; }
a.link_blue { color:#2592db; font-size:11px; }
a.link_blue:hover { color:#2592db; font-size:11px; text-decoration:none;}
a.link_blue2 { color:#2592db; font-size:11px; text-decoration:none; }
a.link_blue2:hover { color:#2592db; font-size:11px; text-decoration:underline;}
a.link_black { color:#3a3a3a; font-size:11px; }
a.link_black:hover { color:#3a3a3a; font-size:11px; text-decoration:none;}
a.link_black_big { color:#3a3a3a; font-size:13px; margin:0 0 15px 8px; display: block; font-weight: bold; float:left; display: inline; text-decoration:none;  }
a.link_black_big:hover { color:#3a3a3a; font-size:13px; margin:0 0 15px 8px; display: block; font-weight: bold; float:left; display: inline; text-decoration:underline;  }
a.link_footer {color:#fff; font-size:11px; text-decoration:none; }
a.link_footer:hover {color:#fff; font-size:11px; text-decoration:underline; }
a.link_white { color:#fff; font-size:11px; }
a.link_white:hover { color:#fff; font-size:11px; text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
#noflash_loga { float:left; }
#flash_loga { float:left;}
/* ----------------------------------------------------------------------------------------------------------
6) MENU
---------------------------------------------------------------------------------------------------------- */
ul.main_menu { list-style:none; }
li.main_menu { float:left; width:167px; height:41px; }
a.link_main_menu_1 { color:#fff; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_1:hover { color:#083654; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_2 { color:#fff; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_2:hover { color:#345201; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_3 { color:#fff; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_3:hover { color:#6a0254; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_4 { color:#fff; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_4:hover { color:#ae3700; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_5 { color:#fff; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }
a.link_main_menu_5:hover { color:#840003; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:167px; height:29px; padding:12px 0 0 0; }

/* ----------------------------------------------------------------------------------------------------------
6) SUBMENU
---------------------------------------------------------------------------------------------------------- */
ul.submenu {list-style:none;  }
li.submenu {list-style:none;  float:left; }
a.submenu { font-size:11px; font-weight: bold; color:#fff; text-decoration:none; display: block; padding:10px 55px 8px 55px; }
a.submenu:hover { font-size:11px; font-weight: bold; color:#fff; text-decoration:underline; display: block; padding:10px 55px 8px 55px; }