/**
 * CS Solutions
 * http://www.cssolutions.cz
 * 
 * Hlavni CSS styl.
 * 
 * Autor: Petr Dvorak, http://dvorak.tisnof.cz
 *
 **/

 
/*
 * I. Zakladni CSS tridy
 *     ==================
 **/

.none { display: none;}
.hidden { visibility: hidden;}
.clear { clear: both;}

.fl { float: left !important;}
.fr { float: right !important;}

.left, .l { text-align: left;}
.right, .r { text-align: right;}
.center, .c { text-align: center;}
.clear, .clear1px { clear: both;}
.clear1px { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}
.clear-l { clear: left;}
.clear-r { clear: right;}

.bold { font-weight: bold;}
.italic { font-style: italic;}

.break { display: block;}

a img { border: 0;}
a span { cursor: pointer;}

.w50p { width: 50%;}

/*******************************************************************************
 * @media: "screen, projection, tv"
 ******************************************************************************/
@media screen, projection, tv {

* { margin: 0; padding: 0;}


/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/

body { color: #fff; font: 0.8em/1.55em Arial, sans-serif;}

h1 { background: url(../_images/h1.jpg) 0 0 no-repeat; color: #79C142; font-size: 1.9em; font-weight: normal; height: 51px; margin-bottom: 20px; padding: 35px 0 0 19px; text-transform: uppercase;}

a { color: #fff;}

#text p { line-height: 1.8em; margin: 8px 0; text-align: justify;}
#text ul, .ul-list { margin: 10px 25px;}
#text ul li, .ul-list li { background: url(../_images/li.gif) 0 0.6em no-repeat; line-height: normal; list-style: none; margin-bottom: 8px; padding-left: 16px;}
#text h2 { font-size: 1.4em; font-weight: normal; margin: 25px 0 15px;}

/*
 *  2) Layout
 *     ======
 **/

body { background: #231F20 url(../_images/background.jpg) 50% 0 no-repeat; padding-top: 45px;}

#page { margin: auto; width: 940px;}

/* logo */
#logo { color: #fff; font-family: Impact, sans-serif; height: 83px; float: left; font-size: 2.2em; line-height: 53px; margin-left: 20px; overflow: hidden; position: relative; width: 186px;}
* html #logo { display: inline;}
#logo span { background: url(../_images/logo.png) 0 0 no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3;}
#logo em { color: #79C142; font-style: normal;}
#head img { display: none;}

/* text vedle loga */
#specialista { border-left: 1px solid #3F3E35; color: #4A4244; float: left; font-size: 1.7em; font-weight: normal; height: 60px; line-height: 1.4em; margin-left: 35px; overflow: hidden; padding: 0 0 5px 25px; position: relative; text-transform: uppercase; width: 332px;}
#specialista span { background: url(../_images/logo-specialista.png) 0 0 no-repeat; display: block; height: 100%; left: 25px; position: absolute; top: 0; width: 100%;}

/* Odkaz "skoc na navigaci" */
#skip { left: 20px; position: absolute; top: 20px;}
#skip a { background: #E10915; color: #fff; display: block; font-size: 0.9em; left: -2000px; padding: 15px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 150px; z-index: 50;}
#skip a:active, #skip a:focus { left: 0;}

/* paticka */
#footer { background: #211D1E url(../_images/footer.png) 50% 0 no-repeat; clear: both; color: #CCCCCC; font-size: 0.8em; margin: 10px 0; padding: 15px 20px; width: 660px;}
#footer a { color: #CCCCCC;}
#footer a:hover { color: #fff;}
#footer .fr { color: #564E50;}
.footer-homepage { width: 900px !important;}

/* stats */
#toplist { position: absolute; left: -1500px;}

/* jazyky */
#lang { float: right; margin: 5px 20px 0 0;}
#lang a { background-position: -84px 0; background-repeat: no-repeat; color: #595654; display: block; float: left; font-size: 1.1em; font-weight: bold; margin-left: 8px; overflow: hidden; padding-top: 35px; text-decoration: none; text-align: center; width: 42px;}
#lang a.active { background-position: -42px 0; color: #787573;}
#lang a:hover { background-position: 0 0; color: #fff;}
#lang-cz { background-image: url(../_images/flag-cz.gif);}
#lang-en { background-image: url(../_images/flag-en.gif);}


/*
 * 3a) Bezna stranka
 *     =============
 */

#text { float: left; margin-top: 30px; overflow: hidden; width: 705px;}
#right { background: url(../_images/right.jpg) 0 20px no-repeat; color: #999898; float: right; min-height: 550px; padding: 39px 0 0 20px; position: relative; width: 195px;}
#right .inside { min-height: 460px;}
* html #right .inside { height: 460px;}

#text .inside { margin-top: 30px; padding: 0px 20px;}

#right h3 { color: #79C142; font-size: 15px; margin: 30px 0 3px 0; text-transform: uppercase;}
* html #right .list { height: 1px;}
#right .list li { background: url(../_images/li-right.gif) 0 0.6em no-repeat; list-style: none; margin-bottom: 0px; padding-left: 16px;}

#motto { font-size: 2em; height: 44px; left: -5px; margin-top: 30px; overflow: hidden; position: absolute; text-align: center; text-transform: uppercase; /*top: 30px;*/ width: 236px; z-index: 3;}
#motto span { background: url(../_images/motto.png) 0 0 no-repeat; height: 44px; left: 0; position: absolute; top: 0; width: 236px; z-index: 4;}
#page-en #motto span { background-image: url(../_images/motto-en.png);}

#right-motto { background: url(../_images/right-motto.gif) 0 0 no-repeat; height: 11px; margin: 7px 0 10px 0;}
#page-en #right-motto { background-image: url(../_images/right-motto-en.gif);}

/*
 * 3b) Sluzby
 *     ======
 */

.crossroad-group { float: left; padding-bottom: 25px; position: relative; width: 100%;}
.crossroad { background: url(../_images/crossroad-background.png) 0 0 no-repeat; border: 1px solid #484144; float: left; margin: 0 20px 0 0; padding: 15px 10px 45px 17px; width: 191px;}
.crossroad-last { margin-left: 1px; margin-right: 0;}
.crossroad h3 { font-size: 1.2em; text-transform: uppercase;}
.crossroad img { margin: 15px 0 5px 0;}
.crossroad p { color: #CCCCCC; line-height: 1.4em !important; margin: 0 !important; padding-right: 5px; text-align: left !important;}
.crossroad .buttons { padding-bottom: 0; text-align: right; position: absolute; bottom: 40px; width: 195px;}

* html .crossroad { behavior: url("../_css/iepngfix.htc");}

.crossroad-hover { cursor: pointer; border: 1px solid #62595E;}
.crossroad-hover p { color: #fff;}
.crossroad-hover h3 a { color: #79C142; text-decoration: none;}
.crossroad-hover .button-link { background-image: url(../_images/button-link-hover.gif); color: #79C142; text-decoration: none;}

.photo-vycvik { background-image: url(../_images/services/vycvik-prologue.jpg) !important;}
.photo-close-protection { background-image: url(../_images/services/executive-close-protection-prologue.jpg) !important;}
.photo-risk-management { background-image: url(../_images/services/risk-management-prologue-2.jpg) !important;}
.photo-technicka-bezpecnost { background-image: url(../_images/services/technicka-bezpecnost-prologue.jpg) !important;}
.photo-podnikatelske-mise { background-image: url(../_images/services/podnikatelske-mise-prologue.jpg) !important;}
.photo-preprava-cennosti { background-image: url(../_images/services/preprava-cennosti-prologue.jpg) !important;}


/*
 * 3c) Certifikaty
 *     ===========
 */

#certificates h2.inside { margin-bottom: 30px;}
.certificate-group .crossroad { background: url(../_images/crossroad.png) 0 0 no-repeat; margin-bottom: 20px; padding-bottom: 10px; padding-top: 0px;}

/*
 * 3d) Homepage
 *     ========
 */

#homepage { margin-top: 30px;}
#hp-photo { background: url(../_images/hp-fotka-6.jpg); height: 274px; position: relative; width: 940px;}
#hp-video { background: #312E2F url(../_images/hp-video-background.jpg) 0 0 no-repeat; border: 1px solid #3E393A; float: left; margin: 20px 0; min-height: 340px; width: 238px;}
* html #hp-video { height: 340px; overflow: hidden;}
#hp-news { background: #D7D7D7; border: 1px solid #3E393A; color: #333333; float: left; margin: 20px 18px 20px 20px; min-height: 339px; position: relative; width: 178px;}
* html #hp-news { height: 339px;}

#hp-en { background: #D7D7D7; border: 1px solid #3E393A; color: #333333; margin: 20px 0 20px 0; width: 50%; float: left;}
#hp-en p { margin: 10px 0;}

#hp-twobox { background: #23201F url(../_images/hp-twobox-background.gif) 100% 0 repeat-y; border: 1px solid #393637; float: left; margin: 20px 0; width: 400px;}
#hp-priorities { background: #23201F; float: left; width: 159px;}
#hp-about { background: #454243; border-left: 1px solid #393637; float: right; width: 160px;}

#hp-contact { background: #2F2B2C; border: 1px solid #393637; float: right; width: 360px;}

.hp-box { padding: 15px 20px;}
.hp-box h2 { font-size: 1.2em; margin-bottom: 10px; height: 20px; overflow: hidden; position: relative; text-transform: uppercase; width: 150px; }
.hp-box h2 span { background-position: 0 0; background-repeat: no-repeat; height: 20px; left: 0; position: absolute; top: 0; width: 150px;}

#hp-video h2 span { background-image: url(../_images/headline-hp-video.gif);}
#hp-video .video-img { background: url(../_images/video.png) 0 0 no-repeat; display: block; height: 160px; width: 242px;}
#hp-video p { color: #999898; font-size: 0.9em; padding-right: 50px;}

#hp-news h3 { font-size: 1em;}
#hp-news h3 span { color: #000; background: #E4E4E4; font-weight: normal;}
#hp-news p { font-size: 0.85em; line-height: 1.4em;}
#hp-news .date { color: #999898; font-size: 0.85em; font-weight: bold;}
#hp-news .text { margin-bottom: 10px;}
#hp-news h2 span { background-image: url(../_images/headline-hp-news.gif);}
#page-en #hp-news h2 span { background-image: url(../_images/headline-hp-news-en.gif);}
#hp-news a { color: #333333;}

#news_navigation { position: absolute; bottom: 15px; left: 15px;}
#news_prev, #news_next { background: url(../_images/news-navigation.gif) 0 0 no-repeat; display: block; height: 23px; float: left; margin: 2px; width: 23px;}
#news_next { background-position: 100% 0;}
#news_prev:hover { background-position: 0 100%;}
#news_next:hover { background-position: 100% 100%;}

#hp-contact p { color: #999898; font-size: 0.9em;}
#hp-contact .fl { border-right: 1px solid #454243; width: 178px;}
#hp-contact .fr { width: 160px;}
#hp-contact h2 span { background-image: url(../_images/headline-hp-contact.gif);}
#page-en #hp-contact h2 span { background-image: url(../_images/headline-hp-contact-en.gif);} 

#hp-priorities .list li { background: url(../_images/li.gif) 0 0.6em no-repeat; list-style: none; margin-bottom: 0px; padding-left: 16px;}
#hp-priorities h2 span { background-image: url(../_images/headline-hp-priorities.gif);}
#page-en #hp-priorities h2 span { background-image: url(../_images/headline-hp-priorities-en.gif);}
#hp-priorities p { font-size: 0.9em;}

#hp-priorities h2, #hp-about h2 { color: #79C142;}

#hp-about p { color: #999898; font-size: 0.9em; line-height: 1.4em;}
#hp-about h2 span { background-image: url(../_images/headline-hp-about.gif);} 

#player { display:block; width:768px; height:576px; overflow: hidden;}
#static-video { margin-top: 30px;}
#static-video #player { margin: auto;}

#hp-photo .services { position: absolute; right: 0; top: 0; width: 402px; z-index: 10;}
#hp-photo h3 { float: left; font-size: 1.1em; margin: 1px 1px 0 0; text-transform: uppercase;}
#hp-photo h3 a { background: url(../_images/hp-services.png); color: #B9BAB8; display: block; height: 60px; padding: 15px; text-decoration: none; width: 170px;}
#hp-photo h3 a:hover { background-image: url(../_images/hp-services-hover.png); color: #fff;}
#hp-photo h3 a span { border-bottom: 2px solid #454243;}
#hp-photo h3 a:hover span { border-color: #8BC95C;}

#hp-photo .desc { background: url(../_images/hp-services.png); float: left; height: 227px; margin-top: 1px; padding: 30px 15px 15px 30px; width: 356px;}

* html #hp-photo h3 a { behavior: url("_css/iepngfix.htc");}

#hp-photo img { left: 0; top: 0; position: absolute; z-index: 2;}

/*
 * 3e) Kontakt
 *     =======
 */

#kontakt { background: url(../_images/kontakt-logo.png) 90% 80% no-repeat;}
#kontakt .fl { padding-right: 40px;}
#kontakt .email { margin-top: 0px; font-size: 1.3em; font-weight: bold;}

/*
 * 99) Zbytek
 *     ======
 **/

/* hlavni navigace */

#menu { margin-top: 36px; float: left;}

#menu li { float: left; font-size: 1.4em; height: 34px; list-style: none; line-height: 34px; margin-right: 5px; overflow: hidden; position: relative; text-align: center;}
#menu li span { background-position: 0 0; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
#menu li a { color: #fff; display: block; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#menu li a:hover { background: #79C142;}
#menu li a:hover span { background-position: 0 -34px;}
#menu li.active a { background: #151314; color: #79C142;}
#menu li.active a span { background-position: 0 -68px;}

#m-home { width: 91px;}
#m-home span { background-image: url(../_images/menu-home.png);}

#m-o-nas { width: 93px;}
#m-o-nas span { background-image: url(../_images/menu-o-nas.png);}

#m-sluzby { width: 108px;}
#m-sluzby span { background-image: url(../_images/menu-sluzby.png);}

#m-kariera { width: 117px;}
#m-kariera span { background-image: url(../_images/menu-kariera.png);}

#m-reference { width: 141px;}
#m-reference span { background-image: url(../_images/menu-reference.png);}

#m-kontakt { width: 124px;}
#m-kontakt span { background-image: url(../_images/menu-kontakt.png);}

#m-en-home { width: 80px;}
#m-en-home span { background-image: url(../_images/menu-home-en.png);}

#m-en-about-us { width: 120px;}
#m-en-about-us span { background-image: url(../_images/menu-about-us.png);}

#m-en-services { width: 114px;}
#m-en-services span { background-image: url(../_images/menu-services.png);}

#m-en-careers { width: 117px;}
#m-en-careers span { background-image: url(../_images/menu-careers.png);}

#m-en-reference { width: 131px;}
#m-en-reference span { background-image: url(../_images/menu-reference-en.png);}

#m-en-contact { width: 114px;}
#m-en-contact span { background-image: url(../_images/menu-contact.png);}


/* vedlejsi navigace */

.submenu li { border-bottom: 1px dotted #7D6F72; list-style: none;}
.submenu li.active { padding: 7px 0;}
.submenu strong { background: #79C142; color: #000000; padding: 2px;}
.submenu a { color: #fff; display: block; padding: 7px 0;}
.submenu a:hover { text-decoration: none;}


/* uvodni text */

.prologue { font-size: 1.3em; line-height: 1.5em !important;}
.photo-prologue { background: url(../_images/prologue-bmw.jpg) 0 0 no-repeat; font-size: 1.3em; height: 236px; overflow: hidden; padding: 15px;}
.photo-prologue p { line-height: 1.6em !important; padding-left: 5px; text-align: left !important; width: 230px;}

/* obrazek v textu */
.img { border: 7px solid #504649;}
.img-fr { float: right; margin: 10px 0 10px 20px;}
.img-fl { float: left; margin: 10px 20px 10px 0;}

/* textova tlacitka */
.buttons { padding: 10px 0;}
.button-link { background: #423F40 url(../_images/button-link.gif) 13px 50% no-repeat; color: #fff; font-size: 0.85em; margin-right: 10px; padding: 10px 26px; text-transform: uppercase;}
.button-link:hover { background-color: #0B0909; background-image: url(../_images/button-link-hover.gif); color: #79C142; text-decoration: none;}
.button-link-simple { background-color: transparent !important; background-position: 0 50%; padding-left: 10px; padding-right: 0;}

.buttons-bottom { margin: 20px 0 !important;}
.buttons-bottom .button-link { background-color: #302A2C; color: #CCCCCC;}
.buttons-bottom .button-link:hover { background-color: #100D0D; color: #79C142;}

.button-link-green { background-color: #79C142; background-image: url(../_images/button-link-black.gif); color: #000; font-size: 1.1em; font-weight: bold;}

/* galerie s nahledy */
.gallery { margin: 30px 0;}
.gallery a { border: 5px solid #322C2E; display: block; float: left; margin: 10px 10px 0 0;}
.gallery a img { border: 0; vertical-align: middle;}
.gallery a:hover { border-color: #79C142;}

.gallery-4 { width: 550px;}

.gallery-fr { float: right; margin-left: 30px; width: 125px;}

/* loga ziskanych certifikatu */
.loga-certifikaty { margin: 30px 0;}

#stats { position: absolute; left: -1000px;}

/*
 * Administrace
 */
.admin-table { border-collapse: collapse; width: 100%;}
.admin-table td { border-bottom: 1px solid #242122; padding: 3px 18px 3px 0;}
.admin-table .actions { padding-left: 50px; text-align: right; width: 7em;}
.admin-table tr:hover .actions { background: url(../_images/admin-drag-drop.gif) 0 50% no-repeat;}
.button { padding: 10px 30px;}

}


/*******************************************************************************
 * @media: "print"
 ******************************************************************************/
@media print {
.noprint, #menu, #logo, #footer, #right, #hp-photo, #stats, #skip { display: none;}

body { font: 0.9em/1.6em Arial, sans-serif;}

/* galerie */
.gallery { margin: 15px 0;}

/* novinky na HP */
#hp-news .date { font-size: 0.9em; margin-top: 15px;}

/* loga ziskanych certifikatu */
.loga-certifikaty { margin: 30px 0;}

.button-link { margin-right: 10px;}

.crossroad { clear: both; height: auto !important;}
.crossroad img { float: right; margin-left: 20px; margin-top: -20px;}

}