/*
Theme Name: Web-grafika.cz
Theme URI: http://web-grafika.cz/
Description: WGCZ
Version: 1.0
Author: Jan Kaiser
Author URI: http://jankaiser.cz/
Tags: wgcz

*/

body  {
background: #FDFFFE url(images/bg.jpg) repeat-x;
margin: 0;
padding: 0;
font-family: tahoma;
text-align: center;
}

img {
border: 0;
}

#page {
width: 960px;
margin: 0 auto;
position: relative;
background: url(images/pagebg.jpg) repeat-y;
text-align: left;
clear: both; 
margin-bottom: 50px;
}

#header h1 {
padding: 0;
margin: 0;
width: 245px;
height: 75px;
float: left;
}

#header h1 a {
display: block;
width: 245px;
height: 75px;
background: url(images/webgrafika.jpg) no-repeat;
text-decoration: none;
}

#header h1 span {
visibility: hidden;
}

#header ul {
display: block;
margin: 0;
padding: 0;
height: 39px;
background: url(images/menu.jpg) repeat-x;
margin-top: 8px;
}

#header ul li {
display: block;
height: 39px;
float: left;
padding: 0 25px 0 15px;
background: url(images/divider.jpg) center right no-repeat;
}

#header ul li.last {
background: 0;
}

#header ul li a {
display: block;
float: left;
height: 39px;
color: #fff; 
font-family: tahoma;
font-weight: bold;
font-size: 13px;
text-decoration: none;
width: 100px;
}

#header {
background: url(images/bg.jpg) repeat-x;;
}

#header ul li a span {
display: none;
}

#header ul li a.uvod {
background: url(images/uvod.jpg) no-repeat;
}

#header ul li a.uvod:hover {
background: url(images/uvod-o.jpg) no-repeat;
}

#header ul li a.sluzby {
width: 99px;
background: url(images/sluzby.jpg) no-repeat;
}

#header ul li a.sluzby:hover {
background: url(images/sluzby-o.jpg) no-repeat;
}

#header ul li a.reference {
width: 99px;
background: url(images/reference.jpg) no-repeat;
}

#header ul li a.reference:hover {
background: url(images/reference-o.jpg) no-repeat;
}

#header ul li a.cenik {
width: 99px;
background: url(images/cenik.jpg) no-repeat;
}

#header ul li a.cenik:hover {
background: url(images/cenik-o.jpg) no-repeat;
}

#header ul li a.spoluprace {
width: 99px;
background: url(images/spoluprace.jpg) no-repeat;
}

#header ul li a.spoluprace:hover {
background: url(images/spoluprace-o.jpg) no-repeat;
}


#header ul li a.kontakt {
width: 99px;
background: url(images/kontakt.jpg) no-repeat;
}

#header ul li a.kontakt:hover {
background: url(images/kontakt-o.jpg) no-repeat;
}

#intro {
height: 197px;
width: 960px;
background: url(images/intro.jpg) left top no-repeat;
padding: 0;
}

#intro p#breadcumbs {
padding: 7px 0 0 140px;
margin: 0;
font-size: 11px;
color: #305069;
}

#intro p#breadcumbs a {
color: #fba905;
text-decoration: none;
}

#intro p#breadcumbs a.first {
color: #305069;
}

#intro p#breadcumbs a:hover {
text-decoration: underline;
}

#intro p#breadcumbs img {
margin: 0 5px;
}

#intro p.in {
color: #487498;
font-size: 13px;
margin: 53px 0 0 220px;
width: 160px;
font-weight: bold;
letter-spacing: 0.1px;
}

#intro p.in a {
color: #fba905;
text-decoration: none;
}

#intro p.in a:hover {
text-decoration: underline;
}

#welcome {
background: url(images/welcome.jpg) no-repeat;
width: 960px;
height: 205px
}

h2 {
padding: 5px 0 10px 30px;
font-size: 14px;
color: #213f58;
width: 570px;
float: left;
}

h2.references {
width: 400px;
}

