* {
    padding: 0;
    margin: 0;
}

body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #ffffff;
    color: #000000;
    text-align: center;
}

img {
    border: 0;
}

/* topz */

div#topz {
    width: 960px;
    height: 116px;
    background: url(/img/topz.png) no-repeat top left;
    margin: 0 auto;
    text-align: left;

}

div#topz div.banner {
    height: 60px;
    width: 468px;
    float: left;
    background-color: #003399;

    margin: 25px 0 0 110px;
}

/* topz */

/* menu */

div#menu {
    width: 960px;
    background: #ffffff url(/img/tech/bt_bg.gif) repeat-y top left;

    text-align: left;
    margin: 0 auto;
    margin-bottom: 1px;

}

div#menu .top {
    background: url(/img/tech/bt_top.gif) no-repeat top left;
}

div#menu .bottom {
    background: url(/img/tech/bt_bottom.gif) no-repeat bottom left;
    padding: 0 13px;

}

div#menu .bottom div.links {
    float: left;
    width: 204px;
}

div#menu .bottom div.links img {
    margin-bottom: 1px;
}

div#menu .bottom form {
    height: 36px;
    background: url(/img/src_bg.gif) no-repeat top left;
}

div#menu .bottom form input {
    font-family: tahoma;
    font-size: 0.8em;
    border: 1px solid #cccccc;
}

div#menu .bottom form input.txt {

    background: #ffffff url('/img/lupa.gif') no-repeat left center;
    width: 163px;
    padding: 5px 0 5px 25px;
    margin: 5px 0 0 8px;
}

div#slogan {
    float: left;
    width: 730px;
    background: #feef00 url('/img/tech/sl_r.gif') no-repeat top right;
}

/* menu */

/* content */

div#content {
    width: 960px;
    text-align: left;
    background: #ffffff url(/img/tech/ct_bg.gif) repeat-y top left;

    margin: 0 auto;
}

div#content .top {
    background: url(/img/tech/ct_top.gif) no-repeat top left;
}

/* category */

div#left {
    width: 216px;
    float: left;

}

div#codeTypes {
    margin-left: 13px;
    padding-bottom: 5px;
    background: #ffffff url(/img/tech/ct_top_left.gif) no-repeat bottom left;
}

div#codeTypes img {
    display: block;
    margin-bottom: 1px;
}

div#cat {
    padding-top: 5px;
}

div#cat a {
    color: #00234c;
    text-decoration: none;

    display: block;
    background: url(/img/nota.gif) no-repeat top left;

    padding-left: 38px;
    margin-bottom: 4px;
}

div#cat a:hover {
    text-decoration: underline;
    color: #000000;
}

div#cat a.active {
    background: url('/img/nota_r.gif') no-repeat left top;
    color: #000000;
}

div#cat div.sub a {
    font-size: 0.8em;
    padding-left: 45px;

    background: url('/img/nota_s.gif') no-repeat top left;
}

div#cat div.sub a.active {
    background: url('/img/nota_s_r.gif') no-repeat top left;
    color: black;
}

div#cat a b {
    color: #CC0033;
    font-style: italic;
    padding-left: 4px;
}

div#cat_r {

    float: left;

    margin-top: 15px;
}

div#cat_r a {
    color: #00234c;
    text-decoration: none;

    display: block;
    background: url(/img/nota_mr.gif) no-repeat top left;

    padding-left: 12px;
    margin-bottom: 4px;
}

div#cat_r a:hover {
    text-decoration: underline;
    color: #000000;
}

div#cat_r a.active {
    background: url('/img/nota_mrs.gif') no-repeat left top;
    color: #000000;
}

div#cat_r div.sub a {
    font-size: 0.8em;
    padding-left: 4px;
    background: url(/img/) no-repeat top left;

}

div#cat_r div.sub a.active {

    color: black;
}

div#cat_r a b {
    color: #CC0033;
    font-style: italic;
    padding-left: 4px;
}

/* category */

/* center */

div#center {
    width: 571px;
    float: left;

    margin: 0 1px;
}

div#player audio {
    width: 100%;
}

div#src_str {
    padding: 10px;
    background: #99dff9;
    border-bottom: 1px solid #ffffff;
}

div#err_str {
    margin: 15px 10px;
}

div#err_str p {
    margin-bottom: 10px;
}

/* melody */

table#melody td {
    height: 40px;

    padding: 0 2px;
}

table#melody td.d {
    width: 100%;

    padding-left: 8px;
}

table#melody td.d a {
    color: #000000;
    text-decoration: none;
}

table#melody td.d a:hover {
    text-decoration: underline;
}

table#melody td.d b {
    color: #CC0033;
    font-style: italic;
    padding-left: 4px;
}

table#melody td.ln {
    height: 10px;
    background: url("/img/tech/d_line.gif") repeat-x left;
}

table#melody td.d p {
    font-size: 10px;
    font-weight: bold;
    color: #808080;
}

/* melody */

/* center */

/* info */

div#info { /*171*/
    width: 165px;
    float: left;

    padding-left: 4px;
    padding-top: 15px;
}

/*		div#info a{ 		  color: #fff;		}				div#info a:hover{ 		  color: #fff;		}		*/

table#services {
    font-size: 10px;
    font-family: Arial;
    color: #ffffff;
}

table#services a {
    color: #000000;
    text-decoration: none;
}

table#services a:hover {
    text-decoration: underline;
}

table#services a:visited:hover {
    text-decoration: underline;
}

table#services td {
    padding: 7px 10px 7px 0;
    background: url('../../img/tech/dotted.gif') bottom left repeat-x;

}

div#info p {
    font-size: 11px;
    margin-bottom: 10px;
}

/* info */

/* content */

/* content bottom: pages */

div#con_bottom {
    width: 960px;
    background: #ffffff url(/img/tech/ct_bg.gif) repeat-y top left;

    text-align: left;
    margin: 0 auto;
    margin-bottom: 20px;
}

div#con_bottom .bottom {
    height: 40px;
    background: url(/img/tech/ct_bottom.gif) no-repeat bottom left;

}

div#pages {
    width: 530px;
    height: 21px;
    background: #dadada url(/img/tech/pg_bottom.gif) no-repeat bottom left;;

    margin-left: 217px;
    padding: 9px 10px 10px 30px;
}

div#pages a {
    color: #626469;
    text-decoration: none;
    margin: 0 3px;
}

div#pages a:hover {
    color: #000000;
    text-decoration: underline;
}

div#pages a:visited {
    color: #626469;
}

div#pages a:visited:hover {
    color: #000000;
    text-decoration: underline;
}

div#pages b {
    margin: 0 3px;
}

/* content bottom: pages */

/* botz */

div#botz {
    width: 947px;
    font-size: 12px;

    text-align: left;
    margin: 0 auto;

}

div#botz .banner {
    height: 52px;
    color: #CCCCCC;
    background: url(/img/botz.gif) no-repeat top left;
    padding: 15px 0 0 225px;
}

div#botz .banner img {
    border: 1px solid #000000;
    margin-right: 5px;
}

/* botz */

/* copyright */

div#copyright {
    width: 920px;

    text-align: left;
    margin: 5px auto 0 auto;
    padding-bottom: 20px;
}

div#copyright p {
    font-size: 0.8em;
    color: #adadad;

    margin-left: 200px;
}

/* copyright */

.f_clear {
    clear: both;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
    display: block; /* inline elements don't respond to the clear property */
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix {
    display: inline-block;
}

/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */