/*
GZ Digital Media
----------------
Author: munio webdesign
URL: 	http://munio.cz/
*/

/* basic
-------------------- */
h1, h2, p, ul, ol, li, form, fieldset {
    margin:0;
    padding:0
}

html, body {
    text-align:center
}

body {
    margin:0 0 20px 0;
    background:#f1f6fc url('bg000000.png') left -16px repeat-x;
    color:#666;
    font-size:80%;
    font-family:Arial, Helvetica, sans-serif
}

#page {
    width:812px;
    margin:0 auto;
    text-align:left;
    background:#fff;
    position:relative;
}

h1 {
    font-size:1.7em;
    color:#FA741B;
    margin-bottom:15px;
    font-weight:normal
}

h2 {
    font-size:1.5em;
    color:#003D9E;
    margin-bottom:15px;
    font-weight:normal
}

p, li {
    font-size:0.95em;
    margin-bottom:1.5em;
    line-height:1.5em
}

ul {
    margin:0 0 1.5em 20px
}

ol {
    margin:0 0 1.5em 25px
}

ul li, ol li {
    margin:0
}

/*
a {color:#0000BB; text-decoration:underline; cursor:pointer}
a:visited {color:#000080;}
a:hover {color:#FF6600; text-decoration:none;}
a:focus, a:active {background:#4C87BB; color:#fff}
img[alt] {font-size:9px}
*/
a img {
    border:none
}

/* head
-------------------- */
#head {
    width:811px;
    height:198px;
    margin-bottom:0;
    position:relative;
    background:url('../img/head.jpg') left top no-repeat
}

#head a {
    width:210px;
    height:65px;
    position:absolute;
    left:0;
    top:0
}

#head span {
    display:block;
    width:210px;
    height:65px;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background:url('../img/head.jpg') left top no-repeat
}

#logomenu {position:absolute; left:40px; top:61px; width:180px}
#logomenu ul {margin:0; list-style:none; text-transform:uppercase}
#logomenu li a {display:block; color:#003D9E; text-decoration:none; font-weight:bold; height:30px; line-height:30px}
#logomenu li a:hover {color:#FA741B}

#menu {position:absolute; top:141px; left:250px}
#menu ul {margin:0}
#menu li {float:left; list-style:none; margin:0 2px 0 0; font-weight:bold; font-size:12px}
#menu li a {display:block; height:45px; line-height:45px; float:left; padding:0 8px; text-decoration:none; color:#666; position:relative; background:url('../img/menu_rig.png') right bottom no-repeat;}

#menu li a span {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left:0;
    top:35px;
    _top: 30px;
    background: url('../img/menu_lef.png') left bottom no-repeat;
}

#menu li a:hover, #menu li a.activ {color:#fff; background:url('../img/menu_rih.png') right bottom no-repeat}
#menu li a:hover span, #menu li a.activ span {background:url('../img/menu_leg.png') left bottom no-repeat}

#flag {position:absolute; left:246px; top:21px}
#flag ul {margin:0; list-style:none}
#flag li {float:left}
#flag_cz a, #flag_de a, #flag_en a, #flag_fr a {color: #0b6cb8; cursor: pointer; display:block; width:38px; height:22px; position:relative; overflow:hidden}
#flag_cz a span, #flag_de a span, #flag_en a span, #flag_fr a span {color: #0b6cb8; display:block; width:38px; height:22px; position:absolute; left:0; top:0}

#flag_cz a:link {
    color: #0b6cb8;

}

#flag_cz a span {background:url('../img/flag_cz0.png') left top no-repeat}
#flag_de a span {background:url('../img/flag_de0.png') left top no-repeat}
#flag_en a span {background:url('../img/flag_en0.png') left top no-repeat}
#flag_fr a span {background:url('../img/flag_fr0.png') left top no-repeat}



#search {position:absolute; left:248px; top:84px}
#search fieldset {border:none}
#search legend {display:none}
#search input.text {width:183px; padding-left:5px; margin-right: 4px; color:#8c8c8c; margin-bottom:5px;}
#search #go {width:37px; height:25px; line-height:25px; padding:0 0 2px 0; position: relative; top: -5px; background:url('../img/search_s.png') left top no-repeat; color:#000; font-size:0.85em; border:none; font-weight:bold}


#login {position:absolute; left:643px; top:39px;}
#login fieldset {border:none;margin-top:5px;}
#login legend {color: #c6e8f1; font-size: 16px; }
#login input.text {width:135px; padding-left:5px; 
                   color:#8c8c8c; margin-bottom:5px;
}
#login .vstup {
    width:83px; height:24px; line-height:24px;
    margin:10px 0 0 30px;
    padding:0 0 2px 0;
    background:url('../img/login_su.png') left top no-repeat;
    color:#000; font-size:0.85em; border:none; font-weight:bold
}


#login input {
    border: 1px solid #ebebeb;
}


/**
#navig
*/
#navig_content {
    width:779px;

    background:#fff;
    overflow:hidden;
    display: block;
    z-index: 200;

}

#navig_content #left_nav {
    width:225px;
    float:left;
}

#navig_content .search {
    padding: 0px 0px 0px 30px;
}
#navig_content .input {
    border: 2px solid #eaeaea;
    top:-5px;
    position:relative;
    padding: 0px 2px 0px 2px;
}


#navig_content #right_nav {
    width:500px;
    float:left;
    padding: 4px 0px 0px 30px;
    font-size: 12px;
}

#navig_content #right_nav a {
    color: #FA741B;
    text-decoration: none;
}

#navig_content #right_nav a:hover {
    text-decoration: underline;
}

/*--------------*/



