html,body 
{
	 
}

/*********************************************************************************************************************
ROZVRZENI OBRAZOVKY **************************************************************************************************
*********************************************************************************************************************/
body {
	min-height:900px; margin:0px; padding:0px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; /*font-family:Century Gothic;*/ font-size:11pt; font-weight:500;
    background: black url("../images/template/pozadi_prechod_cervene.jpg") repeat-x top left; overflow:auto;/*:scroll;*/ }

#produktSpecifikace { }
#produktSpecifikace p {text-indent: 0px; margin: 0px; text-align:justify;}

#celaObrazovka { position: relative; margin: 0 auto; width:986px; background: white url("../images/template/PruhBlack.JPG") repeat-y top left; }
#pozadiStredH542 { position: absolute; top:0px; height: 542px; width:986px; background:url("../images/template/PruhTop.JPG"); }

.bold {font-weight:bold; font-size:12px;}

#hlavicka { width:960px; height:210px; background: #920000 url("../images/template/hlavicka-pozadi.png"); position: absolute; top:0px; margin-left: 13px; padding:0px; }

#hlavickaLogo { /*width:292px;*/ height:210px; width:400px;/* background-image: url("../images/template/logo.png");*/ position: absolute; top:0px; margin-left: 30px; padding:0px; }

#hlavickaObrPrezMistnost { width:448px; height:209px; background-image: url("../images/template/prezentacni_mistnosti.png"); position: absolute; top:0px; margin-left: 600px; padding:0px; right:0px; }
#hlavickaObrPronajem { width:448px; height:209px; background-image: url("../images/template/pronajmy.png"); position: absolute; top:0px; margin-left: 600px; padding:0px; }
#hlavickaObrEshop { width:448px; height:209px; background-image: url("../images/template/e-shop.png"); position: absolute; top:0px; margin-left: 600px; padding:0px; }
#hlavickaObrProfilSpolecnosti { width:448px; height:209px; background-image: url("../images/template/kontakt.png"); position: absolute; top:10px; margin-left: 600px; padding:0px; }
#hlavickaObrKontakt { width:448px; height:209px; background-image: url("../images/template/kontakt.png"); position: absolute; top:10px; margin-left: 600px; padding:0px; }

#zalozka { text-align:center; position: absolute; top:171px; left:188px; width:600px; height:39px; }
#zalozka1 { float:left; position: relative; width:16px; height:39px; background-image: url("../images/template/titulek1.png"); }
#zalozka2 { float:left; position: relative; height:39px; background-image: url("../images/template/titulek2.png"); }
#zalozka2-2 { margin-top:10px; }
#zalozka3 { float:left; position: relative; width:140px; height:39px; background-image: url("../images/template/titulek3.png"); }

#odkazy { position:relative; top:-53px; left:437px; }
.odkaz1 { text-align:center; width:152px; height:23px; }
.odkaz2 { text-align:center; width:152px; height:23px; }

#telo {/*background-color:Yellow;*/ margin:0px; padding:0px; padding-top:210px; /*min-height:542px;*/ position: relative; width:986px; }

#leftMenu { float: left; width: 175px; margin-left:13px; /*border: 1px solid black;*/}
#leftMenuBox     { padding-bottom:10px; padding-top:20px; background: #920000 url('../images/template/menu_pozadi.png'); width: 175px; }
#leftMenuEnd {width: 175px; height:21px; float: left; background-image: url('../images/template/menu_spodek.png');}

#rightbox { /*background-color:Aqua;*/ width: 705px; float: left; padding-top:30px; padding-left:40px; padding-right:40px; padding-bottom:0px;}

#created { margin:0 auto; margin-bottom:0px;padding:0px;position: relative;width:986px;height:36px;padding-bottom:20px; padding-top:80px; background: white url("../images/template/PruhBlack.JPG") repeat-y top left;}

#bottom { text-align:center; margin:0 auto;padding:0px;position: relative;width:986px;height:13px;background-image: url("../images/template/PruhBlackBottom.JPG");}

.cleaner  { clear: both; margin:0 auto;padding:0px; }

.fieldset { padding:10px;}
.fieldset legend { font-style:italic; padding-bottom:10px; }


/***************************************************************************************************************************
KONEC ROZVRZENI OBRAZOVKY **************************************************************************************************
***************************************************************************************************************************/

