/*********************** TAGS ***********************/
html, body {
    margin: 0; padding: 0; border: 0px none;
    width: 100%; height: 100%;
    color: #fff; background: #000; font-style:normal; font-variant:normal; font-weight:normal; font-size:100.01%; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif
}
p, h1, h2, h3, h4, h5, h6, img { margin: 0; padding: 0; border: 0px none; }
table {
    border-collapse: collapse;
    width: 100%;
}
table, tr, td {
    margin: 0; padding: 0;
    /*border: 1px solid white;*/
}
small {
    font-size:85%;
    color: #fff;
    font-weight: normal;
}

/*********************** CONTENT ***********************/
#content h1 {
    font-size: 190%;
    font-weight: normal;
    color: #ffbb02;
    margin: 10px 0 30px 0;
}
#content h2 {
    font-size: 110%;
    color: #ffbb02;
    font-weight: normal;
    margin: 30px 0 10px 0;
}
#content h3 {
    font-size: 90%;
    color: #ffbb02;
    font-weight: normal;
    margin: 30px 0 10px 0;
}
#content h4 {
    font-size: 90%;
    color: #ffbb02;
    text-align: left;
    margin: 20px 0 0 0;
}

#content p {
    font-size: 80%;
    margin: 0 0 10px 0;
}
#content ul {
    font-weight: normal;
    font-size: 80%;
    list-style-type: square;
    margin-top: 0;
    margin-bottom: 30px;
}
#content ul li {
    margin-top: 0;
    margin-bottom: 5px;
}

#content a:link, #content a:visited {
    color: #10AAF7;
    text-decoration: none;
    border-bottom: 1px solid;
}
#content a:hover, #content a:active { color: #ffbb02; }

#content h1 a:link, #content h1 a:visited { color: #ffbb02 !important; }
#content h1 a:hover { color: #10AAF7 !important; }

#content a.ico { border: 0px none; }
#content .sign {
    font-size: 90%;
    font-style: italic;
}
#content .sel {
    font-weight: bold;
    color: #fff;
}
#content .news h5 {
    font-size: 95%;
    color: #45ace0;
    margin: 25px 0 15px 0;
}
#content .news p { margin: 0 0 5px 0; }
#content #print {
    text-align: right;
    margin: 10px 0;
}


/*********************** SIDEBAR ***********************/
#sidebar { text-align: center; width: 350px; }
#sidebar div { padding: 0 40px; }

#sidebar .cent { text-align: left; margin: 0 auto; }
#sidebar .left { text-align: left; margin: 40px auto 0 auto; }
#sidebar .spoffer { text-align: left; font-size: 80%; margin: 40px auto 0 auto; }
#sidebar .right { text-align: right; margin: 40px auto 0 auto; }
#sidebar .left img { display: block; }
#sidebar .left ul { list-style: none; font-size: 80%; margin: 15px 0 0 30px; padding: 0; }
#sidebar .left li { margin: 0 0 5px 0; padding: 0; }

#sidebar #quick { margin: 15px 0 10px 0; }
#sidebar #quick p { margin: 0 0 5px 10px; font-size: 80%; }

/*********************** MAIN MENU ***********************/
#container { width: 1000px; margin: 0 auto; }
#nav, #nav ul {
    list-style: none;
    margin: 35px auto 0 auto;
    padding: 0;
    background: transparent;
    float: left;
    width: 100%;
}
#nav li {
    float: left;
    position: relative;
    background: #515151;
    background: none;
    font-weight: normal;
    font-size: 120%;
    text-transform: uppercase;
}

#nav a {
    color: #fff;
    text-decoration: underline;
    display: block;
    padding: 0 60px 10px 60px;
}
#nav a:hover, #nav a.current { color: #fb0; }

#nav li li a { text-decoration: none; }

#nav li:hover,
#nav li.jshover {
    background: transparent;
}

#nav li ul {
    display: none;
    position: absolute;
    background: transparent;
    margin: 0 0 0 70px;
    padding: 0;
    text-align: left;
}

#nav li li {
    font-weight: normal;
    font-size: 70%;
    text-transform: none;
    margin: 0;
    padding: 0 0 0 15px;
	border-bottom: 1px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
    background: #222;
}
#nav li li.first {
	border-top: 1px solid #000;
}
#nav li li a {
    padding: 4px 10px;
    background: none;
}
#nav li ul.company li a { width: 110px; }
#nav li ul.pricelist li a { width: 180px; }
#nav li ul.contacts li a { width: 190px; }

#nav li:hover ul,
#nav li.jshover ul {
    display: block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
    display: none;
    width: 138px;
    top: -9px;
    left: 118px;
    lef\t: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
    display: block;
}
#nav li:hover li:hover,
#nav li.jshover li.jshover {
    background: #222 url('../img/ul-hover.gif') no-repeat 10px center;
    text-decoration: underline;
    color: #fb2;
}

/*********************** LINKS ***********************/
a.yw, a.wy {
    text-decoration: none;
    padding-bottom: 1px;
}

a.yw:link, a.yw:visited { color: #ffbb02; background: transparent url('../img/a-solid-yellow.gif') repeat-x left bottom; }
a.yw:hover { color: #fff; background: transparent url('../img/a-dotted-white.gif') repeat-x left bottom; }
 
a.wy:link, a.wy:visited { color: #fff; background: transparent url('../img/a-solid-white.gif') repeat-x left bottom; }
a.wy:hover { color: #ffbb02; background: transparent url('../img/a-dotted-yellow.gif') repeat-x left bottom; }

/*********************** STRUCTURE ***********************/
#ios { background: #000 url('../img/bg-corner.gif') no-repeat left bottom; }
#ioscompany {
    background: transparent url('../img/bg-photo.jpg') no-repeat left top;
    width: 100%; height: 100%;
}
#ioscompany td { vertical-align: top; }

#menu {
    text-align: center;
    height: 96px;
}

#logo {
    text-align: right;
    height: 110px;
    padding: 0 120px 0 0;
}

#content { padding: 250px 55px 20px 55px; }
#sidebar { padding: 250px 0 0 0; }

#copyleft, #copyright { height: 85px; font-size: 70%; }
    #studio {
        float: left;
        display: inline;
        width: 52px; height: 50px;
        margin: 25px 20px 0 50px;
    } 
    #copy {
        float: left;
        height: 55px;
        margin: 20px 0 0 0;
    }
    #copy p { line-height: 14px; }

#copyright { width: 350px; height: 50px; }
    #warning { padding: 25px 35px 0 0; }
    #counter { padding: 25px 10px 0 0; }