#welcome h2 {
margin: 0;
font-size: 16px;
padding-top: 15px;
}

h2 a {
font-size: 22px;
color: #213f58;
font-weight: normal;
text-decoration: none;
}

#welcome h2 a {
font-size: 20px;
}

#welcome a.more, #welcome em.more a, #welcome em.less a {
display: block;
float: left;
width: 100px;
height: 35px;
font-size: 11px;
background: url(images/more.jpg) no-repeat right 7px;
padding: 25px 0 0 15px;
color: #213f58;
text-decoration: none;
}

#welcome em.more a, #welcome em.less a  {
font-style: normal;
padding-right: 35px;
padding-left: 0;
}

#welcome em.less a {
background: url(images/less.jpg) no-repeat left 7px;
padding-left: 50px;
padding-right: 0;
margin-right: 10px;
}

#welcome a.more.form {
width: 115px;
padding: 25px 0 0 0;
}

#welcome a.more.sluz {
padding-right: 25px;
margin-left: -25px;
}

#welcome em.more, #welcome em.less {
display: block;
width: 125px;
height: 60px;
float: left;
}

#welcome em.less {
width: 160px;

}

a img.lastr.page {
margin: 15px 0 0 19px;
#margin: -45px 0 0 19px;
_margin: -45px 0 0 16px;
}

a img.lastr.page#not-opera {
margin: 15px 0 0 34px;
}

a img.lastr.index {
margin: 39px 0 0 47px;
padding-bottom: 10px;
}

a span {
display: none;
}

p.intro-text, .post {
width: 700px;
float: left;
padding-left: 30px;
font-size: 12px;
color: #213f58;
#padding-top: 20px;
}

#need a#ip {
display: block;
width: 236px;
height: 125px;
background: url(images/ip.jpg) no-repeat;
margin-left: 13px;
_margin-left: 7px;
float: left;
}

#need a#gp {
display: block;
width: 242px;
height: 125px;
background: url(images/gp.jpg) no-repeat;
margin-left: 1px;
float: left;
}

#need a#ms {
display: block;
width: 241px;
height: 125px;
background: url(images/ms.jpg) no-repeat;
margin-left: 1px;
float: left;
}

#need a#ip.kont {
background: url(images/telefon.jpg) no-repeat;
}

#need a#gp.kont {
background: url(images/mail.jpg) no-repeat;
}

#need a#ms.kont {
background: url(images/icq.jpg) no-repeat;
}

#need a#ms.rs {
background: url(images/rs.jpg) no-repeat;
}

#need a#ip.archive {
background: url(images/zeptejte.jpg) no-repeat;
}

#need a#gp.archive {
background: url(images/pc.jpg) no-repeat;
}

#need a#ms.archive {
background: url(images/spol.jpg) no-repeat;
}

#need a#gp.spol {
background: url(images/sl.jpg) no-repeat;
}

#need a#ms.spol {
background: url(images/nr.jpg) no-repeat;
}

#need {
width: 950px;
height: 125px;
background: url(images/need.jpg) top right no-repeat;
_margin-top: -5px;
}

#need.index {
background: url(images/need1.jpg) top right no-repeat;
}

div.hr {
background: #E8EBF0 url(images/hr.jpg) no-repeat;
clear: both;
margin: 10px 0px 0px 10px;
width: 680px;
height: 1px;
line-height: 1px;
_margin-bottom: -6px;
}

#footer {
width: 100%;
height: 39px;
background: url(images/foot.jpg) repeat-x;
text-align: center;
}

#foot {
text-align: left;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
width: 940px;
height: 39px;
background: url(images/footer.jpg) bottom left repeat-x;
color: #213f58;
font-size: 11px;
padding: 0;
}

#foot .menu a {
display: block;
padding: 13px 20px 12px 20px; 
font-size: 11px;
color: #213f58;
text-decoration:none;
float: left;
}

#foot a:hover {
background: url(images/bhov.jpg) bottom left repeat-x;
color: #fda103;
}

