/*
Theme Name: Accupartner
Theme URI: http://www.accupartner.cz/
Description: The default Wordpress theme for Accupartner.cz
Version: 1.0
Author: Martin -yAku- Hlaváč
Author URI: http://hlavacm.aspone.cz/
*/

html
{
    margin: 0;
    padding: 0;
}

body
{
    margin: 0;
    padding: 0;
    background: #b1b1b1;
    color: #333333;
    font-family: "Arial CE" , "Arial" , sans-serif;
    font-size: 10pt;
    text-align: center;
}

table
{
    font-family: "Arial CE" , "Arial" , sans-serif;
    font-size: 10pt;
    text-align: left;
}

h1, h2, h3, h4
{
    margin: 0;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

h1
{
    font-size: 14pt;
}

h2
{
    font-size: 13pt;
}

h3
{
    font-size: 12pt;
}

h4
{
    font-size: 11pt;
}

p
{
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: justify;
}

input, textarea, select
{
    margin: 1px;
    padding: 3px;
    background-color: #CCCCCC;
    color: #000;
    border: 1px solid #444444;
    font-family: "Calibri" , "Trebuchet MS" , sans-serif;
    font-size: 12pt;
}

/* --- Page --- */

#page
{
    margin: 0 auto;
    padding: 0;
    width: 780px;
    position: relative;
}

/* --- Header --- */

#header
{
    margin: 0;
    padding: 15px 15px 0 15px;
    _padding: 15px 15px 10px 15px;
    width: 750px;
    _width: 780px;
    height: 90px;
    _height: 105px;
    background: #FFFFFF;
    text-align: left;
    clear: both;
}

#header-main
{
    margin: 0;
    padding: 0;
    width: 750px;
    height: 80px;
    background: #000000;
}

#header-logo
{
    margin: 0;
    padding: 0;
    width: 230px;
    height: 80px;
    background: url('image/bg-logo.png') no-repeat left top;
}

#header h1
{
    margin: 0;
    padding: 0;
    display: none;
}

#header-bg
{
    margin: 0;
    padding: 0;
    width: 422px;
    height: 80px;
    float: right;
}

/* --- Main --- */

#main
{
    margin: 10px 0 0 0;
    padding: 10px 15px 10px 15px;
    width: 750px;
    _width: 780px;
    background: #FFFFFF;
    clear: both;
}

#main-bg
{
    background: url('image/bg-sidebar.png') repeat-y left top;
}

#main-panel
{
    margin: 0 0 10px 0;
    padding: 0;
    width: 750px;
    height: 30px;
    background: #d73600;
    color: #FFFFFF;
    clear: both;
}

#main-panel h2
{
    margin: 0;
    padding: 0;
    font-size: 12pt;
}

#main-panel-menu, #main-panel-title, #main-panel-eshop
{
    padding: 6px 0 0 30px;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

#main-panel-menu
{
    width: 165px;
    _width: 194px;
    float: left;
}

#main-panel-title
{
    float: left;
}

#main-panel-eshop
{
    padding: 6px 10px 0 0;
    float: right;
}

/* --- Content --- */

#content
{
    margin: 0 0 0 205px;
    _margin: 0;
    padding: 0;
    _padding: 0 0 0 5px;
    width: 545px;
    _width: 550px;
}

#content h1, #content h2, #content h3, #content h4
{
    margin: 0 0 5px 0;
    padding: 10px 10px 5px 10px;
    color: #d73600;
    border-bottom: 1px #666666 solid;
    font-size: 13pt;
}

#content p.content
{
    margin: 0;
    padding: 10px;
}

#content ul
{
    margin: 0;
    padding: 5px 0 10px 20px;
    text-align: left;
}

#content li
{
    list-style-type: square;
}

/* --- Sidebar --- */

#sidebar
{
    margin: 0;
    padding: 0;
    width: 190px;
    text-align: left;
    float: left;
}

#dropmenu, #dropmenu ul {margin: 0; padding: 0; width: 100%; list-style-type:none; 
                         z-index: 300; background: #000000; position:relative;}  

#dropmenu a {maring: 0; padding: 8px; display:block; color:#FFFFFF; text-decoration:none;}  
#dropmenu a:hover {background: #333333;}  
#dropmenu li {width: 100%; float: left; position: relative;} 
#dropmenu li a {border-bottom: 1px solid #444444;} 
#dropmenu ul {width: 190px; display: none; position: absolute;}  
#dropmenu li ul {margin: -33px 0 0 190px; width: 190px;}  
#dropmenu li ul li a {width: 173px; _width: 190px; height: auto; border-left: 1px solid #444444; float: left;}  
#dropmenu ul ul {top: auto;}  
#dropmenu li ul ul {left: 190px; margin: 0;}  
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display: none;}  
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display: block;} 

/* --- Footer --- */

#footer
{
    margin: 10px 0 0 0;
    padding: 10px 15px 15px 15px;
    width: 750px;
    _width: 780px;
    height: 30px;
    _height: 55px;
    background: #FFFFFF;
    color: #333333;
    clear: both;
}

#footer-main
{
    margin: 0;
    padding: 7px 10px 0 10px;
    _padding: 7px 10px 7px 10px;
    width: 730px;
    _width: 750px;
    height: 23px;
    _height: 30px;
    font-size: 8pt;
    background: #000000;
}

/* --- Other --- */

.clear
{
    clear: both;
}

.arrow
{
    background: url('image/arrow.png') no-repeat 10px 8px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

/* --- Links --- */

a
{
    text-decoration: underline;
}

a img
{
    border: none;
}

a:link, a:visited, a:active
{
    color: #333;
}

a:hover
{
    color: #000;
    text-decoration: none;
}

#main-panel a
{
    text-decoration: none;
}

#main-panel a:link, #main-panel a:visited, #main-panel a:active
{
    color: #FFFFFF;
}

#main-panel a:hover
{
    color: #CCCCCC;
}

#footer a
{
    text-decoration: none;
}

#footer a:link, #footer a:visited, #footer a:active
{
    color: #FFFFFF;
}

#footer a.hidden:link, #footer a.hidden:visited, #footer a.hidden:active
{
    color: #333333;
}

#footer a:hover
{
    color: #d73600;
    text-decoration: none;
}

#footer a.hidden:hover
{
    color: #666666;
    text-decoration: none;
}