/* www.vaclavneubauer.cz, media screen */

/* zakladni nastaveni */

html
{
font-size: 100.01%;
background: #ffffff url("../img/html.png") repeat-x top center;
}

body
{
background: url("../img/body.png?v=02") repeat-x left top;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #666666;
font-weight: normal;
font-style: normal;
text-align: center;
}

a img, a:link img
{
border: none;
}

p
{
margin: 0;
padding-bottom: 20px;
}

h1
{
font-size: 1em;
margin: 0;
padding: 0;
}

h2
{
font-size: 1.7em;
color: #e8922c;
margin: 0;
padding-bottom: 15px;
}

h3
{
font-size: 1.9em;
color: #e8922c;
margin: 0;
padding-bottom: 15px;
}

h4
{
font-size: 1.1em;
color: #e8922c;
margin: 0;
padding-bottom: 15px;
}

h5
{
font-size: 1em;
margin: 0;
padding-bottom: 10px;
}

h6
{
font-size: 1em;
margin: 0;
padding-bottom: 10px;
}

ol
{
margin: 8px;
padding-left: 16px;
}

ul
{
margin: 5px;
padding-left: 13px;
}

ul li
{
list-style-type: square;
}

a
{
color: #e8922c;
text-decoration: none;
}

a:hover
{
color: #e8922c;
text-decoration: underline;
}

input.text
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #666666;
border: 1px solid #666666;
padding: 2px;
}

input.submit, input.reset, input.button
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
font-weight: bold;
color: #ffffff;
border: 2px solid #666666;
cursor: pointer;
padding: 10px;
}

textarea
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #666666;
border: 1px solid #666666;
padding: 2px;
overflow: auto;
}

select
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #666666;
}

hr
{
color: #cccccc;
height: 1px;
border: none;
background-color: #cccccc;
}

table
{
font-size: 1em;
margin-top: 5px;
margin-bottom: 5px;
}

table th, table td
{
padding: 2px 5px 2px 5px;
}

table th
{
background: #cdcdcd;
color: #ffffff;
}

table td
{
border-bottom: 1px dotted #cdcdcd;
}

/* stranka */

div.homepage, div.page
{
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;
}

div.wrapper
{
clear: both;
}

/* content */

span.corner
{
position: absolute;
overflow: hidden;
}

* html span.corner
{
display: none;
}

span.corner.lt
{
left: 0;
top: 0;
}

span.corner.rt
{
right: 0;
top: 0;
}

span.corner.lb
{
left: 0;
bottom: 0;
}

span.corner.rb
{
right: 0;
bottom: 0;
}

div.mainmenu
{
background: #f6a953 url("../img/mainmenu.png") repeat-x left top;
width: 1000px;
position: relative;
margin-bottom: 25px;
height: 1%;
}

div.mainmenu span.shadow
{
position: absolute;
left: 0;
bottom: -20px;
width: 1000px;
height: 20px;
background: url("../img/mainmenu-shadow.png");
}

div.mainmenu ul
{
margin: 0;
padding: 0;
position: relative;
}

div.mainmenu li
{
list-style: none;
position: relative;
float: left;
font-size: 1.2em;
font-weight: bold;
}

div.mainmenu a
{
color: #ffffff;
text-decoration: none;
padding: 14px 11px 10px 18px;
display: block;
position: relative;
text-transform:uppercase;
}

div.mainmenu a:hover, div.mainmenu a.active
{
color: #ffffff;
text-decoration: underline;
}

div.mainmenu ul li ul
{
display: none;
position: absolute;
top: 46px;
width: 120px;
z-index: 3;
background: #eda856;
}

div.mainmenu ul li:hover ul, div.mainmenu ul li.hover ul
{
display: block;
z-index: 3;
}

* html div.mainmenu ul li.hover ul
{
position: absolute;
left: 0;
}

li>ul {
top: auto;
left: auto;
}

div.mainmenu ul li ul li
{
list-style: none;
width: 120px;
font-size: 1em;
font-weight: normal;
}

*+html div.mainmenu ul li ul li
{
margin-bottom: -4px;
}

* html div.mainmenu ul li ul li
{
margin-bottom: -4px;
}

