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

/* zakladni nastaveni */

html
{
font-size: 100.01%;
}

body
{
background: #171717 url("../img/body-bg.png") repeat-x 0 347px;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #ffffff;
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;
font-weight: normal;
margin: 0;
padding-bottom: 10px;
}

h3
{
font-size: 1.4em;
margin: 0;
padding-bottom: 10px;
}

h4
{
font-size: 1.1em;
margin: 0;
padding-bottom: 10px;
}

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: #d6d814;
}

a:hover
{
color: #ffff99;
}

input.text
{
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
font-size: 1em;
color: #ffffff;
border: 1px solid #ffffff;
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 #ffffff;
cursor: pointer;
padding: 10px;
}

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

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

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: 5px;
}

/* stranka */

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

div.wrapper
{
clear: both;
}

/* content */

div.path
{
margin-bottom: 20px;
}

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

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

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

div.path a
{
color: #cccccc;
padding-right: 10px;
background: url("../img/path-a.gif") no-repeat right center;
}

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

div.content
{
font-size: 0.7em;
margin-top: 347px;
padding: 22px 15px 16px 15px;
background:#1c1c1c url("../img/content-bg.gif") repeat-x;
float: left;
width: 704px;
}

div.content div.left
{
float: left;
width: 370px;
}

div.content div.right
{
float: right;
width: 310px;
}

div.left div.text
{
text-align: justify;
}

div.left div.text h2 strong
{
font-weight: normal;
color: #fedc20;
}

div.right div.news div.item
{
text-align: justify;
color: #c9cccf;
position: relative;
margin-bottom: 5px;
}

div.right div.news p
{
padding: 2px 0 2px 0;
}

div.right div.news p.heading strong
{
color: #b5c1cc;
}

div.right div.news p.heading ins
{
text-decoration: none;
color: #fedc20;
margin-right: 4px;
}

div.right div.news p.heading a
{
color: #b5c1cc;
text-decoration: none;
}

div.right div.news p.heading a:hover
{
color: #ffffff;
}

div.articles div.item, div.article, div.homepage div.text
{
position: relative;
text-align: justify;
}

div.right div.news a.more, div.articles a.more, div.homepage div.text a.more
{
background: url("../img/a-more.gif") no-repeat 0 center;
padding-left: 11px;
text-decoration: none;
color: #c9cccf;
position: absolute;
right: 0;
}

* html div.articles a.more
{
right: 15px;
}

div.right div.news a.more:hover, div.articles a.more:hover, div.homepage div.text a.more:hover
{
color: #ffffff;
}

div.image.gallerythumbnail
{
float: left;
margin: 0 15px 0 0;
width: 107px;
height: 80px;
overflow: hidden;
}

div.image.gallerythumbnail img
{
width: 103px;
height: 76px;
border: 2px solid #edbcbc;
}

div.image.gallerythumbnail a
{
display: block;
width: 107px;
height: 80px;
overflow: hidden;
}

div.image.thumbnail
{
float: left;
margin: 0 14px 15px 0;
width: 165px;
}

div.image.thumbnail.last
{
margin-right: 0;
}

div.image.thumbnail img
{
width: 155px;
height: 114px;
border: 5px solid #999999;
}

div.image.thumbnail a
{
display: block;
width: 165px;
height: 124px;
overflow: hidden;
}

div.image.thumbnail p
{
font-size: 0.9em;
padding: 3px 0 0 0;
color: #cccccc;
}

div.image.thumbnail p strong
{
color: #ffcc33;
}

div.image.big
{
float: left;
margin: 0 15px 15px 0;
width: 345px;
height: 259px;
}

div.image.big img
{
width: 335px;
height: 249px;
border: 5px solid #999999;
}

