/*
 Screen style    
 Site: Tomi Servis
*/
body { font-size: 75%; padding: 0; text-align: center; background: #111 url(../images/bg/body.gif); }

/* Wrapper */
#wrapper { width: 767px; margin: 9px auto; text-align: left; background: #fff; }

/* Header */
#header { background: #0470C2 url(../images/bg/header.jpg) no-repeat; color: #fff; position: relative; min-height: 225px; }
#header .logo { margin: 0; position: absolute; top: 16px; left: 24px; }
#header .logo img { display: block; }
#header #slogan { width: 295px; height: 36px; position: absolute; top: 127px; left: 246px; }
#header #slogan span { background-image: url(../images/text/slogan.gif); }

/* Navigation */
#nav { margin: 80px 0 0 15px; width: 175px; }
#nav li { padding-left: 31px; background: url(../images/bg/arrow.gif) left center no-repeat; }
#nav a { font-weight: bold; color: #fff; display: block; border-top: 1px solid #3C9CE0; padding: 6px 3px; }
#nav a:hover, #nav a.current { color: #AAD0EC; }
#nav li.first a { border-top: 0; padding-top: 0; }

/* Inner */
#inner { border-top: 5px solid #4F585F; margin-top: 1px; background: url(../images/bg/inner.gif) repeat-y; }

/* Content */
#content { float: right; width: 507px; padding: 10px 11px 15px 24px;  }
#content h1 { background: url(../images/bg/arrow2.gif) 8px 4px no-repeat; padding: 0 10px 12px 24px; margin: 0 -10px 9px -24px; border-bottom: 1px solid #D7D7D7; }
#content h2 { margin: 1em 0 0.25em 0; }
#content a { text-decoration: underline; color: #0470C2; }
#content a:hover { color: #3C9CE0; }
#content ul { margin: 0.5em 0 1.5em 27px; }
#content li { list-style: square; margin-bottom: 0.25em; }
#content sup { position: relative; top: -0.5em; }

/* 2 columns */
#content .left { float: left; width: 225px; }
#content .right { float: left; width: 225px; }

/* Referencie */
.referencie { margin: 10px 0; text-align: center; }
.referencie img { border: 1px solid #4F585F; margin: 0 10px 10px 0; }

/* Cennik */
.price-list { margin: 0 0 1em 0; }
.price-list td, .price-list th { padding: 5px 5px 5px 10px; color: #575F66; border: 1px solid #fff; }
.price-list .service-type th { background: #1388DE; color: #fff; }
.price-list th.first-col { width: 200px; }
.price-list td.emp, .price-list th.emp { background: #E1E1E1; }

/* Formular sluzieb */
#service-form { border: 1px solid #d7d7d7; padding: 20px 15px; margin-top: 10px; background: #eee; }
#service-form h3 { margin: 1.5em 0 0.75em 0; }
#service-form h3.first { margin-top: 0; }
#service-form label.type1 { display: block; float: left; width: 125px; }
#service-form label.type2 { display: block; float: left; width: 150px; }
#service-form label.type3 { display: block; float: left; width: 125px; font-size: 0.92em; }
#service-form #ciel { width: 300px; height: 100px; }
#service-form #od { margin-right: 15px; }
#service-form input { vertical-align: middle; }
#service-form input.area { width: 50px; margin-right: 5px; }
#service-form span.area-info { margin-right: 20px; }
#service-form input.contact { width: 250px; }
#service-form .submit { margin: 0; }
#service-form .smaller { font-size: 0.92em; }
#content #service-form ul { margin: 0; }
#content #service-form ul li { list-style: none; }

/* vCard - Kontaktne informacie */
.vcard { float: left; padding: 7px 9px 15px 9px; width: 207px; }
.vcard h2 { width: 215px; height: 96px; margin: 0 -5px 10px -3px; }
.vcard h2 span { background-image: url(../images/text/kontaktne-info.gif); }
.vcard h3 { margin: 0 0 20px 0; }
.vcard p { margin-bottom: 1.1em; }
.vcard a { text-decoration: underline; }
.vcard .smaller-margin { margin-bottom: 8px; }

/* Footer */
#footer { clear: both; border-top: 5px solid #4F585F; background: url(../images/bg/footer.gif) repeat-y; padding: 25px 0 25px 21px; }
#footer ul { float: left; width: 430px; margin: 5px 0 0 91px; }
#footer li { float: left; background: url(../images/bg/delimiter.gif) left center no-repeat; padding-left: 8px; margin-left: 6px; }
#footer li.first { background: none; padding-left: 0; margin-left: 0; }
#footer p { color: #9D9D9D; font-size: 0.83em; text-align: center; float: left; width: 185px; font-family: Verdana, "Geneva CE", lucida, sans-serif; margin: 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#inner:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }