/* 
    Document   : main
    Created on : 24.2.2009, 15:38:01
    Autor: Jan Weber (info@kompletniweb.cz), www.kompletniweb.cz
*/


/*** Reset styles *************************************************************/
* {margin:0; padding:0;}
body, p, div, span, table, tr, td, th, img
{
    border: 0;
    vertical-align:baseline;
    background:transparent;
}

/*** Universal styles *********************************************************/
.noscreen   {display:none;}
.f-left     {float:left !important;}
.f-right    {float:right !important;}
.t-left     {text-align:left !important;}
.t-center   {text-align:center !important;}
.t-right    {text-align:right !important;}
.t-justify  {text-align:justify !important;}
.va-top     {vertical-align:top !important;}
.va-middle  {vertical-align:middle !important;}
.va-bottom  {vertical-align:bottom !important;}
.cleaner    {height:1px; clear:both; visibility:hidden;}
.bold { font-weight: bold; }
.cervena {color: #e2001a;}
/*** Specific styles **********************************************************/
/*** html tags ***/
body
{
    background: #ffffff url(../img/main-bg2.gif) repeat 0 0;
    font: 0.8em/1.6 "arial", sans-serif;
    font-family: "Georgia", Serif;
    color: #585858; 
}
a {color:#000000;}
a:visited {color:#666666;}
a:hover {color:#333333;}
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:0 0;}
h1 { font-size: 1em; font-family: "Georgia", Serif; position: absolute; top: 200px; }
h2 { font-size: 1.3em; margin: 0 0 10px 0;}
h2 a {color:#000000; }
h2 a:hover {color:#333333 !important;}
h3 { font-size: 1em;}

#logo
{
    position:absolute; left:13px; top: 2px;
    overflow:hidden;
    width:139px;
    height:114px;
    font-size:0.7em;
}
#logo span
{
    display:block;
    position:absolute; left:0; top:0;
    width:139px; height:114px;
    background:url(../img/logo.gif) no-repeat 0 0;
}


#graficky-design
{
    display:block;
    position:absolute; left:0; bottom:50px; z-index:100;
    width:214px; height:40px;    
}
#reklama-marketing { position: absolute; top:10px; right:15px;}


/*** kostra ***/
#mainframe
{
    width: 873px; height: 600px; margin: 0 auto;
    background: url(../img/theme-bg3.gif) no-repeat 0 0;
    position: relative;
}
#box { width: 790px; height: 285px; position: absolute; top: 88px; right: 0; }


#box-tl {}
.box-tl-in {}
#box-tr
{
    width: 500px;
    height: 237px;
    position: absolute; top: 0; right: 0;
    border-left: 1px solid #f1b24f;
    background: #fff6e9;       
}
.posuvnik { overflow: auto; }

.box-tr-in
{    
    vertical-align: bottom;
}
.content { padding: 10px; font-size: 0.9em; }
.kdojsme {
    background: url(../img/kdo_jsme.jpg) no-repeat 0 0;
    padding: 76px 10px 10px 10px;
}



#box-bl
{
    width: 290px;
    height: 48px;
    position: absolute; top: 237px; left: 0;    
}
.box-bl-in
{
    height: 48px;
    border: 1px solid #f1b24f;
    border-bottom: none;
    border-left: none;
}
#box-br
{
    width: 500px;
    position: absolute; top: 237px; right: 0;
}
.box-br-in { border-top: 1px solid #f1b24f; }

/*** menu ***/
#menu { padding: 12px 0 0 15px; }
#menu a
{    
    font-family: "Georgia", Serif;
    color: #555;
    font-size: 0.9em;
    margin-right: 60px;
}
#menu a.active { color: #f1b24f; text-decoration: none; }
#menu a:hover
{
    color: #f1b24f;
    text-decoration: none;
}
#menu span { display: none; }

/* Reference */
#ref div.reference { width: 90px; float:left;  text-align: center; margin: 0 0 10px 0;  }
#ref .reference2 {  }
#ref p { margin: 0; padding: 0;  }
#ref {  margin: 0; padding: 0;  line-height: 1.2em; }



/****** NOVE UPRAVY ******/
#action-box { line-height: 1.4em; position: absolute; top: 406px; left: 300px; width: 560px; height: 120px;}
#action-box p { margin: 0 0 15px 0;}
#action-box div.pozor { font-size: 0.9em; font-weight: bold; padding: 10px 0 0 114px; height: 62px; background: url(../img/pozor.gif) no-repeat 0 0; }

/* balicky sluzeb */
#balicky { }
#balicky div.balicek { width: 120px; float:left;  text-align: center; margin: 0 0 0 30px;  }
#balicky h2 { font-size: 1em; margin: 0 0 12px 0;}
#balicky div.balicek h2 { font-size: 1em; margin: 8px 0 2px 0;}
#balicky div.balicek p { margin: 0 0 0 0; line-height: 1.6em;}


#balicek {}
#balicek img.pictogram { margin: 0 20px 20px 0; float: left }
#balicek p {margin: 15px 0; }
#balicek h2 { font-size: 1.5em; margin: 0 0 12px 0;}
#balicek p.cena {margin: 0; font-size: 1.5em; font-weight: bold; }
#balicek em { font-size: 0.95em;}
.orange { color: #F49E00; }
#balicek a { color: #000;}
#balicek a:hover { color: #F49E00; text-decoration: none;}