div.mainmenu ul li ul li a
{
padding: 10px 16px;
text-transform:none;
line-height:110%;
font-size:90%;
border-bottom: 1px solid #F29220;
}

div.mainmenu ul li ul li a:hover
{
background-color:#F29220;
text-decoration:none;
}

div.mainmenu span.corner
{
width: 10px;
height: 10px;
background-image: url("../img/mainmenu-corners.png");
}

div.mainmenu span.corner.rt
{
background-position: -10px 0;
}

div.mainmenu span.corner.lb
{
background-position: 0 -10px;
}

div.mainmenu span.corner.rb
{
background-position: -10px -10px;
}

span.bullet
{
width: 6px;
height: 6px;
overflow: hidden;
position: absolute;
left: 0;
top: 1.15em;
background: url("../img/bullet.png") no-repeat 0 0;
display:block;
}

* html span.bullet
{
/**display: none;*/
left:-15px;
}

div.content
{
font-size: 0.9em;
padding-bottom: 35px;
width: 1000px;
height: 100%;
z-index: 4;
position: relative;
margin-top: 277px;
float: left;
}

* html div.content
{
float: none;
}

div.columns div.left
{
float: left;
width: 680px;
}

div.columns div.right
{
float: right;
width: 300px;
}

div.text
{
line-height: 21px;
}

div.path
{
margin-bottom: 25px;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 15px;
}

div.path p
{
display: inline;
margin-right: 5px;
}

div.path ul
{
margin: 0;
padding: 0;
display: inline;
}

div.path li
{
list-style: none;
display: inline;
}

div.path a
{
color: #666666;
text-decoration: underline;
padding-right: 10px;
background: url("../img/path-a.png") no-repeat right center;
}

* html div.path a
{
background-image: url("../img/path-a.gif");
}

div.path a:hover
{
color: #000000;
}

div.articles div.image, div.article div.image
{
float: left;
width: 184px;
margin-top: 5px;
margin-right: 13px;
}

div.article div.image
{
margin-right: 13px;
margin-bottom: -15px;
}

div.articles div.perex
{
float: right;
width: 485px;
}

div.articles ins, div.article ins
{
text-decoration: none;
font-style: italic;
}

div.item.main h2
{
font-size: 2.5em;
line-height: normal;
}

div.divider
{
width: 680px;
height: 6px;
background: url("../img/divider.png");
overflow: hidden;
margin: 15px 0 15px 0;
clear:both;
display:block;
}

div.pagination
{
text-align: center;
background: #f29220;
margin: 10px auto 10px auto;
display: table;
}

* html div.pagination
{
width: 30%;
}

*+html div.pagination
{
width: 30%;
}

div.pagination span.corner
{
width: 5px;
height: 5px;
background-image: url("../img/pagination-corners.png");
}

div.pagination span.corner.rt
{
background-position: -5px 0;
}

div.pagination span.corner.lb
{
background-position: 0 -5px;
}

div.pagination span.corner.rb
{
background-position: -5px -5px;
}

div.pagination p
{
color: #ffffff;
padding: 6px 8px 6px 8px;
position: relative;
}

div.pagination a
{
color: #ffffff;
text-decoration: none;
}

div.pagination a:hover
{
color: #ffffff;
text-decoration: underline;
}

div.pagination a.active
{
color: #ffec00;
text-decoration: none;
}

div.photo-card.small
{
width: 184px;
text-align: center;
color: #e8922c;
}

div.photo-card.small p
{

margin-top: -5px;

padding: 0 5px 5px 5px;
line-height:15px;

}

div.photo-card.small p span
{
 overflow:hidden;
}

div.photo-card.small div.photo-frame
{
width: 184px;
height: 158px;
overflow: hidden;
background: url("../img/photo-card-small.png");
}

* html div.photo-card.small div.photo-frame
{
background: url("../img/photo-card-small.gif");
}

div.photo-card.small div.photo-frame img
{
margin: 8px;
}

div.photo
{
width: 276px;
padding: 16px 12px 16px 12px;
background: #eeeeee;
position: relative;
margin-top: 19px;
}