/* content
-------------------- */
#content {clear:both; width:779px; padding:0 20px 0 13px; background:#fff; overflow:hidden}

/* left
-------------------- */
#leftWrap {float:left; width:217px; background:url('../img/bg_left0.png') left top no-repeat}
#left { position: relative; top: 20px; padding:15px; border-right: #cddfee solid 1px; }
/*menu na jednotlivych strankach*/
#sitemenu {margin:0px 0px 5px 0px;}
#sitemenu li {list-style:none; padding-left:20px; background:url('../img/sitemenu_li.png') left 8px no-repeat;}
#sitemenu li a {color:#0773B4; text-decoration:none; font-weight:bold}
#sitemenu li ul {margin-bottom:0; list-style:none}
#sitemenu li ul li {border-bottom:1px solid #D5E7F2; background:none; padding:0}
#sitemenu li ul li a {color:#000; text-decoration:none}
/*novinky*/
#left p {margin:0}
.date, .novinka {font-size:1.1em; font-weight:bold}
.date {color:#FA741B}
.novinka {color:#0773B4}
.detail {margin-top:5px}
.detail a {color:#000; text-decoration:none; font-weight:bold; padding-left:15px; background:url('../img/left_det.png') left center no-repeat}
.left_cleaner {width:100%; height:40px; background:url('../img/left_cle.png') center center no-repeat}

/* right
-------------------- */
#rightWrap {float:right; width:546px; background:url('../img/bg_right.png') left top no-repeat;}
#right {margin-bottom:10px;position: relative; top: 20px; padding:15px; border-right: #cddfee solid 1px; }
#right a {color:#000080; text-decoration:underline; cursor:pointer}
#right a:hover {color:#FF6600; text-decoration:none;}
#right a.detail {color:#000; text-decoration:none; font-weight:bold; padding-left:15px; background:url('../img/left_det.png') left center no-repeat}
#right hr {display: block;}

/* footer
-------------------- */
#footer {  margin-top: 15px; width:812px; height:50px; background:#fff url('../img/bg_foote.png') center top no-repeat; text-align:center; position:relative}
#footer a {text-decoration:none}
#foot_center, #foot_right, #foot_left {position:absolute; top:5px}
#foot_center {left:207px; width:400px}
#foot_center a {color:#8c8c8c; padding:0 5px 8px 5px; background:url('../img/footer_s.png') center bottom no-repeat; font-size:12px}
#foot_right {left:607px; padding-right:15px; width:191px; text-align:right; font-size:0.9em}
#foot_right a {color:#c8c8c8}
#foot_left {left:0; padding-left:15px; width:191px; text-align:left; color:#c8c8c8; font-size:0.9em}

/* others
-------------------- */
hr, h4 {display:none} /*h4 tvori skryte nadpisy menu*/



#head span.digitalmedia {display:block; width:170px; height:24px;
                         position:absolute; left:35px; top:23px; z-index:1;
                         background:url('../img/logo_dig.png') left top no-repeat}

#head span.vinyl {display:block; width:129px; height:38px;
                  position:absolute; left:35px; top:13px; z-index:1;
                  background:url('../img/logo_vin.png') left top no-repeat}


#head span.gz_print {
    display:block; width:170px; height:32px;
    position:absolute; left:35px; top:18px; z-index:1;
    background:url('../img/logo_gzp.png') left top no-repeat}



li.podr {list-style:none; padding-bottom:2px; background:url('../img/left_det.png') left center no-repeat}
a.black {color:#000000; text-decoration:none; padding-left:17px; font-weight:bold}
a.black:hover {color:#FF6600; text-decoration:underline; }


table.popt_form {
    border-top:1px solid #D5E7F2;
    border-bottom:1px solid #D5E7F2;
    margin-bottom:5px
}

table.popt_form input.txt {
    border:1px solid #E4E4E4;
    background:#F8F8F8;
    width:200px;
}

table.popt_form input.error,
table.popt_form textarea.error {
    border:1px solid #ce0000;
}

table.popt_form select {
    border:1px solid #E4E4E4;
}


table.popt_form textarea {
    border:1px solid #E4E4E4;
    background:#F8F8F8;
    width:400px; height:80px;
}

table.popt_form th{
    color:#666666;
    font-weight:normal;
    padding-right:10px;
}

table.popt_form span {
    padding-right: 5px;
    color: #ce0000;
}

.submit,
input.button {
    background: url(../img/blue_button.gif) no-repeat;
    border: 0;
    width:90px;
    height: 30px;
    color: #fff;
    padding: 0px 0px 5px;
}

ul.sitemap, ul.sitemap ul {
    margin: 0;
    padding-left: 20px;
}
ul.sitemap ul {
    padding-left: 25px;
}
ul.sitemap li {
    list-style: none;
}
ul.sitemap li a {
    padding-left: 25px;
    background: url("../img/book_ope.png") no-repeat left;
    line-height: 1.8em;
    font-weight: bold;
    color: #FF6600 !important;
}
ul.sitemap ul li a {
    background: url("../img/page0000.png") no-repeat left;
    padding-left: 18px;
    font-weight: normal;
    color: #000080 !important;
}

/* GZ User style */
ul#sitemenu .greenalt
{
    color: #004d21;
}

#sitemenu li.greenalt {list-style:none; padding-left:20px; background:url('../img/sitemenu.png') left 8px no-repeat;}
#sitemenu li.greenalt ul li { background: none; margin-bottom:0; list-style:none; padding: 0; }


#photogallery{
}

#photogallery div.photo_box{
    width:150px;
    height:150px;
    float:left;
}


div.cleaner{
clear:both
}