div.pagination
{
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

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

div.pagination li
{
list-style: none;
display: inline;
margin-left: 7px;
margin-right: 7px;
}

div.pagination a
{
display: inline-block;
display: -moz-inline-box;
padding: 4px 6px 4px 6px;
border: 1px solid #302e2e;
color: #ffcc33;
text-decoration: none;
}

div.pagination a:hover, div.pagination a.active
{
border: 1px solid #413f3f;
color: #ffffff;
}

/* infobox */

div.infobox
{
font-size: 0.7em;
background: #c40909 repeat-x;
}

div.homepage div.infobox
{
padding: 22px 15px 16px 15px;
background-image: url("../img/homepage-infobox.gif");
}

div.page div.infobox
{
padding: 9px 20px 9px 20px;
background-image: url("../img/page-infobox.gif");
}

div.homepage div.infobox div.left
{
float: left;
width: 370px;
}

div.homepage div.infobox div.right
{
float: right;
width: 330px;
}

div.page div.infobox div.left
{
float: left;
width: 90px;
}

div.page div.infobox div.center
{
float: left;
width: 210px;
margin: 0 21px 0 21px;
}

div.page div.infobox div.right
{
float: right;
width: 350px;
}

div.infobox h3
{
padding-top: 0;
}

div.infobox div.our-services
{
margin-bottom: 20px;
}

div.infobox div.our-services ul
{
margin: 0;
padding: 0;
width: 370px;
}

div.infobox div.our-services li
{
list-style: none;
width: 155px;
padding: 2px 0 4px 30px;
float: left;
background: url("../img/infobox-li.png") no-repeat 0 0;
min-height: 13px;
color: #cc9999;
}

div.infobox div.our-services strong
{
color: #ffffff;
}

* html div.infobox div.our-services li
{
background: url("../img/infobox-li.gif") no-repeat 0 5px;
height: 15px;
padding: 4px 0 4px 30px;
}

div.contacts div.company-seat
{
float: left;
width: 41%;
}

div.contacts div.company-seat p
{
padding: 0;
margin-top: 5px;
}

div.center div.company-seat p a
{
text-decoration: none;
}

div.contacts table.means-of-communication
{
float: right;
width: 50%;
}

div.contacts h4
{
color: #fedc20;
}

div.contacts table.means-of-communication th
{
color: #ffcc33;
}

div.contacts table.means-of-communication th, div.contacts table.means-of-communication td
{
padding: 0;
}

div.contacts table.means-of-communication a, div.contacts div.map a
{
color: #ffffff;
text-decoration: none;
}

div.contacts table.means-of-communication a:hover, div.contacts div.map a:hover
{
color: #ffff99;
}

div.homepage div.contacts div.map p
{
position: relative;
width: 242px;
height: 123px;
background: url("../img/ceska-republika.png");
padding: 0;
margin: 20px 0 0 30px;
}

* html div.homepage div.contacts div.map p
{
background: url("../img/ceska-republika.gif");
}

div.homepage div.contacts div.map p a
{
width: 60px;
position: absolute;
left: 97px;
top: 61px;
text-align: center;
line-height: 110%;
}

div.page div.map a span
{
display: block;
position: relative;
width: 90px;
height: 46px;
background: url("../img/ceska-republika-small.gif");
padding: 0;
}

div.means-of-communication span.title
{
color: #ffcc33;
}

div.means-of-communication a
{
color: #ffffff;
text-decoration: none;
}

div.page div.infobox p
{
padding-bottom: 0;
}

/* header */

div.header
{
font-size: 0.7em;
position: absolute;
top: 0;
width: 734px;
height: 347px;
}

div.print-header
{
display: none;
}

div.logo
{
width: 135px;
height: 79px;
margin: 14px 0 14px 14px;
}

div.logo h1
{
margin: 0;
padding: 0;
width: 135px;
height: 79px;
position: relative;
overflow: hidden;
}

div.logo h1 span
{
width: 135px;
height: 79px;
position: absolute;
left: 0;
top: 0;
background: url("../img/hanus-ctyrkolky.gif");
}

div.logo h1 a span
{
cursor: pointer;
}

div.quick-navigation
{
position: absolute;
right: 14px;
top: 14px;
}

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

div.quick-navigation li
{
list-style: none;
float: left;
border: 1px solid #202020;
width: 31px;
height: 21px;
background: #111111;
overflow: hidden;
margin: 0 3px 0 3px;
}
div.quick-navigation li:hover, div.quick-navigation li:focus
{
border: 1px solid #363636;
}
div.quick-navigation li.homepage a
{
width: 33px;
height: 22px;
}

div.quick-navigation li.print a
{
width: 33px;
height: 22px;
}

div.quick-navigation li.sitemap a
{
width: 33px;
height: 22px;
}

div.quick-navigation li a
{
position: relative;
overflow: hidden;
display: block;
text-indent:-9999px;
}

div.quick-navigation li.homepage span
{
background-image: url("../img/homepage.gif");
width: 11px;
height: 9px;
left: 10px;
}

div.quick-navigation li.print span
{
background-image: url("../img/print.gif");
width: 13px;
height: 9px;
left: 10px;
}

div.quick-navigation li.sitemap span
{
background-image: url("../img/sitemap.gif");
width: 13px;
height: 8px;
left:8px;
}

div.quick-navigation li span
{
position: absolute;
top: 7px;
cursor: pointer;
background-repeat:no-repeat;
}

div.quick-navigation li.homepage a:hover span
{
background-position: -11px 0;
}

div.quick-navigation li.print a:hover span, div.quick-navigation li.sitemap a:hover span
{
background-position: -13px 0;
}

div.searching
{
position: absolute;
right: 15px;
top: 48px;
}

* html div.searching
{
width: 1%;
}

div.searching form
{
margin: 0;
position: relative;
float: left;
padding: 0 20px 0 0;
}

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

* html div.searching br
{
display: none;
}

div.searching input.text
{
height: 1%;
background: url("../img/input-bg.gif") repeat-x;
color: #ffffff;
border: 1px solid #454545;
width: 179px;
height: 16px;
line-height: 16px;
margin-top: 4px;
}

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

div.mainmenu
{
float: left;
padding-bottom: 7px;
border-bottom: 1px solid #4d4d4e;
margin-left: 14px;
}

* html div.mainmenu
{
display: inline;
}

div.mainmenu ul
{
margin: 0;
padding: 0;
/*position: relative;
z-index: 2;*/
}

div.mainmenu li
{
list-style: none;
position: relative;
width: 210px;
margin-bottom: 1px;
font-size: 1.1em;
}

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

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

div.mainmenu a
{
color: #ffffff;
text-decoration: none;
padding: 5px 4px 5px 32px;
border: 1px solid #525252;
display: block;
background: #282729 url("../img/mainmenu-a.gif") repeat-x;
}

div.mainmenu a:hover
{
color: #ffffff;
border: 1px solid #4b0000;
background: #280000 url("../img/mainmenu-a-hover.gif") repeat-x;
}

div.mainmenu a.active
{
font-weight: bold;
border: 1px solid #4b0000;
background: #280000 url("../img/mainmenu-a-hover.gif") repeat-x;
}

div.mainmenu a span.bullet
{
width: 20px;
height: 20px;
display: block;
position: absolute;
left: 4px;
top: 4px;
background: url("../img/bullet.gif");
}

div.mainmenu a:hover span.bullet, div.mainmenu a.active span.bullet
{
background-position: -20px 0;
}

div.mainmenu ul li ul
{
display: none;
position: absolute;
top: 0;
width: 210px;
z-index: 3;
margin-left: 211px;
}

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: 110px;
font-size: 1em;
}