div.photo span.corner
{
width: 10px;
height: 10px;
background-image: url("../img/photo-corners.png");
}

div.photo span.corner.rt
{
background-position: -10px 0;
}

div.photo span.corner.lb
{
background-position: 0 -10px;
}

div.photo span.corner.rb
{
background-position: -10px -10px;
}

div.photo-card.big div.photo-frame
{
width: 277px;
height: 230px;
overflow: hidden;
background: url("../img/photo-card-big.png");
}

* html div.photo-card.big div.photo-frame
{
background: url("../img/photo-card-big.gif");
}

div.photo-card.big div.photo-frame img
{
margin: 11px;
}

div.photo-card.big p
{
padding: 0 13px 0 13px;
}

div.photogallery div.photo-card
{
float: left;
margin: 0 15px 10px 15px;
}

div.attachments div.attachment
{
background: #f1f1f1 url("../img/attachment.png") repeat-x;
position: relative;
margin: 0 34px 24px 34px;
}

* html div.attachments div.attachment
{
background-image: none;
height: 1%;
}

div.attachment span.corner
{
width: 5px;
height: 5px;
background-image: url("../img/attachment-corners.png");
}

div.attachment span.corner.rt
{
background-position: -5px 0;
}

div.attachment span.corner.lb
{
background-position: 0 -5px;
}

div.attachment span.corner.rb
{
background-position: -5px -5px;
}

div.attachment p
{
width: 492px;
float: right;
position: relative;
padding: 1px 10px 1px 18px;
color: #ffffff;
font-size: 0.9em;
background: url("../img/attachment-p.png") repeat-y;
}

* html div.attachment p
{
background: none;
}

div.attachment a
{
color: #ffffff;
font-weight: bold;
}

div.attachment a:hover
{
color: #ffffff;
}

div.attachment p.odd
{
background-color: #e8922c;
}

div.attachment p.even
{
background-color: #eda856;
}

div.attachments span.ico
{
position: absolute;
left: -70px;
top: -4px;
width: 51px;
height: 52px;
}

div.attachments span.ico.att
{
background: url("../img/ico-att.png");
}

* html div.attachments span.ico.att
{
background: url("../img/ico-att.gif");
}

div.attachments span.ico.xls
{
background: url("../img/ico-xls.png");
}

* html div.attachments span.ico.xls
{
background: url("../img/ico-xls.gif");
}

div.attachments span.ico.xlsx
{
background: url("../img/ico-xlsx.png");
}

* html div.attachments span.ico.xlsx
{
background: url("../img/ico-xlsx.gif");
}

div.attachments span.ico.doc
{
background: url("../img/ico-doc.png");
}

* html div.attachments span.ico.doc
{
background: url("../img/ico-doc.gif");
}

div.attachments span.ico.docx
{
background: url("../img/ico-docx.png");
}

* html div.attachments span.ico.docx
{
background: url("../img/ico-docx.gif");
}

div.attachments span.ico.ppt
{
background: url("../img/ico-ppt.png");
}

* html div.attachments span.ico.ppt
{
background: url("../img/ico-ppt.gif");
}

div.attachments span.ico.pptx
{
background: url("../img/ico-pptx.png");
}

* html div.attachments span.ico.pptx
{
background: url("../img/ico-pptx.gif");
}

div.attachments span.ico.zip
{
background: url("../img/ico-zip.png");
}

* html div.attachments span.ico.zip
{
background: url("../img/ico-zip.gif");
}

div.attachments span.ico.jpg
{
background: url("../img/ico-jpg.png");
}

* html div.attachments span.ico.jpg
{
background: url("../img/ico-jpg.gif");
}

div.attachments span.ico.pdf
{
background: url("../img/ico-pdf.png");
}

* html div.attachments span.ico.pdf
{
background: url("../img/ico-pdf.gif");
}

div.attachments span.ico.rtf
{
background: url("../img/ico-rtf.png");
}

* html div.attachments span.ico.rtf
{
background: url("../img/ico-rtf.gif");
}

div.attachments span.ico.mp3
{
background: url("../img/ico-mp3.png");
}

* html div.attachments span.ico.mp3
{
background: url("../img/ico-mp3.gif");
}