#foot #credits {
float: left;
margin-right: 50px;
letter-spacing: 0.5px;
}

#foot .menu {
float: right;
margin-right: 50px;
}

#foot #credits a {
display: inline;
float: none;
background: 0;
color: #213f58;
text-decoration: none;
letter-spacing: 0;
}

#foot #credits a:hover {
display: inline;
color: #fda103;
}

#foot img.divid {
margin-top: 8px;
float: left;
}

#newest .ref {
width: 230px;
min-height: 294px;
_height: 294px;
background: url(images/ref.jpg) right top no-repeat;
float: left;
margin-bottom: 20px;
}


#newest .ref.cont {
width: 690px;
}

#newest .ref img {
margin: 30px 0 0 30px;
padding: 1px;
border: 1px solid #D9DEE4;
}

#newest .ref.cont img {
margin-bottom: -15px;
}

#newest .ref.first img {
margin: 30px 0 0 14px;
padding: 1px;
border: 1px solid #D9DEE4;
}

#newest .ref.first {
background: url(images/newref.jpg) right top no-repeat;
margin-left: 15px;
width: 215px;
}

#contact {
width: 220px;
height: 294px;
background: url(images/contact.jpg) no-repeat;
float: left;
margin-left: 20px;
}

.cleaner {
clear: both;
visibility: hidden;
}

#contact h3 {
width: 155px;
height: 43px;
background: url(images/rk.jpg) no-repeat;
margin: 30px 0px 20px 50px;
}

#contact {
font-size: 11px;
text-align: center;
color: #fff;
}

#contact a {
color: #FFB202;
}

#contact a:hover {
text-decoration: none;
}

.ref .desc p {
color: #213f58;
font-size: 11px;
padding: 0;
margin: 5px 0;
}

.ref .desc p a {
color: #F69F00;
text-decoration:none;
font-weight: bold;
}

.ref .desc p a:hover {
text-decoration: underline;
}

.ref.first .desc {
margin: 50px 0 0 20px;
}

.ref .desc {
margin: 50px 0 0 35px;
}

#minimenu {
float: right;
width: 130px;
height: 30px;
}

#minimenu a {
display: block;
border-right: 1px solid #fff;
width: 35px;
height: 30px;
float: left;
}

#minimenu a.home {
background: url(images/home.jpg) center bottom no-repeat;
}

#minimenu a:hover.home {
background: url(images/homeo.jpg) center bottom no-repeat;
}

#minimenu a.sitemap {
background: url(images/sitemap.jpg) center bottom no-repeat;
}

#minimenu a:hover.sitemap {
background: url(images/sitemapo.jpg) center bottom no-repeat;
}

#minimenu a.contact {
background: url(images/cont.jpg) center bottom no-repeat;
}

#minimenu a:hover.contact {
background: url(images/conto.jpg) center bottom no-repeat;
}

.inputs {
float: left;
width: 200px;
margin-right: 100px;
_margin-top: 10px;
}

.inputs span {
display: block;
width: 70px;
float: left;
}

.inputs input {
width: 140px;
_width: 120px;
margin-bottom: 6px;
position: relative;
top: -5px;
}

#post-60 {
#margin-bottom: -21px;
}

.message {
float: left;
width: 200px;
height: 110px;
}

.message textarea {
width: 270px;
height: 70px;
float: left;
}

.message input {
background: 0;
float: right;
border: 0;
width: 150px;
height: 50px;
cursor: hand;
cursor: pointer;
position: relative;
top: -168px;
left: 200px;
}

strong.chci {
display: block;
margin-top: 37px;
font-size: 22px;
font-weight: normal;
}

.orange {
color: #FFA705;
font-weight: bold;
}

#newest .ref img.arrow {
padding: 0;
border: 0;
margin: 20px 10px 0 130px;
}

abbr {
border-bottom: 1px dashed #FFA705;
cursor: help;
}

#welcome a {
color: #213F58;
}

#welcome a:hover {
text-decoration: none;
}