/* Autor: Petr Soukup, soukup@iquest.cz */
/* sirka 1000px, hlavni barvy - cervena, nadpisy: 892222, podnadpis: 696969 */

/* 1. obecne styly */
html,body {margin:0;padding:0;}
html{font-size:106.5%}
body{font-size:76.5%;font-family:Trebuchet MS,sans-serif}
body {background: #ffffff url(../images/background-main.gif) top center repeat-x;}
body {color: #000000;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: #892222; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
a.externalLink {background: url(../images/external-link.gif) top right no-repeat; padding: 0 15px 0 1px;}

h1 {color:#892222;}
h2 {color: #892222; /*text-transform: uppercase;*/ padding: 10px 0 15px 0; font-size: 140%; font-weight: normal; line-height: 120%;}
h3 {color:#696969; font-size: 110%;}

.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;}

/* 2. layout */
#wrap1 {width: 100%; float: left; margin: 0 auto; padding:0; background: url(../images/background-foto.jpg) center 294px no-repeat;}
#wrap2 {width: 100%; float: left; margin: 0 auto; padding:0;}
#wrap3 {width: 1000px; margin: 0 auto; padding:0;}
#wrap4 {width: 100%; float: left;  position: relative; background: url(../images/background-linie.gif) center top repeat-y;}
#wrap5 {width: 100%; margin: 0 auto;}

#headWrap {width: 100%; border-top: 1px solid #9b2a2a; margin: 60px 0 0 0; padding: 0;}
#logo {position: absolute; margin: 0; width: 147px; padding: 0;}
#logo span {display: none;}
#logo a {display:block;background:url(../images/vinny-sklipek-na-vyhlidce.gif) center center no-repeat; width: 181px; height: 232px;}

#flashWrap, #flash, #flash-inner, .transparent-white {height: 233px;}
#flashWrap {background: url(../images/loading-01.gif) center center no-repeat;}
#flash {background: url(../images/background-header.jpg) 181px top no-repeat;}
#flash-inner {background: url(../images/frantisek-hromek.jpg) right top no-repeat;}

.transparent-white {background: url(../images/transparent-white.png) left top repeat; width: 91px; position:absolute; left: 181px;}

#wrapBreadcrumb {font-size:80%; width: 100%; color: #999999; line-height: 1.2em;}
#wrapBreadcrumb a {color: #999999;}
#wrapBreadcrumb a:hover {color: #ffffff;}
#breadcrumb {position:absolute;width:966px;top:0;left:0px; padding: 5px 17px; height: 14px; background: #000000;}

/* Faux Absolute Positioning */

/* soucet vsech 3 panelu */
#textWrap {float: left; width:1000px; margin: 0;	display: block;	position: relative;}
.inner {float: left; position: relative; padding: 15px 17px; /*background: #272727 url(../images/background-box.jpg) top left repeat-x;*/ left: 1000px;}


/* zprava vratit levy okraj */
#firstPanel, #firstPanelWide {width: 430px; padding: 15px 45px; margin-top: 0px; margin-left: -730px; margin-bottom: 10px; z-index: 2;}
#firstPanelWide {width: 640px;}
#secondPanel {width: 176px; margin-left: -210px;}
#thirdPanel {width: 200px; padding: 15px 35px; margin-top: 0; margin-left: -1000px;}

#thirdPanel h2 {white-space: nowrap;}

#firstPanel h2 {color: #000000; padding: 10px 0 10px 0;}
#firstPanel ul {margin: 0 0 10px 0; padding:0;}
#firstPanel ul li {padding: 3px 0 3px 35px; background: url(../images/bullet.gif) 20px 8px no-repeat;}
/* sirokej na uvodu */
/*#secondPanelWide {width: 254px; padding: 0; margin-left: -275px; z-index: 1;}
#secondPanelWide img {border: 0px; padding: 28px 0 10px 0;}*/
/*#secondPanelWide .text {background: #e4181a;}*/

/*detailnejsi nastaveni*/
#firstPanel p {margin: 0 0 15px 0;}
.center-banners {margin: 10px 0;}
/* MENU */
#topMenuWrap {font-weight: bold;}
#topMenu {z-index: 3; background: #7a0001 url(../images/background-menu.gif) left bottom repeat-x; position:absolute;width:1000px;top:24px;left:0px;/*text-transform:uppercase;*/font-size:90%;}
#topMenu li {display:inline;padding:0; margin: 0; float: left; text-align: center;}
#topMenu li a {padding:9px 25px; /*hedight: 18px;*/ color:#ffffff;text-decoration:none; _white-space: nowrap; background: url(../images/border-menu.gif) top right no-repeat;}
#topMenu li a:hover {color:#ffffff;background: #000000 url(../images/background-menu-hover.gif) left bottom repeat-x;}
#topMenu ul a {display:block;}
#topMenu h3 {font-weight: bold;}

/* druha uroven */ 
#topMenu ul li {float: left;display: block;}
#topMenu ul ul {position: relative; top: 36px; width: 165px; 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; display: block; width: 100%; background: #3d0000; border-bottom: 1px solid #590101;margin:0; padding: 7px 25px;}
#topMenu ul ul li a:hover {background: #280000;}
#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;}

/*detailnejsi nastaveni*/
/*#secondPanelWide .text, #secondPanel .text, #thirdPanel .text {padding: 15px 17px;}*/
#thirdPanel {color: #892222; }


#thirdPanel ul {padding: 10px 0;}

/*#thirdPanel ul h3 {font-size: 100%; font-weight: normal;}
#thirdPanel ul {background: #e4181a; width: 167px; padding: 5px 0;}
#thirdPanel li a {background: url(../images/bullet.gif) 17px 7px no-repeat; color: #ffffff; padding: 2px 20px 2px 36px; width: 111px; display: block; text-decoration: none;}
#thirdPanel li a:hover {background: url(../images/bullet-hover.gif) 17px 6px no-repeat; color: #e0dede;}
*/

/* druha a treti uroven */
#thirdPanel ul ul, #thirdPanel ul ul ul {display: none;background: transparent; border: 0px;}


/*detailnejsi nastaveni*/
#secondPanel img {border: 0px;}

#firstPanel .icon, #secondPanel .icon, #thirdPanel .icon {display: block; padding: 0 0 15px 0; float: left; width: 100%;}
#firstPanel .icon {width: 90%;}
#firstPanel .icon .img, #secondPanel .icon .img {/*float: left;*/ margin: 4px 8px 8px 0; /*display: none;*/}
#firstPanel .icon a, #secondPanel .icon a {color: #000000;}
#firstPanel .icon a:hover, #secondPanel .icon a:hover {color: #000000;}
#firstPanel .icon .more {color: #ab1315;}
#firstPanel .icon .date {font-weight: bold;}

#firstPanel .icon .date {background: url(../images/bullet-red.gif) right 5px no-repeat; width:100px; margin: 0 10px 0 0; float: left;}
#firstPanel .icon .text {padding: 0 0 0 110px;}

#secondPanel .lastPhoto a {float: left; margin: 0 4px 4px 0;}
#secondPanel .lastPhoto {margin: 5px 0 20px 0; float: left;}

/*bez praveho sloupce*/
/*#textWrap .innerWide {width: 680px;}*/

.videoWrap {width: 660px; background: #222222; margin: 10px 0; text-align: center; padding: 10px;}

.news {margin: 0 0 20px 0;}
.bullet {padding: 10px 0;}

#fotoWrap {text-align: center; overflow: hidden; width: 100%;}
.foto {margin: 15px;}

#firstPanel a img, #thirdPanel a img, #secondPanel a img, #firstPanel a:hover img, #thirdPanel a:hover img, #secondPanel a:hover img {border: 0px none;}

#flag {display: none; position:absolute;width:250px;top:5px; left:750px; text-align: right;z-index:96;}
#flag ul, #flag li {margin: 0; padding: 0;}
#flag li {display: inline;}
#flag a {margin: 0 0 0 10px;}
#flag a img {border: 1px solid #535252;}
#flag a:hover img {border: 1px solid #9b9999;}

/*
#title {position:absolute;top:60px; left:206px;}
#title strong {font-weight: normal;}
#title a {text-decoration: none;}
#title a span {color: #e4181a; font-size: 145%; display: block;}
#title a:hover span {color: #ab1315;}
*/

#title {position:absolute; top:188px; line-height: 1.1em; right:0px;width: 176px; color: #ffffff; margin: 0; padding: 10px 17px 10px 17px;}
#title a {color: #ffffff;}
/*
#title2 {position:absolute;top:0; left:647px; width:212px; height:149px;z-index:95;}
#title2 {background: url(../images/molecules.gif) top left no-repeat; display: block;overflow:hidden;}
*/

#footer {width: 980px; float: left; padding: 10px; margin: 0; background: #eeeeee url(../images/background-menu.gif) top center repeat-x;}
#footer, #footer a {color: #a4a4a4;}
#footer a:hover {color: #797979;}

/* 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-size: 130%; margin: 10px 0;}
#list .more {display: inline; margin: 0;}
.reference, .listRef {width: 100%; float: left; margin: 0 0 15px 0;}

/* fotogalerie */
#galleryWrap {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: 1px solid #696969; padding: 0; margin: 0 8px 18px 0; width: 150px; float: left;}
#photogalleryWrap .photoInner {width: 150px; display: block; text-align: center;  height: 150px; _height: 154px;}
#photogalleryWrap .photo:hover {border: 1px solid #444444;}
#photogalleryWrap span {width: 140px; position: absolute; margin: -40px 0 0 0; padding: 5px; height: 30px; overflow: hidden; color: #eeeeee; background: #696969;}
#photogalleryWrap .photo:hover span {background: #292929;}

/* IE6 */
#titleWrap span {_cursor: hand;}
#footer {_float: none;}
/*#thirdPanel li {_height: 22px;}*/

/*IE*/
#topMenu ul ul {_margin: 0 0 0 -100px;}
#topMenu li, #topMenu li li {_behavior: url(/stylesheets/hover.htc);}
/*#topMenu li, #topMenu li li {_behavior: url(../stylesheets/hover.htc);}*/
#topMenu li a { _float: left;}
#titleWrap span {_cursor: hand;}
#title span {_background: url(../images/samcor-bezpecnostni-sluzba.gif) top left no-repeat;}
/*#footerWrap {_float: none;}*/


.paragraph {color: #770000; font-style: italic; padding: 0 0 0 10px; border-left: 6px solid #d1a8a6;}
.more {padding: 0 0 0 10px; background: url(../images/bullet-more.gif) left 6px no-repeat;}
.hlaska {background: #d0a7a7; padding: 5px 10px;}

/**/
.neviditelny {display:none;}
.sendnews p {display: inline; padding: 0; margin: 0;}
/*.zasilani-novinek #email {border: 1px solid #32419e; padding: 2px; margin: 0; color: #011e60; background: #f6f7fb; width: 195px;}
.zasilani-novinek .submit {border: 1px solid #191f59; background: #32469f;}
.zasilani-novinek .submit {padding: 1px 10px; font-weight: bold; margin: 0;}
*/