div.attachments a:hover span.ico
{
background-position: -51px 0;
}

/* header */

div.print-header
{
display: none;
}

div.header
{
font-size: 0.7em;
position: absolute;
top: 0;
left: 0;
width: 1000px;
height: 300px;
background: url("../img/header-new.png");
}

div.logo.web
{
width: 500px;
height: 170px;
margin: 0;
position: absolute;
left: 25px;
top: 85px;
}

div.logo.web h1
{
margin: 0;
padding: 0;
width: 500px;
height: 170px;
position: relative;
overflow: hidden;
}

div.logo.web h1 a {
display:block;
width: 500px;
height: 170px;
}


div.logo.web h1 span.ir
{
width: 500px;
height: 170px;
position: absolute;
left: 0;
top: 0;
background: url("../img/header-new.png") -25px -85px;
}

div.logo.web a span.ir
{
cursor: pointer;
}

div.logo.cssd
{
width: 360px;
height: 40px;
margin: 0;
position: absolute;
left: 0;
top: 3px;
}

div.logo.cssd h2
{
margin: 0;
padding: 0;
width: 360px;
height: 40px;
position: relative;
overflow: hidden;
display:block;
}

div.logo.cssd h2 span.ir
{
width: 360px;
height: 40px;
position: absolute;
left: 0;
top: 0;
background: url("../img/cssd-link.png") 0 0;
}

div.logo.cssd a span.ir
{
cursor: pointer;
}

div.candidate
{
width: 288px;
height: 577px;
background: url("../img/vaclav-neubauer.png");
position: absolute;
top: -564px;
right: 8px;
}

* html div.candidate
{
background: url("../img/vaclav-neubauer.gif");
}

div.searchform
{
margin-top: 230px;
width: 300px;
height: 55px;
background: url("../img/searchform.png");
position: relative;
z-index: 3;
}

div.searchform form
{
margin: 13px 0 0 10px;
padding: 0 8px 0 8px;
width: 262px;
height: 30px;
background: url("../img/searchform-form.png");
position: relative;
float: left;
}

* html div.searchform form
{
display: inline;
}

div.searchform fieldset
{
border: none;
padding: 0;
margin: 0;
}

div.searchform input.text
{
background: url("../img/searchform-input-text.png");
color: #666666;
border: none;
width: 170px;
height: 16px;
line-height: 16px;
margin-top: 4px;
}

div.searchform input.image
{
margin: 0 0 0 4px;
padding: 0;
border: none;
position: absolute;
bottom: 5px;
right: 8px;
cursor: pointer;
}

div.my-blog
{
width: 300px;
height: 152px;
margin-top: 19px;
overflow: hidden;
}

div.my-blog a
{
width: 300px;
height: 152px;
display: block;
position: relative;
}

div.my-blog span.ir
{
width: 300px;
height: 152px;
background: url("../img/muj-blog.png");
cursor: pointer;
position: absolute;
left: 0;
top: 0;
}

/* footer */

div.footer
{
color: #666666;
background: #cdcdcd;
min-width: 1000px;
}

div.footer div.container
{
min-width: 1000px;
width: 1000px;
padding: 20px 0 1px 0;
margin: 0 auto 0 auto;
background: url("../img/footer.png") no-repeat;
}

div.footer div.site-owner
{
float: left;
}

div.footer div.quick-navigation
{
float: right;
}

div.quick-navigation ul
{
margin: 0;
padding: 0;
}

div.quick-navigation li
{
list-style: none;
float: left;
width: 28px;
height: 18px;
background: #ffffff;
overflow: hidden;
margin-left: 3px;
}

div.quick-navigation a
{
width: 28px;
height: 18px;
display: block;
position: relative;
overflow: hidden;
}

div.quick-navigation span
{
position: absolute;
left: 0;
top: 0;
cursor: pointer;
width: 28px;
height: 18px;
display: block;
}

div.quick-navigation li.homepage span
{
background-image: url("../img/homepage.png");
}

div.quick-navigation li.print span
{
background-image: url("../img/print.png");
}

div.quick-navigation li.sitemap span
{
background-image: url("../img/sitemap.png");
}