h1 {font-size: 155%;color: #810000;font-weight: normal;margin: 30px 0 20px 0; padding: 0;line-height: normal;}
h2 {font-size:medium;line-height: normal;color: #810000;font-weight:bold;}
h3 {margin: 15px 0 5px 0; padding: 0;color: black;font-size: 100%;font-weight: bold;}
h4 {font-size: 100%;font-weight: bold;padding: 0; margin: 10px 0;}
h5 {font-size:14px; color: #810000;font-weight:bold;}
h6{font-size:14px; color: #810000; font-weight:bold; padding:0px; margin:0px;}
h1, h2, h3, h4 {}

.nadpis {font-size:medium; line-height:normal; padding-bottom:20px; color: Black; font-weight:bold;}

a {text-decoration: underline; color: white;}
a:hover {text-decoration: none; font-weight:normal; font-weight:bold; color: white;}

.ahrefRed {text-decoration: none; color: #810000;}
.ahrefRed:hover {text-decoration: underline; font-weight:normal; color: #810000;}

#menu1 a{color: white;text-decoration: none;}
#menu1 a:hover {text-decoration: underline; font-weight:normal; font-weight:bold; color: white;}

#menu2 a{color: white; text-decoration: underline;}

.linkButton { color:#810000; text-decoration: none; font-weight:bold;}
.linkButton:hover { color:#810000; text-decoration: underline; font-weight:normal; font-weight:bold; }

.linkButtonBorder { color:#810000; text-decoration: none; font-weight:bold; padding:5px;}
.linkButtonBorder:hover { color:#810000; text-decoration: underline; font-weight:normal; font-weight:bold; }

.textRed {text-decoration: none; border:none; font-weight:bold; color: #810000;}

.nadpisRed {text-decoration: none; border:none; font-weight:bold; color: #810000;}
.nadpisRed:hover {text-decoration: underline; border:none; font-weight:normal; font-weight:bold; color: #810000;}

.nadpisRedSmall { font-size:10px; text-decoration: none; font-weight:bold; color: #810000;}
.nadpisRedSmall:hover {text-decoration: underline; font-weight:normal; font-weight:bold; color: #810000;}

hr {border: none;border-top: 1px dashed #CB6100;height: 1px; width: 100%;display: block;}

p { text-indent: 0px; margin-top: 0px; margin-bottom: 10px; text-align:justify; }
/**************************************/
/*Menu ********************************/
/**************************************/
/*ul, li { margin: 0; padding: 0; }
.cl { clear: both; }
ul.menu { }
ul.menu li { width: 175px; height: 45px; list-style-type: none; margin-top: 0px; padding-top: 0px;}
ul.menu li.item { width: 175px; height: 45px; margin: 0px; padding: 0px;  margin-top: 0px; padding-top: 0px;}
ul.menu li.item a {			margin: 0px; bottom: 0px; display: block; width: 175px; height: 45px; padding-top:10px; background: white url('../images/template/button_1A.png'); text-align: center; color: White; font-weight: bold; font-size:11pt; text-decoration: none; background-color:#920000; }
ul.menu li.item a:hover {	margin: 0px; bottom: 0px; display: block; width: 175px; height: 45px; padding-top:10px; background-image: url('../images/template/button_1B.png'); text-align: center; color: White; font-weight: bold; font-size:11pt; text-decoration: none; background-color:#920000; }
*/
/**************************************/
/*KONEC MENU **************************/
/**************************************/

.item a {		display: block; width: 175px; height: 45px; padding-top:7px; background: white url('../images/template/button_1A.png'); text-align: center; color: White; font-weight: bold; font-size:11pt; text-decoration: none; background-color:#920000; }
.item a:hover {	display: block; width: 175px; height: 45px; padding-top:7px; background-image: url('../images/template/button_1B.png'); text-align: center; color: White; font-weight: bold; font-size:11pt; text-decoration: none; background-color:#920000; }

.selectedMenu {	display: block; width: 175px; height: 45px; padding-top:10px; background-image: url('../images/template/button_1B.png'); text-align: center;  color: White; font-weight: bold; font-size:11pt; text-decoration: none; background-color:#920000 }

#podMenu { margin-left:40px; color:White; }

.treeView { padding-left:10px; padding-bottom:7px; font-family:/*Century Gothic*/Tahoma; Font-Size:10pt; line-height: 20px; font-weight:bold; color:White; }
.treeView a { color: white;}
.treeView a:hover {font-weight:bold; color: white; text-decoration: underline;}

/*Fotogalerie JAVA SCRIPT*/
.myGalery { margin: 0 auto; } 

/*AJAX*/
.tpopup { visibility:hidden; background-color:#F5F7F8; border: solid 1px #CCCCCC; padding:5px; height: auto; /*opacity:.9; filter: alpha(opacity=90);*/ } 
.popupobsah { width:700px; padding:2px; }
/*KONEC AJAX*/

#prezMistnostMainBlok { padding-top:15px; width: 100%; }
#prezMistnostLeftBlok { position:relative; float:left; margin-right: 29px;  }
.prezMistnostLeftBlokBorder {}
#prezMistnostRightBlok {  width: 325px; float:left; }
#prezMistnostImages { position:relative;  width: 350px; margin:0px; padding:0px;}

.nabizimeProjekce {margin-right:30px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/projekce.png"); }
.nabizimePlatna {margin-right:30px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/platna.png"); }
.nabizimeVideo {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/video.png"); }
.nabizimeAudio {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:15px; left:0px; background: url("../images/pronajem/audio.png"); }
.nabizimeOstatni {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:15px; left:0px; background: url("../images/pronajem/ostatni.png"); }
.nabizimeLedSteny{float:left; position: relative; width:149px; height:138px; top:15px; left:0px; background: url("../images/pronajem/ledsteny.png"); }

.nabizimeObr {position: absolute; width:100%; height:100%; }

.nabizimeProjekce2 {position: absolute; width:100%; height:100%; }
.nabizimePlatna2 {position: absolute; width:100%; height:100%; }
.nabizimeVideo2 {position: absolute; width:100%; height:100%; }
.nabizimeAudio2 {position: absolute; width:100%; height:100%; }
.nabizimeOstatni2 {position: absolute; width:100%; height:100%; }
.nabizimeLedSteny2 {position: absolute; width:100%; height:100%; }

.nabizimeProjekce2:hover {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/projekce2.png"); }
.nabizimePlatna2:hover {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/platna2.png"); }
.nabizimeVideo2:hover {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/video2.png"); }
.nabizimeAudio2:hover {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/audio2.png"); }
.nabizimeOstatni2:hover {margin-right:4px; float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/ostatni2.png"); }
.nabizimeLedSteny2:hover {float:left; position: relative; width:149px; height:138px; top:0px; left:0px; background: url("../images/pronajem/ledsteny2.png"); }

#animateEfekt {width:341px; height:219px; display:block; position:absolute;}

/*.obrFlash:hover { border: 1px solid black; padding-right:10px; padding-bottom:15px; }*/

#animateEfektNabizime1 {width:137px; height:130px; display:block; position:absolute; }
#animateEfektNabizime2 {width:137px; height:130px; display:block; position:absolute; }
#animateEfektNabizime3 {width:137px; height:130px; display:block; position:absolute; }
#animateEfektNabizime4 {width:137px; height:130px; display:block; position:absolute; }
#animateEfektNabizime5 {width:137px; height:130px; display:block; position:absolute; }

#flashVideo{ /*width:265px; height:213px;*/}

#pronajemAdalsi
{
	width:100%; color: #920000; text-align:center; padding-top:50px;
}

.goldReference { color: #920000; margin:0px; padding:0px; font-weight:bold;} 
.goldReference:hover { text-decoration:underline; cursor:pointer; margin:0px; padding:0px; } 

/*ESHOP*/
.eshopBody { margin: 0 auto; /*background-color:Yellow;*/}
.produktBody { width:345px; /*margin: 0;*/ /*height:111px;*/padding-bottom:20px; background: url("../../images/eshop/e-shop_ramecek.png") no-repeat;}
.produktTable {/*margin-left:10px; margin-top:10px;*/margin: 0 auto; margin-top:10px; }
.produktSmallText { font-size:11px;}
.kartaTitle { margin: 0 auto; text-align:center;}
.btnZobrazVyrobce { text-align:right; font-size:11px;}
.CheckBox { padding:0; margin:0; padding-left:20px; font-size:11px;}

.produktTitle {text-decoration: none; border:none; font-weight:bold; color: #810000;}
.produktTitle:hover {text-decoration: underline; border:none; font-weight:normal; font-weight:bold; color: #810000;}
.produktTextDetail { font-size:10px; text-decoration: none; font-weight:bold; color: #810000;}
.produktTextDetail:hover {text-decoration: underline; font-weight:normal; font-weight:bold; color: #810000;}


/*AJAX modal popup pro zobrazeni detailu fotografie*/
.modalPopup { background-color:#810000; padding: 5px; }
.modalBackground {background-color:Black; filter:alpha(opacity=70); opacity:0.7;}
.photoDetailPositionBtnClose{position:absolute; float:right; top:0px; right:0px; width:80px; height:28px; background: url("../images/eshop/btnPhotoClose.png"); }
.photoDetailPositionBtnClose:hover{position:absolute; float:right; top:0px; right:0px; width:80px; height:28px; background: url("../images/eshop/btnPhotoClose2.png"); }
.photoDetailPositionBtnClose a {text-decoration: none; color:White;}
.photoDetailPositionBtnClose a:hover {text-decoration: underline; color:White; /*color: #810000;*/}
.photoDetailBtnClose {text-decoration: none; color:White; font-weight:bold; font-size:15pt;}


/*tabulka seznam uzivatelu*/
table.tuser { width: auto; margin: 0; border: 1px solid #999999; padding: 0; }
.tuser thead { background: #800203; color:White; font-size:10px; }
.tuser .thead { background: #800203; color:White; font-size:10px;  }
.tuser tr.first { background: white; }
.tuser tr.second { background: #ececec; }
.tuser th { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tuser th a { text-decoration:none; color:White; }
.tuser td { margin: 0; border-right: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tuser col.col1 { width: 7%; text-align: center; }
.tuser col.col2 { width: 24%; text-align: right;}
.tuser col.col3 { width: 15%; text-align: right; }
.tuser col.col4 { width: 15%; text-align: right; }
.tuser col.col5 { width: 15%; text-align: right; }
.tuser col.col6 { width: 24%; text-align: left; }
.tuser col.col7 { width: 24%; text-align: left; }


/*menu eshopu*/
.eshop1 {background: url("../images/eshop/copyboardy.png") no-repeat; }
.eshop1:hover {background: url("../images/eshop/copyboardy2.png") no-repeat; }

.eshop2 {background: url("../images/eshop/projektory.png") no-repeat; }
.eshop2:hover {background: url("../images/eshop/projektory2.png") no-repeat; }

.eshop3 {background: url("../images/eshop/diaprojektory.png") no-repeat; }
.eshop3:hover {background: url("../images/eshop/diaprojektory2.png") no-repeat; }

.eshop4 {background: url("../images/eshop/interaktivní_tabule.png") no-repeat; }
.eshop4:hover {background: url("../images/eshop/interaktivní_tabule2.png") no-repeat; }

.eshop5 {background: url("../images/eshop/kancelarska_technika.png") no-repeat; }
.eshop5:hover {background: url("../images/eshop/kancelarska_technika2.png") no-repeat; }

.eshop6 {background: url("../images/eshop/ozvuceni.png") no-repeat; }
.eshop6:hover {background: url("../images/eshop/ozvuceni2.png") no-repeat; }

.eshop7 {background: url("../images/eshop/projekcni_plochy.png") no-repeat; }
.eshop7:hover {background: url("../images/eshop/projekcni_plochy2.png") no-repeat; }

.eshop8 {background: url("../images/eshop/tabulove_systemy.png") no-repeat; }
.eshop8:hover {background: url("../images/eshop/tabulove_systemy2.png") no-repeat; }

.eshop9 {background: url("../images/eshop/vizualizery.png") no-repeat; }
.eshop9:hover {background: url("../images/eshop/vizualizery2.png") no-repeat; }

.eshop10 {background: url("../images/eshop/prezentacni_doplnky.png") no-repeat; }
.eshop10:hover {background: url("../images/eshop/prezentacni_doplnky2.png") no-repeat; }

.uvods {background: url("../images/default/Uvod-pozadi-goloffice.png") no-repeat center center;
        width:494px; padding:20px; text-align:justify;}
        
.defaulTable { text-align:justify; }

/*
.obal
{
border: 1px solid #bbb;
padding: 15px 8px 0 8px;
background-color: #e4e4e4;
margin: 40px;
padding: 25px;
text-align: center;
}

.obal a
{
margin:0 auto;
}

.obal h2
{
font-size: 130%;
text-align: center;
background: #f7f7f7;
padding: .5em .5em;
margin: 1em 0 1em;
}

a.klik
{
display: block;
width: 555px;
height: 370px;
background: #fff url("../images/aurora2.gif") no-repeat;
overflow: hidden;
cursor: default;
}

a.klik img
{
visibility: hidden;
}

a.klik:active
{
background: #000;
}

a.klik:active img, a.klik:focus
img
{
visibility: visible; border:0;
}

a.hver
{
display: block;
width: 555px;
height: 370px;
background: #fff url("../images/flash/gold.gif") no-repeat;
overflow: hidden;
cursor: default;
}

a.hver img
{
visibility: hidden;
}

a.hver:hover
{
background: 0;
}

a.hver:hover img
{
visibility:
visible; border: 0;
}*/