/* 
Projekt: www.monumental.sk
Autor: Monumental s.r.o.
Kontakt: info@monumental.sk 
D�tum: 01.01.2010
*/

/* ----------------------------------------------------------------------------------------------------------
0) UNIVERZ�LNE �T�LY
---------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet,input, 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, table, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend,  caption, tbody, tfoot, thead, tr, th, td, form {
margin: 0; padding: 0; border: 0; outline: 0; }

p { display:block; }

li.form_chyba { margin-left:40px; }
a.spravodaj { text-decoration:none; }
.spravodaj_text { color:#222222; }
/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
body { margin: 0 auto; text-align: center; background: #000 url(../images/bg.jpg) center top no-repeat; background-color:#fff; }
#main_frame { margin:0 auto; width:960px; }

    #head { float:left; width:960px; margin:27px 0 0 0; }
        #logo { float:left; width:177px; height:24px; margin:24px 0 0 27px; }
        #main_menu { float:left; height:31px; margin:21px 0 0 300px;  }
    
        #second_menu { float:left; width:960px; height:73px; margin-top:21px; }
            #box_1 { float:left; width:58px; height:73px; padding:10px 0 0 15px;  }
                a.house { background: url(../images/house.png) center top no-repeat;  display: block; width:50px; height:50px; }
                a.house:hover { background: url(../images/house_hover.png) center top no-repeat;  display: block; width:50px; height:50px; }
                .separator { float:left; }
            .box_2 { float:left; width:294px; height:73px; text-align:left; display:block; }
                .box_2 .white_medium_special { color:#fff; font-family:tahoma; float:left; margin:14px 0 0 30px; }
                .plus { float:left; margin:9px 0 0 28px;  }
                .box_popis { float:left; color:#7c5a8b; font-family:tahoma; font-size:11px; margin:10px 0 0 10px; }
                .clear { display:block; clear:both; }
    #flash_frame { float:left; height:249px; width:960px; margin-top:27px; }   
        #flash { float:left; height:249px; width:458px;  }     
        #flash_text { float:left; padding:85px 0 0 30px; width:430px; text-align:left; }
            .flash_text_osadenie {float:left; color:#5f5f5f; font-family:tahoma; font-size:11px; line-height:19px; width:480px; margin-left:2px;}
            
    #aktuality { float:left; width:960px; height:32px; background: url(../images/aktuality_bg.jpg) no-repeat;  }
        #aktuality_text { float:left; margin:9px 0 0 130px; font-size:11px; font-family:tahoma; color:#353535; width:650px; height:15px; text-align:left; overflow:hidden; }
        #vsetky_aktuality { float:left; }
            #vsetky_aktuality a { color:#676767; font-size:11px; font-family:tahoma; text-decoration:none; margin:9px 0 0 90px;  display: block; }
            #vsetky_aktuality a:hover { color:#703663; font-size:11px; font-family:tahoma; text-decoration:none; margin:9px 0 0 90px;  display: block; }
            
    #content { float:left; width:900px; margin: 75px 0 0 30px; text-align:left; }
        #long_line { float:left; width:900px; height:20px; background: url(../images/long_line.png) no-repeat; margin:10px 0 15px 0;; }
        #content_left { float:left; width:600px;  }
            #nadpis { font-family:tahoma; font-size:18px; line-height:26px; margin-bottom:27px; }
            #content_content { float:left; width:590px; font-family:tahoma; font-size:11px; color:#454546; line-height:18px;}
                #content_content a{  font-family:tahoma; font-size:11px; color:#703663;  }
                #content_content a:hover{  font-family:tahoma; font-size:11px; color:#703663; text-decoration:none;  }
/* ----------------------------------------------------------------------------------------------------------
1.1) Sluzby
---------------------------------------------------------------------------------------------------------- */        
        #sluzby { float:left; width:590px; color:#222222; font-size:11px; font-family:tahoma; margin-bottom:30px; }
        .sluzby { float:left; width:590px; color:#222222; font-size:11px; font-family:tahoma; margin-bottom:30px; }
            .sluzby_img { float:left; width:240px; height:145px;  }
            .sluzby_text { float:left; margin: 4px 0 0 35px; }
        table.table_sluzby { float:left; margin:10px 0 0 3px; }
        
        
        #content_right{ float:left; width:224px; margin-left:76px;}
            #vyjadrenie_klienta { float:left; width:184px; height:260px; background: url(../images/bg_vyjadrenie.png) no-repeat; margin-top:20px; padding:15px 20px 5px 20px; }
                .vyjadrenie_text { float:left; text-align:left; font-family:tahoma; color:#5e5e5e; font-size:11px; line-height:19px; margin-top:20px; }
                .vyjadrenie_podpis { float:right; text-align:right; font-family:tahoma; color:#662960; font-size:11px; margin-top:15px; line-height:14px;}
            
    #footer { float:left; width:960px; height: 50px; border-top:1px solid #e2e2e2; margin-top:13px; }
        .left_footer { float:left; margin:19px 0 0 17px; color:#b4b4b4; font-size:11px; font-family:tahoma;  }
        .right_footer { float:right; margin:19px 17px 0 0; color:#b4b4b4; font-size:11px; font-family:tahoma;  }
            .right_footer a {  color:#b4b4b4; font-size:11px; font-family:tahoma; text-decoration:none; }
            .right_footer a:hover {  color:#b4b4b4; font-size:11px; font-family:tahoma; text-decoration:underline; }
            
    #referencie_index { float:left; width:960px; margin:0 0 27px 2px; }
        .bunka_referencie_index { float:left; width:220px; text-align:left;}
            .img_referencie { float:left; margin-top:22px; }
                .img_referencie img { width:191px; height:93px;}
            .popis_referencie_index { float:left; font-family:tahoma; color:red; font-size:11px; line-height:16px; margin-left:3px; color:#595959; }
        .separator_referencie_index { height:166px; width:1px; float:left; margin: 36px 24px 0 0; background: url(../images/saparator_referencie.jpg) no-repeat;  }
        ul.tvorba_web_stranok { margin:10px 0px 10px 40px; }
        li.tvorba_web_stranok { list-style-type:decimal; }
        
        ul.internetovy_marketing { margin:10px 0px 10px 40px; }
        li.internetovy_marketing { list-style-type:disc; }
/* ----------------------------------------------------------------------------------------------------------
1.2) Referencie
---------------------------------------------------------------------------------------------------------- */      
.line_referencie { float:left; width:590px; margin-bottom:15px; }    
    .bunka_referencie{ float:left; width:169px; height:190px; text-align:left;}
            .nadpis_referencie { line-height:18px; float:left; margin-bottom:17px; }
            .img_referencie  { float:left; margin-bottom:17px; }
                .ref_img { float:left; width:169px; }
            .popis_referencie { float:left; font-family:tahoma; color:#454545; font-size:11px; width:169px; line-height:16px;}
        .separator_referencie { height:187px; width:1px; float:left; margin: 36px 19px 0 19px; background: url(../images/saparator_referencie_mini.jpg) no-repeat;  }

.referencia { float:left; width:590px; margin-bottom:15px; }
    .referencia_img { float:left;  }
        .referencia_img img { float:left; width:220px; height:165px;  border:1px solid #d8d8d8; padding:3px; }
    .referencia_popis { float:left; width:330px; margin:3px 0 0 25px; }
    .referencia_text { float:left; line-height:18px; margin-top:10px; height:95px; }
    .referencia_tech { width:370px; float:left; line-height:18px; margin:10px 0 0 2px; }
/* ----------------------------------------------------------------------------------------------------------
1.2) Kontakt
---------------------------------------------------------------------------------------------------------- */ 
.tabulka { float:left; margin:0; padding:0; }
input.kontakt_formular_udaje { float:left; width:194px; height:23px;  background: url(../images/kontaktny_formular_udaje.jpg) no-repeat; margin-bottom:11px; padding:8px 15px 0 15px; font-family:tahoma; color:#454545; font-size:11px; }
textarea.kontakt_formular_text { float:left; border:0; padding:8px 15px 8px 15px; width:308px; height:145px; line-height:18px;  background: url(../images/kontaktny_formular_text.jpg) no-repeat; font-family:tahoma; color:#454545; font-size:11px; }
textarea.kontakt_formular_text_long { float:left; border:0; padding:8px 15px 8px 15px; width:308px; height:192px; line-height:18px;  background: url(../images/kontaktny_formular_text_long.jpg) no-repeat; font-family:tahoma; color:#454545; font-size:11px; }
input.kontakt_formular_odoslat { float:left; width:86px; height:31px;  background: url(../images/odoslat.jpg) no-repeat; cursor:pointer; }
input.kontakt_formular_upload {  float:left; border:0;  background: url(../images/kontaktny_formular_text.jpg) no-repeat; font-family:tahoma; color:#454545; font-size:11px; }
.mapa { float:left; margin-bottom:27px; }
/* ----------------------------------------------------------------------------------------------------------
1.2) Spravodaj
---------------------------------------------------------------------------------------------------------- */ 

.foto_spravodaj { width:130px; height:87px; border:1px solid #d8d8d8; padding:3px; float:left; margin-right:8px; }
.spravodaj_podpis { font-family:tahoma; color:#8c8c8c; font-size:11px; margin-bottom:25px; float:left; }
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZ�LNE �T�LY
---------------------------------------------------------------------------------------------------------- */
.delic { float:left; width:635px; height:20px; background: url(../images/delic.png) no-repeat; margin:-15px 0 18px 0; }
.delic1 { float:left; width:635px; height:20px; background: url(../images/delic1.png) no-repeat; margin:-15px 0 18px 0; }
.delic_special { float:left; width:635px; height:20px; background: url(../images/delic_special.jpg) no-repeat; margin:6px 0 18px 0; }
/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
h1 { font-family:tahoma; color:#454545; font-size:29px; margin:0; padding:0; font-weight:normal; }
h1.flash { font-family:tahoma; color:#454545; font-size:29px; margin: -20px 0 10px 0; padding:0; }
  h1.flash cufon { margin: 6px 0; }
h3 { color:#3e3e3e; clear:both; }
a.referencie_big {font-family:tahoma; color:#454545; font-size:13px; text-decoration:none; }
a.referencie_big:hover {font-family:tahoma; color:#703663; font-size:13px; text-decoration:none; }
.referencie_small {font-family:tahoma; color:#454545; font-size:12px; }
.purple { color:#703663; }
a.link_gray_to_purple { }
.headline { font-size:16px; line-height:26px; margin:5px 0 0 0; float:left; }
b.black { color:#454545; }
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a.main_a { cursor:pointer; text-decoration:none; }
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
.bold_color { vertical-align:top; font-weight:bold; color:#593a56;   }

ul.zoznam { float:left; margin:0 0 27px 30px; padding:0;width:95%; }
li.zoznam { list-style-image: url('../images/zoznam.jpg'); font-size:11px; font-family:tahoma; margin-bottom:5px; }

#strankovanie { float:left; width:590px; height:30px; text-align:center; margin-top:-12px; }
#strankovanie a { border:1px solid #703663; width:23px; height:21px; display: block; text-decoration:none; font-weight: bold; padding:2px 0 0 0; }
#strankovanie a.no { border:1px solid #717171; width:23px; height:21px; display: block; color:#717171; text-decoration:none; font-weight: normal; padding:2px 0 0 0; }

.img_border { border:1px solid #d8d8d8; padding:3px; }

#podobne_riesenie { float:right; margin-top:35px; }
.povedali_o_nas_text { float:left; margin:0 0 0 27px; font-family:tahoma; color:#7c4771; font-size:11px; line-height:18px; width:180px; }
/* ----------------------------------------------------------------------------------------------------------
6) MAIN MENU
---------------------------------------------------------------------------------------------------------- */
ul.main_menu { list-style:none; margin:0; padding:0; }
li.main_menu { float:left; width:86px; margin:0 1px 0 1px; }
li.main_menu a { color:#fff; font-family:tahoma; font-size:11px; text-decoration:none; width:86px; height:31px; display: block; padding:8px 0 0 0; }
li.main_menu a:hover { color:#fff; font-family:tahoma; font-size:11px; text-decoration:none; width:86px; height:31px; display: block; padding:8px 0 0 0;  background: url(../images/main_menu_hover.png) no-repeat; }
li.main_menu a.activ { color:#fff; font-family:tahoma; font-size:11px; text-decoration:none; width:86px; height:31px; display: block; padding:8px 0 0 0;  background: url(../images/main_menu_hover.png) no-repeat; }

/* ----------------------------------------------------------------------------------------------------------
6) SUB MENUs
---------------------------------------------------------------------------------------------------------- */
ul.submenu { list-style:none; margin:0; padding:0; }
li.submenu { float:left; margin-bottom:6px; }
li.submenu a.active { float:left; padding:9px 0 0 26px; display: block; width:198px; height:23px; background: url(../images/submenu_active.png) no-repeat; color:#fefefe; font-family:tahoma; font-size:11px; font-weight:bold; text-decoration:none; }
li.submenu a.active:hover { float:left; padding:9px 0 0 26px; display: block; width:198px; height:23px; background: url(../images/submenu_active.png) no-repeat; color:#fefefe; font-family:tahoma; font-size:11px; font-weight:bold; text-decoration:none; }
li.submenu a { float:left; padding:9px 0 0 26px; display: block; width:198px; height:23px; background: url(../images/submenu_noactive.png) no-repeat; color:#454545; font-family:tahoma; font-size:11px; font-weight:bold; text-decoration:none; }
li.submenu a:hover{ float:left; padding:9px 0 0 26px; display: block; width:198px; height:23px; background: url(../images/submenu_noactive.png) no-repeat; color:#703663; font-family:tahoma; font-size:11px; font-weight:bold; text-decoration:none; }


ul { margin-left:35px; }