div.quick-navigation li.top span
{
background-image: url("../img/top.png");
}

div.quick-navigation a:hover span
{
background-position: -28px 0;
}
.none
{
display:none;
}

.clear {height:1px; font-size:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0!important; padding:0!important; width:100%!important;}

.standard, .main {overflow:hidden;}

#infoBox {padding:20px 20px 0 20px; background:#fff url(../img/infobox-bg.png) no-repeat 0 0; overflow:hidden; width:640px;}
#infoBox #news {width:415px; float:left;}
#infoBox #news h3 {font-size:24px;}
#infoBox #news .divider {height:1px; font-size:1px; clear:both; overflow:hidden; display:block; margin:0 0 15px 0; padding:0; width:415px; background:#ebebeb;}
#infoBox #news p.head {font-weight:bold; padding:0;}
#infoBox #news p.text {padding-bottom:15px;}
#infoBox #help {background:#eee url(../img/help.png) no-repeat 0 0; width:198px; height:133px; float:right; padding:75px 0 0 0;}
#infoBox #help p {padding:0; text-align:center;}
#infoBox #help p#bigger {font-size:20px;}
#infoBox #help a#write {display:block; width:168px; height:43px; text-align:center; text-transform:uppercase; background:#e99838 url(../img/write-me.png) no-repeat 0 0; color:#fff; font-weight:bold; line-height:43px; margin:3px 15px;}
#infoBox #help a#write:hover, #infoBox #help a#write:focus {background-position:0 -43px; text-decoration:none;}

#actions {position:relative; background:#eee; margin:20px 0; padding:16px 12px; width:276px;}
#actions span.corner {background-image:url(../img/photo-corners.png); height:10px; width:10px;}
#actions span.corner.rt {background-position:-10px 0;}
#actions span.corner.lb {background-position:0 -10px;}
#actions span.corner.rb {background-position:-10px -10px;}
#actions h4 {padding-bottom:10px;}
#actions p {padding:0;}
#actions p.heading {font-size:1.1em; margin-bottom:4px; line-height:1.2em;}
#actions p.heading a {color:#666; text-decoration:underline;}
#actions p.heading a:hover, #actions p.heading a:focus {text-decoration:none;}
#actions .divider {height:1px; font-size:1px; clear:both; overflow:hidden; display:block; margin:7px 0; padding:0; width:100%; background:#e0e0e0;}

#calendar {position:relative; width:580px; height:52px; background:#eee url(../img/calendar-bg.png) no-repeat 0 0; padding:20px 50px 0 50px; overflow:hidden; margin:0 0 30px 0;}
#calendar p.head {display:block; width:180px; height:20px; line-height:18px; text-align:center; color:#e8922c; padding:0; position:absolute; top:0; left:250px; font-weight:bold;}
#calendar .arrow {position:absolute; top:18px; display:block; width:34px; height:35px; overflow:hidden;}
#calendar .arrow span {position:absolute; top:0; left:0; width:34px; height:35px; cursor:pointer;}
#calendar .left {left:10px;}
#calendar .left span {background:url(../img/calendar-left.png) no-repeat 0 0;}
#calendar .right {left:636px;}
#calendar .right span {background:url(../img/calendar-right.png) no-repeat 0 0;}
#calendar .arrow:hover span, #calendar .arrow:focus span {background-position:0 -35px;}
#calendar table {border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0; font-size:11px;}
#calendar table th {background:#eee; color:#a67842; padding:2px 3px 1px 3px; text-align:center;}
#calendar table td {background:#eee; color:#9c9c9c; padding:0 3px 7px 3px; border-bottom:none; text-align:center;}
#calendar table td a {display:block; font-weight:bold; color:#000;}
#calendar table td.today {background:#eee url(../img/calendar-event.png) repeat-x 0 100%;} 

