/*

Autor: Petr Soukup, soukup@iquest.cz
-----

Obsah:
-----

1. - obecne styly
2. - layout
  2.1 - hlavicka
  2.2 - menu
  2.3 - 
  2.4 - telo
  2.5 - paticka
3. - ostatni 


--
pouzite hlavni barvy 
svetle modra - 56abfe 
tmave modra - 00005b
zluta - fbd438
text - 212121
*/


/* 1. obecne styly */
html,body {margin:0;padding:0;}
html{font-size:106.5%}
body{font-size:76.5%;font-family:Arial,sans-serif}
body {background: #00005b url(../images/background-main.jpg) top left repeat-x; color: #212121;line-height: 1.4em;}
li,ul,ol,p,input,select,textarea,form,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;}

a {color: #00005b; text-decoration: underline;}
a:hover {color: #56abfe; text-decoration: none;}
a.externalLink {background: url(../images/external-link.png) top right no-repeat; padding: 0 15px 0 0;}

h1 {}
h2 {color: #56abfe; /*text-transform: uppercase;*/ padding: 10px 0; font-size: 170%; font-weight: normal; line-height: 120%;}
h3 {color:#3f5aa5;}

.right {float: right;}
hr {display: none;}
ul, li {padding: 0; margin: 0; list-style: none;}

#textInner ul {padding: 5px; margin: 10px 10px 30px 20px; border-bottom: 1px solid #292929; border-left: 3px solid #292929;}
/*#textInner ul li {padding: 0 0 0 10px; background: transparent url(../images/arrowmore.gif) left 6px no-repeat;}*/

/* 2. layout */
#wrap1 {width: 980px; margin: 0 auto; padding:0;}
#wrap2 {width: 100%; position: relative; background: url(../images/background-header.jpg) top center no-repeat; float: left; margin: 0; padding: 100px 0 0 0;}
#wrap3 {width: 100%; float: left; position: relative; background: #ffffff;}
#wrap4 {width: 100%; margin: 0 auto;}

#headWrap {width: 100%; margin: 0; padding: 0;}
#logo {float: right; margin: 3px 0 0 0;}
#logo span {display: none;}
#logo a {display:block;background:url(../images/logo.jpg) top left no-repeat; width: 255px; height: 213px; /*padding: 12px 18px;*/ z-index: 95;}
/*#logo a:hover {border-top:3px solid #fff87d;background:url(../images/logo.gif) center 16px no-repeat; height: 47px;}*/

#flash, #flash-inner {height: 282px;}
#flash {background: url(../images/background-top-full.jpg) top left no-repeat; border-top: 3px solid #fbd438;}
#flash-inner #flashSwf {width: 337px; height: 213px; position: absolute; right: 256px; }
/*#flash-inner {margin: 0 0 0 16px; width: 260px; background: red; overflow: hidden;}*/
/*#flash-inner:hover {background: #292929;}*/
/*#flash #perex {width: 260px; background: url(../images/corner.png) left bottom no-repeat; padding: 0; height: 260px;}
#flash #perex #perexInner {overflow: auto; margin: 0 0 20px 0; height: 204px; padding: 18px;}*/


#wrapBreadcrumb {font-size:80%; width: 100%; text-align: left; color: #989898; line-height: 1.2em;}
#wrapBreadcrumb a {color: #989898;}
#wrapBreadcrumb a:hover {color: #444444;}

/* Faux Absolute Positioning */

/* soucet vsech 3 panelu */
#textWrap {float: left; width:980px; margin: 25px 0 0 0;	display: block;	position: relative;}
.inner {float: left; position: relative; left: 980px;}

/*bez praveho nebo bez stredniho sloupce sirka first + pravy */
#textWrap .innerWide {width: 674px;}

/* zprava vratit levy okraj */
#firstPanel {width: 311px; border-right: 1px solid #bdbdbd; padding: 0 25px; margin-left: -980px; padding-bottom: 20px;text-align: justify;}
#firstPanel p {margin: 0 0 15px 0; text-align: justify;}
#firstPanel h2 {text-align: left; font-weight: bold; padding: 0 0 10px 0; font-size: 120%;}

#firstPanel ul {margin: 10px 0;}
#firstPanel ul li {font-weight: bold;}
#firstPanel ul li a {font-weight: normal;}
#firstPanel li {background: url(../images/arrow.gif) left center no-repeat; color: #000000; padding: 3px 0 3px 25px; display: block; text-decoration: none;}

/* zprava vratit levy okraj */
#secondPanel {width: 312px; padding: 0 25px;margin-left: -618px; margin-bottom: 10px; margin-top: -70px;}

/* zprava vratit levy okraj */
#thirdPanel {width: 205px; border-left: 1px solid #bdbdbd; padding: 0 25px;margin-left: -256px; margin-bottom: 10px; margin-top: -70px;}




/*spojeni druheho a tretiho panelu*/
#fourthPanel {width: 567px; padding: 0 25px;margin-left: -618px; margin-bottom: 10px; margin-top: -80px; }
#fourthPanel h3 {margin: 0 0 10px 0;}
.reference li {padding: 2px 0 2px 20px; margin: 0 0 0 30px; background: url(../images/arrow.gif) left center no-repeat;}
.reference, .listRef {width: 100%; float: left; margin: 0;}
.listRef {margin: 0 0 15px 0;}

/*dalsi drobna nastaveni*/
#thirdPanel h3 {font-weight: normal; font-size: 100%;}
.work img {border: 0px; width: 45px;}
/*#thirdPanel .more li {padding: 5px 10px 0 20px; margin: 0;background: url(../images/icon-i.png) 0px 8px no-repeat;}*/
#thirdPanel .more {margin: -8px 0 20px 0;}


#secondPanel h2, #thirdPanel h2 {border-bottom: 3px solid #fbd438; padding: 0 0 16px 0; margin: 0 0 16px 0;}
#secondPanel li, #thirdPanel .icon {border-bottom: 1px solid #56abfe;}
#secondPanel li {background: url(../images/arrow.gif) left center no-repeat; color: #000000; padding: 9px 0 9px 25px; display: block; text-decoration: none;}
#secondPanel li {_fdloat: left; /*widsth: 100%;*/}
#thirdPanel .icon {display: block; padding: 8px 0 15px 0; font-size: 90%;}
#thirdPanel .icon .img {float: left; margin: 4px 8px 8px 0;}
#thirdPanel .icon a {font-weight: bold; color: #3f5aa5;}

.videoWrap {width: 634px; background: #222222; margin: 10px 0; text-align: center; padding: 10px;}
.news {margin: 0 0 20px 0;}
/*div.more li, a.more, #filesWrap a {padding: 0 0 0 8px; background: transparent url(../images/arrowmore.gif) left 6px no-repeat;}*/
/*display: block;*/

.bullet {padding: 10px 0;}
/*.bullet li {background: transparent url(../images/arrowmore.gif) left center no-repeat; padding: 0 12px; margin: 0 0 0 25px;}*/

/*
#icons {position:absolute;width:679px;top:360px;left:301px;}
#icons span {text-align: center;}
#icons div a .icontext {position: relative; top: -20px; height: 30px; display: block; overflow: hidden;}
#icons div a {color: #ffffff; text-decoration: none; width: 100px; height: 100px; text-align: center; font-size: 11px; letter-spacing: -0.025em; margin: 0 35px 0 0;  line-height: 14px; display: block; float: left;}
#icons div a:hover {color: #fff87d;}
#icons div a .ico {width: 63px; height: 90px; margin: 0 auto; display: block;cursor: hand;}
#icons div a.icon0 .ico {background: url(../images/icon-w01.png) -63px 0px no-repeat;}
#icons div a.icon0:hover .ico {background: url(../images/icon-w01.png) 0px 0px no-repeat;}
#icons div a.icon1 .ico {background: url(../images/icon-w02.png) -63px 0px no-repeat;}
#icons div a.icon1:hover .ico {background: url(../images/icon-w02.png) 0px 0px no-repeat;}
#icons div a.icon2 .ico {background: url(../images/icon-w03.png) -63px 0px no-repeat;}
#icons div a.icon2:hover .ico {background: url(../images/icon-w03.png) 0px 0px no-repeat;}
#icons div a.icon3 .ico {background: url(../images/icon-w04.png) -63px 0px no-repeat;}
#icons div a.icon3:hover .ico {background: url(../images/icon-w04.png) 0px 0px no-repeat;}
#icons div a.icon4 .ico {background: url(../images/icon-w05.png) -63px 0px no-repeat;}
#icons div a.icon4:hover .ico {background: url(../images/icon-w05.png) 0px 0px no-repeat;}
*/

#fotoWrap {text-align: center; overflow: hidden;}
.foto {margin: 15px auto;}
#fourthPanel img, .foto img {border: 3px solid #fbd438;}

/*
.imgdetail a, .foto a {position: relative;}
.imgdetail a span, .foto a span {position: absolute; right: 0px; bottom: 0px; width: 57px; height: 32px; font-size:0px; color: red;}
.imgdetail a span {background: url(../images/detail.png) -57px 0px no-repeat;}
.foto a span {background: url(../images/zoom.png) -57px 0px no-repeat;}
.imgdetail a:hover span, .foto a:hover span {background-position: 0px 0px;}
*/
/*
#secondMenuWrap {float: left; margin: 15px 0 0 0; background: silver; width: 362px;}
#secondMenu li strong {text-decoration: underline; font-size: 110%; padding: 0; margin: 0; font-weight: normal; color: #fff87d;}
#secondMenu li a:hover strong {text-decoration: none;}
#secondMenu li span {text-decoration: none; font-size: 11px; line-height: 14px; color: #ffffff; padding: 0 0 5px 0; margin: 0; display: block; height: 25px; overflow: hidden;}
#secondMenu li a {text-decoration: none; display: block; width: 220px; color: #fff87d; padding: 5px 10px 5px 30px; margin: 0 0 5px 0;background: url(../images/arrow.png) 10px 8px no-repeat;}
#secondMenu li a:hover {color: #ffffff;background: #222222 url(../images/arrow-hover.png) 10px 8px no-repeat;}
*/
/*#secondMenu li ul {margin: 0 0 10px 0;}*/

/* druha uroven */
/*#secondMenuWrap #secondMenu ul ul li {font-size:110%; }*/
/*#secondMenuWrap #secondMenu ul ul li a {background: transparent url(../images/arrowmore.gif) 30px 6px no-repeat; text-decoration: underline; margin: 0; padding: 0 0 0 40px;}*/
/* nezobrazovat dalsi vnorene */
#secondMenuWrap #secondMenu ul ul, #secondMenuWrap #secondMenu ul ul ul {display: none;}

#topMenuWrap {}
#topMenu {position:absolute;width:980px;top:-38px;left:0px;text-transform:uppercase;font-size:90%;font-weight: bold;}
#topMenu li {display:inline;padding:0; margin: 0; width: 140px; float: left; text-align: center;}
#topMenu li.last {width: 131px;}
#topMenu li a {padding:6px 0; float: left; width: 131px; color:#00005b;text-decoration:none;background: url(../images/background-menu.gif) left top no-repeat; /*white-space: nowrap;*/}
#topMenu li a:hover {color:#000000;background: url(../images/background-menu.gif) -131px top no-repeat;}
#topMenu ul a {display:block;}

/* druha uroven */ 
#topMenu {width: 100%;}
#topMenu ul li {float: left;display: block;}
#topMenu ul ul {position: relative; top: 29px; width: 117px; padding: 0;}
#topMenu ul ul li {float: none; font-weight: normal; text-align: left; display: block; float:left;width: 100%;padding:0;margin:0;}
#topMenu ul ul li a, #topMenu ul ul li a:hover {color: #ffffff; float: left; width: 100%; background: url(../images/transparent.png) top left repeat; border-bottom: 1px solid #666666; padding: 3px 15px; margin:0;}
#topMenu ul ul li a:hover {color: #fbd438;}
#topMenu ul ul {position: absolute; visibility:hidden; display:none;}
#topMenu ul li:hover ul, #topMenu ul li.hover ul {visibility:visible; display: block;}



/* nezobrazovat dalsi vnorene */
#topMenuWrap #topMenu ul ul ul {display: none;}

#flag {position:absolute;width:120px;top:-81px; left:860px;}
#flag a img {border: 1px solid #ffffff; margin: 0 10px 0 0;}
#flag a:hover img {border: 1px solid #fbd438;}

#title, #titlecz, #titlesk, #titleen, #titlede, #titleru {position:absolute;width:350px;top:-87px; left:20px;}
#title span, #titlecz span, #titlesk span, #titleen span, #titlede span, #titleru span {background: url(../images/samcor-bezpecnostni-sluzba.gif) top left no-repeat;width:350px;height: 26px; display: block;}

#titlecz span {background: url(../images/samcor-bezpecnostni-sluzbacz.gif) top left no-repeat;}
#titlesk span {background: url(../images/samcor-bezpecnostni-sluzbask.gif) top left no-repeat;}
#titleen span {background: url(../images/samcor-bezpecnostni-sluzbaen.gif) top left no-repeat;}
#titlede span {background: url(../images/samcor-bezpecnostni-sluzbade.gif) top left no-repeat;}
#titleru span {background: url(../images/samcor-bezpecnostni-sluzbaru.gif) top left no-repeat;}

#title span strong, #titlecz span strong, #titlesk span strong, #titleen span strong, #titlede span strong, #titleru span strong {display: none;}

#footer {width: 100%; float: left; padding: 25px 0 10px 0; margin: 20px 0 0 0; background: #00005b url(../images/background-footer.gif) top center no-repeat; color: #56abfe;}
#footer a {color: #56abfe;}
#footer a:hover {color: #ffffff;}

/*
#partnersWrap {width: 944px; float: left; font-size: 80%; padding: 5px 0 5px 16px; margin: 0; background: #000000; color: #ffffff;}
#partners img {border: 0px; height: 30px; margin: 0 15px 0 0;}
#partners a img {margin: 0 0 0 0;}
#partners a {color: #6c6c6c; margin: 0 15px 0 0;}
#partners a:hover {color: #ffffff; border-bottom: 2px solid #fff87d;}
*/

/* vypis, seznam, reference */
#listWrap {float: right; width: 704px;	display: block;	position: relative;}
#listWrap .inner {float: left;	position: relative;	left: 704px; width: 654px; padding: 135px 25px 25px 25px; margin-left: -704px;}
#list img {width: 150px;}
#itemWrap {float: left; margin: 15px 0;}
#list .item {width: 484px; display: block; float: left; padding: 0 0 12px 0; border-bottom: 1px solid #222222;}
#list .item a.img {float: left; margin: 0 15px 0 0;}
#list a img {border: 0px none;}
#list h3 {font-weight: normal;font-size: 130%; margin: 10px 0 10px 0; /*text-transform: uppercase;*/}
#list .more {display: inline; margin: 0;}


/* fotogalerie */
/*#galleryWrap {background: red; float: right; width: 704px;	display: block;	position: relative;}
#galleryWrap .inner {float: left;	position: relative;	left: 704px; width: 654px; padding: 135px 25px 5px 25px; margin-left: -704px;}
*/
#photogalleryWrap {margin: 20px 0 0 0; padding: 0 0 20px 0; float: left; font-size: 11px; line-height: 14px;}
#photogalleryWrap img {border: 0px; margin: 0; padding: 0; }
#photogalleryWrap .photo {border: 3px solid #fbd438; margin: 0 30px 18px 0; width: 150px; float: left;}
#photogalleryWrap .photoInner {width: 150px; display: block; text-align: center; overflow: hidden; height: 115px;}
#photogalleryWrap .photo:hover {border: 3px solid #e8ea4c;}
#photogalleryWrap span {color: #ffffff; width: 140px; position: absolute; margin: -30px 0 0 0; padding: 5px; height: 20px; overflow: hidden; background: url(../images/transparent.png) top left repeat;}
#photogalleryWrap .photo:hover span {background: #292929;}

table#photogalleryWrap {width: 100%;}
table#photogalleryWrap td {vertical-align: middle; width: 33%; padding: 5px 0; text-align: center;}
/*
#photogalleryWrap a.help {position: relative; margin: 0 0 0 2px; text-decoration: none; width: 8px; height: 8px; padding: 0px; font-weight: bold; background: #222222; text-align: center; color: #fff87d;}
#photogalleryWrap a.help:hover span {display: block; position: absolute; top: 0px; left: -152px; height: 60px; width: 140px; padding: 5px; color: #ffffff; background: url(../images/transparent.png) top left repeat; overflow: auto; margin: 0;}
#photogalleryWrap a.help span {display: none;}
*/

/* kontaktní formulář */
.contactForm .input {width: 210px;}
.contactForm textarea {width: 210px;}
span.mini {font-size: 90%;}
.hlaska {background: #bababa; padding: 7px; border: 1px solid #444444; display: block;}