* {margin: 0;padding: 0}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border: 0}
ul{list-style-type:none}
ol {padding: 5px 17px;font-size: 0.9em}
html {background: #2ca6d3 url('../img/bg-top.png') repeat-x}
body {font: normal 12px "Trebuchet MS", Arial,sans-serif; color: #525252;}
#wrap {background: url('../img/bg-btm.png') repeat-x bottom;padding: 30px 0;}

p {line-height: 1.3em;padding: 0 0 15px 0;font-size: 14px;}
p.small {font-size: 0.9em}                                                       
address {font-style: normal;padding-bottom: 15px}

/* links */
a {color: #fe4365;text-decoration: underline;}
a:link {color: #fe4365;}
a:focus {color: #fe4365; outline: 0}
a:visited {color: #fe4365}
a:hover {color: #000;text-decoration: none;}

/* h1 - h4 */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0}
h1 { font-size: 1.4em;margin: 0 0 10px;padding: 20px 0 20px 10px; color: #fe4365;font-weight: normal}
h2 { font-size: 1.3em; margin: 0 0 10px; color: #fe4365;font-weight: bold;}
h3 { margin: 0 0 10px;font-size: 1.2em;padding: 0;color: #fe4365;font-weight: bold}
h4 { font-size:1.0em;margin: 5px 0 10px;color: #fe4365;padding-bottom: 5px;border-bottom: 1px solid #ccc}


#layout {background: url('../img/layout-bg.png') repeat-y;margin: 0 auto;width: 959px;}

    .container {background: url('../img/layout-top.png') no-repeat 1px 0;padding: 10px 26px 10px 8px;min-height: 700px;_height: 700px !important;}
    
    /* qnav */
    #qnav {background: url('../img/qnav.png') no-repeat;font-size: 12px;width: 300px;height: 31px;line-height: 31px;position: relative;left: 366px}
    #qnav a {color: #000;text-decoration: none;display: block;float: left;}
    #qnav a.home {height: 31px;line-height: 31px;margin-right: 20px;padding-left: 40px}
    #qnav a.links {padding-left: 22px;margin-right: 20px}
    #qnav a.contact {padding-left: 20px}
    #qnav a:hover {color: #555;text-decoration: underline}
    
    /* logo */
    a#logo {display: block;font-size: 1.5em;width: 240px;height: 216px;color: #fff;text-indent: -9999px;position: relative;left: 0px;top: 0;text-decoration: none;background: url('../img/logo.png') no-repeat}

    /* navigation */
    #content ul#nav {padding: 0;margin-bottom: 20px}
        #content ul#nav li {float:left;padding: 0}
            #content ul#nav li a {font-size: 1.0em;padding: 0;text-indent: -9999px;line-height: 43px;display: block;text-align: center;text-decoration: none;float: left;color: #fff;background: url('../img/nav.png') no-repeat 100% 0}
            #content ul#nav li a:hover,
            #content ul#nav li.active a {color: #ff8600}
            #content ul#nav li#n01 a {width: 155px;background-position: 0 0}
            #content ul#nav li#n02 a {width: 165px;background-position: -155px 0}
            #content ul#nav li#n03 a {width: 180px;background-position: -320px 0}
            #content ul#nav li#n04 a {width: 85px;background-position: -500px 0}
            #content ul#nav li#n05 a {width: 81px;background-position: -585px 0}
            #content ul#nav li#n01.active a,
            #content ul#nav li#n01 a:hover {background-position: 0 -43px}
            #content ul#nav li#n02.active a,
            #content ul#nav li#n02 a:hover {background-position: -155px -43px}
            #content ul#nav li#n03.active a,
            #content ul#nav li#n03 a:hover {background-position: -320px -43px}
            #content ul#nav li#n04.active a,
            #content ul#nav li#n04 a:hover {background-position: -500px -43px}
            #content ul#nav li#n05.active a,
            #content ul#nav li#n05 a:hover {background-position: -585px -43px}

   
    #content {width: 667px;float: right}
    #content .padding {padding: 0 5px}
    
    #content ul {padding: 5px 0 15px 0;list-style-type: none;}
    #content ul li {padding: 2px 0 2px 20px;background: url('../img/square.png') no-repeat 0 5px}
    
    #content .cols .colLeft {width: 300px;float:left;margin-right: 28px}
    #content .cols .colRight {width: 300px;float: left;}
    #content .cols p {margin-bottom: 20px}
    #content .cols .box {width: 240px;height: 103px;padding: 15px 20px;}
    #content .cols .box dl {height: 20px;line-height: 20px;font-size: 0.9em;color: #000;clear: both;overflow: hidden}
    #content .cols .box dl dt {height: 20px;line-height:26px;float: left;width: 70px}
    #content .cols .box dl dd {float: left;width: 170px;font-weight: bold;}
#content .cols .colRight .box dl {height:14px;line-height:14px;}
#content .cols .colRight .box dl dt {height: 14px; line-height:14px}
    #content .cols .box strong {display: block;font-size: 1.2em;color: #fe4365}
    #content .cols strong.blue {color: #0d98e0;font-size: 1.1em}
    #content .cols p strong {font-size: 0.9em}
    #content .cols .colLeft .box {height: 219px;background: url('../img/box-blue.png') no-repeat;float: left}
    #content .cols .colRight .box {background: url('../img/box-pink.png') no-repeat;}
    #content .cols h2 {margin-bottom: 15px}

    #content .legend {border: 1px solid #3dade6;position: relative;margin-bottom: 20px}
    #content .legend .legendTitle {position: absolute;top:-12px;left:-5px;background: #fff;color: #3dade6;display: block;padding: 2px 7px 2px 4px}
    #content .legend ul {padding: 15px 10px 10px}
    #content .legend ul li {padding: 0;background: none;margin-bottom: 4px;float: left;width: 33%}
    #content .legend ul li img {float: left;margin-right: 3px;}
    #content .legend ul li span {display: block;float: left;font-size: 10px}
    #content .action {margin-bottom: 20px}
    #content .action .title {font-weight: bold}
    #content .action .title span {padding-right: 15px;color: #0d98e0;margin-right: 5px;background: url('../img/arrow.png') no-repeat 100% 50%}
    #content .action .title img {position: relative;top: 5px;margin-left: 4px}
    #content .action .paddingLeft {padding-left: 30px}
    #content .action strong {color: #393939}
    #content .action p {font-size: 1.0em;line-height: 1.6em;margin: 0;padding: 0}
    #content .photos strong {color: #0d98e0;font-size: 1.1em;padding: 3px 0 0;display: block;}
    #content .photos ul {padding: 0;margin: 0}
    #content .photos ul li {background: url('../img/li-blue.png') no-repeat 0 4px;padding: 1px 0 1px 16px} 
    #content .videos ul {padding: 0;margin: 0;}
    #content .videos ul li {background: url('../img/li-pink.png') no-repeat 0 4px;padding: 1px 0 1px 16px} 
    
    #content .styles p {width: 45%}
    #content .styles a.floatRight {display: block;width: 45%;text-align: left}
    
    #content .vid {padding-top: 15px;padding-bottom: 15px; border-top: 1px solid #d8d8d8}
    #content .vid.first {border-top: 0}
    #content .vid .imageBox {position: relative;width: 136px;height: 125px;text-align: center;float: left;background: url('../img/image-bg.png') no-repeat}
    #content .vid .imageBox strong {color: #0d98e0;display: block;padding: 4px 0;font-size: 1.1em}
    #content .vid .imageBox .flags {position: absolute;top: 80px;left: 74px;}
    #content .vid .imageBox .flags img {display: block}
    #content .vid .text {float: right;width: 510px;color: #000000;line-height: 1.6em}
    #content .vid .text strong {font-size: 1.1em;color: #525252;margin-right: 40px}
    #content .vid .text p {font-size: 12px;color: #525252;line-height: 1.6em;padding-top: 3px}
    #content .vid .text span {text-decoration: underline}

    #content .cats {margin-bottom: 30px}
    
    #content .thumbs img {padding: 1px;margin-left: 10px;background: #c1c1c1;border: 1px solid #7d7d7d}
    #content .thumbs .first img {margin: 0}

    table {width: 100%;border-collapse: collapse;margin-bottom: 15px;font-size: 1.0em}
    table th {text-align: left;padding: 10px;color: #fff;}
    table td {padding: 5px 0;}
           
    .sidebar {width: 240px;}
    
  	/* footer */
  	#footer {width: 957px;margin: 0 auto;background: url('../img/layout-btm.png') no-repeat;height: 52px;}
  	#footer .wrap {position: relative}
  	#footer .image {position:relative; margin: -500px 0 0 7px; background: #fff url('../img/image_bg.gif') repeat-x center bottom;}
  	#footer .copy {position: absolute;display: block;text-align:center;left: 7px;width: 240px;top: 15px;font-size: 0.9em;color: #000}
    #footer p {position: absolute;left: 370px;_left: 305px;padding: 0;top: -10px}
    #footer p a {display: block;float: left;margin-right: 10px}
    #footer p a.trifingo {margin-right: 50px}
    #footer p span {display: block;line-height: 55px;color: #000;font-style: italic;font-size: 11px;float: left;margin-left: 80px;margin-right: 10px}    


/* other */
.italic {font-style: italic}
.wid50 {width: 47%}
hr {display: none}
.high {font-weight: bold}
.clear {clear: both;display: block;height: 0;line-height: 0;font-size: 0;width: 100%}
.noscreen {display: none}
.floatLeft {float: left}
.floatRight {float: right;}
.big {font-size: 1.2em}
.small {font-size: 0.9em}
img.floatLeft {margin-right: 10px}
img.floatRight {margin-left: 10px}
.bold {font-weight: bold}
.alignRight {text-align: right}
.center {text-align: center}
.noborder {border: 0}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* hidden for ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}

.padding #tanecni_uspechy tr {border-bottom: solid 1px #daecf5}
.padding #tanecni_uspechy th {background: #daecf5; color: #000; height: 15px; line-height: 25px; padding: 0;margin:0;text-align: left}