*+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: 5px 4px 5px 4px;
}

div.photo
{
width: 478px;
height: 227px;
background: url("../img/photo.png");
float: right;
margin-right: 14px;
margin-top: -1px;
}

* html div.photo
{
display: inline;
}

/* footer */

div.footer
{
text-align: center;
font-size: 0.6em;
padding: 10px 0 43px 0;
}

div.footer p
{
padding: 0;
}

div.footer a
{
color: #fc6666;
text-decoration: none;
}

div.footer a:hover
{
color: #ffcccc;
}
/* Atts */
.atts 
{
padding:15px 0 0 0; 
overflow:hidden;
}

.fst 
{
margin-right:30px;
}

.snd 
{
margin-left:60px;
}

.atts p 
{
float:left; 
width:272px; 
padding-left:50px; 
background:transparent url("../img/att-jpg.png") no-repeat 0 0; 
height:35px; 
line-height:35px;
}

.atts p a 
{
display:block; 
height:35px; 
line-height:35px; 
position:relative; 
background-color:#171717; 
padding-left:10px; 
text-decoration:none; 
border:1px solid #302E2E;
}

.atts p a:hover, .atts p a:focus 
{
color:#FFFF99; 
border:1px solid #413F3F;
}

.atts p.xls 
{
background-image:url("../img/att-xls.png");
}

.atts p.xlsx 
{
background-image:url("../img/att-xlsx.png");
}

.atts p.doc 
{
background-image:url("../img/att-doc.png");
}

.atts p.docx 
{
background-image:url("../img/att-docx.png");
}

.atts p.ppt 
{
background-image:url("../img/att-ppt.png");
}

.atts p.pptx 
{
background-image:url("../img/att-pptx.png");
}

.atts p.zip 
{
background-image:url("../img/att-zip.png");
}

.atts p.rtf 
{
background-image:url("../img/att-rtf.png");
}

.atts p.jpg 
{
background-image:url("../img/att-jpg.png");
}

.atts p.pdf 
{
background-image:url("../img/att-pdf.png");
}

/* Order form */
.orderForm fieldset
{
border: 1px solid #454545;
margin-bottom:15px;
}

.orderForm legend
{
font-size:120%;
font-weight:bold;
}

.orderForm input
{
height: 1%;
background-color:#171717;
color: #fff;
border: 1px solid #302E2E;
width: 300px;
height: 16px;
line-height: 16px;
margin-top: 4px;
}

.orderForm input:hover, .orderForm input:focus
{
border: 1px solid #413F3F;
}

.orderForm textarea
{
height: 1%;
background-color:#171717;
color: #ffffff;
border: 1px solid #302E2E;
width: 295px;
height: 70px;
line-height: 16px;
margin-top: 4px;
}

.orderForm textarea:hover, .orderForm textarea:focus
{
border: 1px solid #413F3F;
}

.orderForm select 
{
width: 302px;
background-color:#171717;
color: #fff;
border: 1px solid #302E2E;
}

.c
{
padding-bottom:5px;
}

.orderForm .c input
{
width:100px;
height:25px;
margin-left:219px;
border:none;
margin-bottom:10px;
}

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

.noscreen
{
display:none;
}

.article table
{
border-collapse:collapse;
border-spacing:0;
}

.article table
{
color:#fff;
font-size:0.9em;
line-height:160%;
background:#171717;
margin:10px 0 20px 0;
}

.article table th
{
color:#fff;
padding:4px 8px;
text-align:left;
border:1px solid #302E2E;
background:#1A1919;
}

.article table td
{
padding:4px 8px;
background:#171717; 
border:1px solid #302E2E;
}

.required
{
color:#FEDC20;
}

.none
{
display: none;
}