/*   
Theme Name: CZ-Guard.cz
Theme URI: http://www.cz-guard.cz/
Description: Šablona pro web CZ-Guard, s.r.o.
Author: webees.cz s.r.o.
Author URI: http://www.webees.cz
Version: 1.0
*/

/* obecne */
html, body { height: 100%; background: url(img/bg.png) center top repeat-x #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #636363; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -59px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; overflow: hidden; }
.push { height: 59px; }
/* obecne */

/* header */
#headerout { background: url(img/bg-header.jpg) center top no-repeat; }
#header { width: 970px; height: 149px; margin: 0 auto; }
#header h1 a { display: block; float: left; background: url(img/logo.png); width: 88px; height: 111px; margin: 17px 0 0 37px; text-indent: -500px; overflow: hidden; }
ul#pages { float: right; font-size: 14px; color: #c8e2ff; }
ul#pages li { display: block; float: left; padding: 0 22px; }
ul#pages li a { display: block; float: left; padding: 30px 0 11px 0; color: #c8e2ff; text-transform: uppercase; text-decoration: none; }
ul#pages li a:hover { color: #fff; }
ul#pages li.current_page_item a, ul#pages li.current_page_ancestor a { border-bottom: 5px solid #fff15f; color: #fff; }
#topouter { background: url(img/bg-topouter.png) center 10px no-repeat; }
#topout { background: url(img/bg-top.png) center top no-repeat;  }
#top { width: 970px; height: 139px; margin: 0 auto; color: #fff; }
#top .left { width: 660px; float: left; padding: 0 0 0 67px; }
#top .left h1 { font-size: 42px; color: #fff15f; text-transform: uppercase; margin: 24px 0 3px 0; }
#top .left p { line-height: 1.7; }
#top .right { width: 150px; float: right; padding: 0 30px 0 0; font-size: 14px; color: #fff15f; }
#top .right p { text-align: right; padding: 19px 0 9px 0; }
#top .right span { display: block; width: 150px; height: 19px; text-indent: -500px; overflow: hidden; }
#top .right span.tel { background: url(img/top-tel.png); }
#top .right span.mail { background: url(img/top-mail.png); }
/* header */

/* obsah */
#contentout { background: url(img/bg-content.jpg) center top no-repeat; }
#content { width: 970px; margin: 0 auto; min-height: 343px; height: auto !important; height: 343px; }
#content a { color: #636363; }
#main { width: 564px; float: right; padding: 0 30px 20px 0; line-height: 1.7; }
#main h2 { font-size: 14px; color: #003876; font-weight: bold; padding: 20px 0 0 0; }
#main h3 { font-size: 13px; color: #003876; font-weight: bold; margin: 10px 0 -5px 0; }
#main p { padding: 10px 0; }

#main img.alignleft { float: left; margin: 7px 15px 7px 0; }
#main img.alignright { float: right; margin: 7px 0 7px 15px; }

#main ul#shields { display: block; padding: 25px 0 0 0; height: 137px; }
#main ul#shields li { display: block; float: left; }
#main ul#shields li a { display: inline; width: 76px; height: 137px; float: left; padding: 0 12px; margin-right: 50px; line-height: 32px; font-size: 11px; font-weight: bold; color: #fff; }
#main ul#shields li.page-item-4 a { background: url(img/shield-sluzby.png); }
#main ul#shields li.page-item-6 a { background: url(img/shield-klienti.png); }
#main ul#shields li.page-item-20 a { background: url(img/shield-fotogalerie.png); }
#main ul#shields li.page-item-8 a { background: url(img/shield-kontakt.png); margin: 0; }
/* obsah */

/* sidebar */
#sidebar { width: 279px; float: left; padding: 0 30px 20px 67px; line-height: 1.7; }
#sidebar h3 { font-size: 12px; color: #003876; text-transform: uppercase; padding: 23px 0 10px 0; }
#sidebar h3 a { color: #003876; }
#sidebar ul li { margin: 0 0 10px 0; }
#sidebar ul li ul { margin: 0 0 0 3px; }
#sidebar ul li ul li { margin: 0; background: url(img/li.png) left 8px no-repeat; padding: 0 0 0 15px; }
#sidebar p { padding: 0 0 10px 0; }
#sidebar h4 { color: #003876; }
#sidebar ul li ul li.current_page_item a { font-weight: bold; }
/* sidebar */

/* paticka */
#boxouter { background-color: #e9e9e9; }
#boxout { background: url(img/bg-box.jpg) center top no-repeat; }
#box { width: 950px; padding: 0 10px; height: 59px; line-height: 59px; margin: 0 auto; color: #fff; }
#box a { color: #fff; font-weight: bold; }
#box .left { float: left; }
#box .right { float: right; }
/* paticka */