.action {margin:20px 0;}
.action p {padding:0;}
.action p.date {color:#E8922C; font-size:1.3em; padding-bottom:7px;}
.action h3 {font-size:1.2em; padding-bottom:0;}
.action h3 a {text-decoration:underline;}
.action h3 a:hover, .action h3 a:focus { text-decoration:none;}
.action p.time, .action p.place {font-size:0.9em;}
.action p.place { padding-bottom:4px;}

#form {position:relative; background:#eee; margin:5px 0; padding:16px 30px; width:620px; height:100%;}
#form span.corner {background-image:url(../img/photo-corners.png); height:10px; width:10px; font-size:1px; margin:0; padding:0;}
#form span.corner.rt {background-position:-10px 0;}
#form span.corner.lb {background-position:0 -10px;}
#form span.corner.rb {background-position:-10px -10px;}
#form fieldset {margin:0; padding:0; border:none;}
#form span {display:block; padding:5px 0 7px 0;}
#form label {display:inline-block; float:left; font-size:0.9em; line-height:21px; width:289px;}
#form input.text {background:#fff url(../img/form-input.png) no-repeat 0 0; color:#666; font:1em "Trebuchet MS", "Geneva CE", lucida, sans-serif; height:20px; padding:6px 10px; width:308px; border:none;}
#form textarea {background:#fff url(../img/form-textarea.png) no-repeat 0 0; color:#666; font:1em "Trebuchet MS", "Geneva CE", lucida, sans-serif; border:none; height:102px; padding:6px 10px; width:308px;}
#form #codeImg {float:left; margin:11px 23px 0 0;}
#form #code {width:92px; background:url(../img/form-code.png); text-transform:uppercase; text-align:center; float:left; margin-top:5px;}
#form .submit-btn {background:url(../img/form-btn.png) no-repeat 0 0; border:none; color:#fff; cursor:pointer; width:125px; height:43px; float:right; text-transform:uppercase; font:1.1em "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight:bold;}
#form .submit-btn:hover, #form .submit-btn:focus {background-position:0 -43px;}
.message {margin:0 0 10px 0; padding:10px 0 10px 40px; font-weight:bold; color:#fff; width:640px;}
.error {background:#DF001A url(../img/error.png) no-repeat 10px 50%;}
.success {background:#8CAC58 url(../img/success.png) no-repeat 10px 50%;}

#query {padding:30px 0 0 0;}
#query h3 {font-size:1.4em;}
#query p {padding:0 20px;}
#query p.name {color:#E8922C; font-weight:bold; font-size:1.1em;}
#query p.date {padding-bottom:3px;}
#query .question {margin:10px 0; overflow:hidden; float:left; width:680px;  padding:10px 0;}
#query .answer {margin:10px 0; position:relative; overflow:hidden; float:left; width:680px; background:#FFF0D4; padding:10px 0;}
#query span.corner {background-image:url(../img/query-corners.png); height:10px; width:10px;}
#query span.corner.rt {background-position:-10px 0;}
#query span.corner.lb {background-position:0 -10px;}
#query span.corner.rb {background-position:-10px -10px;}

#social {position:relative; background:#eee; width:680px; height:100%; margin-bottom:20px;}
#social span.corner {background-image:url(../img/photo-corners.png); height:10px; width:10px;}
#social span.corner.rt {background-position:-10px 0;}
#social span.corner.lb {background-position:0 -10px;}
#social span.corner.rb {background-position:-10px -10px;}
#social p.head {color:#E8922C; font-size:1.1em; margin:0 15px 5px 15px; border-bottom:1px solid #e0e0e0; padding:5px 0 3px 0; font-weight:bold;}
#social .links {overflow:hidden; padding:5px 0 10px 15px;}
#social .links a {float:left; padding-left:35px; line-height:24px; color:#666; width:80px; margin-right:20px;}
#social .links a.last { margin-right:0;}
#social .links a#facebook {background:url(../img/social/facebook.png) no-repeat 0 0;}
#social .links a#linkuj {background:url(../img/social/linkuj.png) no-repeat 0 0;}
#social .links a#twitter {background:url(../img/social/twitter.png) no-repeat 0 0;}
#social .links a#google {background:url(../img/social/google.png) no-repeat 0 0;}
#social .links a#myspace {background:url(../img/social/myspace.png) no-repeat 0 0;}
#social .links a:hover, #social .links a:focus {background-position:0 -24px!important; text-decoration:none;}