/* 
Projekt: www.webdirect.sk
Autor: Monumental s.r.o.
Datum: 05.05.2010
*/

/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
body { margin: 0 auto; text-align: center; background-image: url('../images/bg.jpg'); background-repeat:repeat-x; font-family:tahoma; }
#main_frame { width:960px; margin:0 auto; }

    #top { float:left; width:960px; height:210px; background-image: url('../images/top_bg.jpg'); background-repeat:no-repeat; }
        
        #main_menu { float:left; margin:162px 0 0 0; width:700px; height:48px; background-image: url('../images/menu_bg.jpg'); background-repeat:repeat-x; }
            ul.main_menu { float:left; list-style:none; margin:0; padding:0;}
                li.main_menu { float:left; text-align:left;  }
                li.main_menu a { float:left; color:#fff; font-size:12px; font-weight:bold; width:100px; height:31px; display: block; padding-top:17px; text-align:center; text-decoration:none; }
                li.main_menu a:hover {}
                li.main_menu a.menu_active_bg { float:left; color:#6d6d6d; font-size:12px; font-weight:bold; width:100px; height:31px; display: block; padding-top:17px; text-align:center; text-decoration:none; background-image: url('../images/menu_active_bg.jpg'); background-repeat:repeat-x;  }
    
    #left_content { float:left; width:700px;  }
        
        #graph { float:left; margin-top:21px; width:699px; height:273px; background-image: url('../images/graph_index.jpg');  }
          .text_graph { float:left; width:146px; font-size:11px; color:#555454; text-align:left; line-height:22px; margin-top:110px; padding:14px; }
          a.viac_button { margin-top:20px; display: block; }
        
        #left_content_text { float:left; width:700px; font-size:11px; margin-top:15px;}  
            td.main_text { width:305px; text-align:left; color:#454545; line-height:18px; padding:0 25px 0 15px; vertical-align:top; }
            td.separator { float:left; margin-right:15px; }   
            td.main_referencie { width:305px; text-align:left; color:#515151; line-height:18px; padding:0 25px 0 15px; vertical-align:top; }
    #right_content { float:left; width:260px;  }    
    
    #select_template { margin-top: 21px; width:670px; height:212px; background-color:#f2f2f2; font-size:11px; padding:15px; }
        #go_select {}
        input.go_select_template { float:right; background-image: url('../images/go.jpg'); background-repeat:no-repeat; width:113px; height:33px; border:0; }
        #template_list { width:700px; margin-top:25px; float:left; }
            .temlate_thumbnail_box { float:left; width:145px; height:150px; margin-left:23px; margin-bottom:35px; }
                .temlate_thumbnail_box_img { vertical-align:bottom; width:145px; height:140px; overflow:hidden; }
                .temlate_thumbnail_box_img img{ vertical-align:bottom; width:145px; overflow:hidden; }
                .temlate_thumbnail_box_title { float:left; font-size:11px; font-weight:bold; padding-top:3px; color:#fff; width:145px; height:18px; background-image: url('../images/title_template.jpg'); background-repeat:no-repeat; border-top:3px solid #fff;}
        
        .referencie_thumbnail_box_title { float:left; font-size:11px; margin-top:15px; color:#555454; width:145px; height:25px; }
        .referencie_thumbnail_box_title a { font-size:11px; color:#555454; }
        .referencie_thumbnail_box_title a:hover { font-size:11px; color:#555454; text-decoration:none; }
        .referencie_thumbnail_box_img { float:left; width:145px; height:145px; }
        .referencie_thumbnail_box_img img { float:left; width:145px; height:145px; border:3px solid #c2c2c2; padding:1px; }
        .referencie_thumbnail_box { float:left; width:145px; height:145px; margin-left:23px; margin-bottom:45px; }
        
        #info { float:left; font-size:11px; color:#777777; padding:15px 0 0 27px; }
    #footer { float:left; width:935px; height:30px; background-color:#f0f0f0; margin:25px 0 15px 0; color:#6f6f6f; text-align:left; font-size:11px; padding:14px 0 0 25px; }
    
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZ�LNE �T�LY
---------------------------------------------------------------------------------------------------------- */
img { border:0; }
/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
h1 { color:#cf6203; font-size:13px; margin-bottom:15px; padding:0;  }
h2 { color:#cf6203; font-size:13px; margin-bottom:15px; padding:0;  }
.postup_nadpis { color:#cf6203; font-size:13px; font-weight: bold; margin-bottom:5px; display: block;}
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a.link { color:#555454; }
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
a.index_ref { border:4px solid #b0afae; display: block; margin:0 7px 7px 0;  }
a.index_ref:hover { border:4px solid #f29923; display: block; margin:0 7px 7px 0; }

table.cennik { background:#f9f8f8; width:700px; font-size:11px; border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; border-spacing: 0; }
table.cennik td { border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; height:25px; padding:0 0 0 10px; text-align:left; color:#454545; }
table.cennik td.top_table { color:#542F03; font-weight:bold;  background-image: url('../images/top_table.jpg'); background-repeat:repeat-x; height:28px; font-size:11px;}
table.cennik td.bg_dark { border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; height:25px; padding:0 0 0 10px; text-align:left; color:#454545; background-color:#ece8e8; }
table.cennik td.submit { padding: 0;}

#popis { float:left; color:#454545; width:650px; padding:25px; font-size:11px; text-align:left; line-height:18px; }
input.cennik_go { color:#542F03; font-weight:bold; height:28px; font-size:11px; border:0; background:none; width:100px; margin:0; padding:0; text-align:center; cursor:pointer; }
input.text { background:none; border:0; width:97px; font-size:11px; color:#583000;}

td.postup { height:54px; width:550px; text-align:left; font-size:11px; color:#555454; line-height:18px;}

input.kontakt { border:1px solid #c3c3c3; padding:5px; font-size:11px; width:150px; }
textarea.kontakt { border:1px solid #c3c3c3; padding:5px; font-size:11px; width:350px; height:98px; font-family:tahoma; font-size:11px; }
input.kontakt_go { border:1px solid #c3c3c3; padding:5px; font-size:11px; width:100px; cursor:pointer;}

.strankovanie_bunka {  }
.strankovanie_bunka a { text-decoration:none; color:#727272; font-size:9px; float:left; border:1px solid #d8d8d8; padding:2px; margin:2px; width:15px; display: block; }
.strankovanie_bunka a:hover { text-decoration:none; color:#727272; background-color:#d8d8d8;}
/* ----------------------------------------------------------------------------------------------------------
6) MENU
---------------------------------------------------------------------------------------------------------- */


#odkaz_sexshop a { color:#efefef; }