@import 'typo.css';
@import 'service.css';
@import 'two-columns.css';
@import 'chrome.css';

body {
	background-color: #313131;
	background-image:url(../imgs/bkg.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.lang {
	width: 738px;
	margin: 1.2em auto 1em auto;
	font-size: 10px;
	text-align: right;
	color: #fff;
}
.lang a {
	color: #aaa;
}
.lang .separator {
	color: rgb(241,142,0);
}
/*#pager{border-bottom:0px solid #ccc;   	font-size: 11px;
	text-align: center;}  */

#pager {
	font-size: 13px;
	font-weight: bold;
	text-align: center; padding:20px;
}
#pager a{
	padding: 0px 5px 0px 5px;
}
#pager .selected {
padding: 0px 5px 0px 5px;
}
#pager .selected {display:inline;background-color: #F18E00;color: white;}

#pager .prev {
	display: inline;
	background:url(../imgs/link-prev-XL.gif) no-repeat 0px 0px;
	padding-left:40px;
}
#pager .next {
	display: inline;
	background:url(../imgs/link-more-XL.gif) no-repeat 70px 0px;
	padding-right:60px;
}
#pager span.next, #pager span.prev, #pager span.next_, #pager span.prev_ { color: #aaa; }


.containerB {
	background-image:url(../imgs/frame-bottom.png);
	_background-image:url(../imgs/frame-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 760px;
	padding-bottom: 12px;
	float: none;
}
.containerT {
	background-image:url(../imgs/frame-top.png);
	_background-image:url(../imgs/frame-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 760px;
	padding-top: 12px;
	margin: auto;
}
.containerI {
	background-color: #fff;
}

.hp {
}
.main {
	background-image:url(../imgs/content-BKG.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 450px;
	padding: 10px 0 10px 10px;
}
.hp .main {
	padding-top: 0;
	background-image: none;
}
.contentF {
}
.content {
	width: 540px;
	margin-right: 10px;
	float: left;
}
.content_form {
	width: 540px;
	margin-right: 10px;
	float: left;             border:0px solid red;
}
h1 .path {
	font-size: .4em;
	font-weight: normal;
	display: block;
	padding-left: .2em;
}
h1 .pgname {
	display: block;
}
a {
	font-size: inherit;
	text-decoration: none;
	color: rgb(0,137,209);
}
a:hover {
	color: rgb(241,142,0);
}


/* fotogalerie */

.galerie_popis {font-size:11px;line-height:10px;font-weight:normal;color:#000}
.galerie_vypis {font-size:11px;line-height:10px;font-weight:normal;border:1px solid aqua}

.fotokolekce {width:540px;height:170px; /*background:url(../imgs/bg_alts.gif) repeat-x bottom;*/ border:0px solid red}
#fotogalerie H2 a:link,#fotogalerie H2 a:visited {color:#89c220;}
.galleryAlt{padding:0px 15px 0px 15px;margin-top:10px;line-height:15px;font-weight:normal;font-size:12px;}

.content H2 {color:#89c220;margin:20px 0 30px 0 ;padding:15px 15px 0px 10px;}


.fotos a:link,.fotos a:visited {font-size:11px;line-height:10px;font-weight:normal;text-decoration: none;margin-top:0px;padding-top:0px; vertical-align:top;}
.fotos a:hover {}

img.foto{float:left;height:90px;border:0px solid red;padding-bottom:20px;margin:5px 0 10px 0;}

.zoom{height:auto;padding:0;position:absolute;top:0px;right:10px;width:auto;}
.lupa{background:url(../imgs/foto_lupa.png) no-repeat 6px 23px;position:absolute;top:-5px;left:-25px;width:48px;height:50px;z-index:100;cursor:hand;}

img.fotox{vertical-align:middle;border:1px solid #00b9e9;padding:1px;margin-top:0px}

#fotobox a  {color:#fff;cursor:hand}

.foto img.foto a:link,.foto img.foto a:visited {padding:10px;margin-bottom:20px;height:200px;background:#fff;clear:both;}
.fotos img.foto a:hover{float:left;text-align:center;width:120px;padding:5px;}

.fotoGalleryBanner { position: relative; top:24px; right: 22px;}

.fotoPopis{padding:5px;}
.fotkys{border:0px solid red;}
.fotos{width:180px;float:left;text-align:center;border:0px solid red;background:url(../imgs/bg_alt.gif) repeat-x bottom;border:0px solid red;}
.fotos_box { width:140px; height:90px; background-color:#f0f4f5; text-align:center; margin:10px; margin-left:20px;}
.fotos_box img { margin:0 auto; padding:0; float:none;}
.imgAltX{clear:both;padding:10px;margin-left:10px;line-height:13px;width:140px;height:20px;border:0px solid gold;background:url(../imgs/bg_alt.gif) repeat-x bottom;}
.more{float:right;padding-right:35px;margin-left:10px;margin-top:20px;margin-bottom:20px;}
.more2{float:left;margin-left:0px;background:url(../imgs/link-more-XL.gif) no-repeat 130px 5px;border:0px solid gold}
.more2active{float:left;padding:5px 5px 5px 10px;background:url(../imgs/link-more-XL.gif) no-repeat 130px 5px;border:0px solid aqua}


.clear {clear:both;}

.backbutton {font-size:11px;padding:20px}


/* fotogbox */
#fotobox {margin:0;padding:0;border:0px solid green;}
.mainfoto {border:1px solid green;margin-left:-20px}
.bottomix {background:#000;width:675px;height:40px;color:#fff;border:none;margin-top:3px;padding:5px 5px 5px 10px;}
.bottomix2 {background:#000;width:auto;height:40px;color:#fff;border:none;padding:5px 5px 5px 10px;}


/* foto-banner */
.fotobanner{width:290px;height:100px;margin-top:50px;border:1px solid green;}
.fotobanner00{width:240px;height:105px;text-align:center;margin-top:-100px;border:0px solid #000;margin-bottom:10px;}
.fotoflash {width:240px;height:80px;position:relative;top:-1px;left:0px;z-index:100;text-align:center;border:0px solid red;background:transparent;/*display:none*/}
.fotobanner01{width:290px;padding:2px;text-align:center;border:0px solid red;}
.GalerieImg{float:left;width:145px;height:104px;padding:0;border:0px solid gold;}
.GalerieText{float:left;width:130px;height:50px;margin-top:45px;padding:2px;color:#fff;text-align:left;border:0px solid red;}

.GalerieText a:link,.GalerieText a:visited{color:#fff;}
.GalerieText a:hover{color:aqua;text-decoration:underline !important}

/* right menu */
.rmenu a, .rmenu div.active {
	display: block;
	padding: .5em 10px .5em 10px;
	width: 169px;
}
.rmenu {
	float: left;
	padding-top: 1em;
}
.rmenu ul {
	font-size: 14px;
}
.rmenu ul li {
	margin-left: 1px;
	line-height: 100%;
	background-image:url(../imgs/hr.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 1px;
	width: 190px;
	padding-left:0;
}
.rmenu ul li a {
	padding-left:30px;
	width:149px;
	background: url(../imgs/arrow-green.gif) no-repeat 15px 10px;
}
.rmenu ul li.last {
	background-image: none;
}
.rmenu ul li .active, .rmenu ul li .menuSelected {
	background-color: #fff;
	font-weight: bold;
}
.rmenu ul li.rightMenuSection {
	font-size:14px;
	font-weight:bold;
	width:175px;
	padding:7px 0px 7px 15px;
	list-style:none;
	
}
.rmenuT {
	background-image:url(../imgs/side-menu-TOP.gif);
	background-position: top left;
	padding-top: 6px;
	margin-bottom: 3px;
}
.rmenuTk {
	background-position: -200px top;
}
.rmenuB {
	background-image:url(../imgs/right-menu-B.gif);
	background-position: bottom left;
	padding-bottom: 8px;
}
.rmenuI {
	background-image:url(../imgs/right-menu-SHADOW.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 200px;
}
/* header */
.header li {
	float: left;
	margin-right: 10px;
	text-align: center;
	padding-left:0;
	background:none;
}
.header li.logo-item {
	margin-right: 9px;background-image:url(../imgs/header-logo-intrea.gif);
}
.header {

	padding: 10px 0 20px 10px;
}
.header li a, .header li div {
	font-size: 10px;
	display: block;
	height: 32px;
	width: 140px;
	background-image:url(../imgs/header-menu.gif);
	background-position: 0px 50%;
	line-height: 100%;
}
.header li a.logo {

	background-position: top left;   background-image:url(../imgs/header-logo-intrea.gif);
}
.header .home {
	color: #0089d1;
}
.header .ofirme {
	text-transform:uppercase;
	color: rgb(152, 192, 0);
	background-position: -140px 50%;
}
.header .kontakt {
	color: rgb(230, 0, 3);
	background-position: -280px 50%;
}
.header .eshop {
	color: rgb(241, 142, 0);
	background-position: -420px 50%;
}
.header a.home:hover {
	background-position: 0 100%;
}
.header a.ofirme:hover {
	background-position: -140px 100%;
}
.header a.kontakt:hover {
	background-position: -280px 100%;
}
.header a.eshop:hover {
	background-position: -420px 100%;
}
.header div.home {
	background-position: 0 0%;
	color: #000;
}
.header div.kontakt {
	background-position: -280px 0%;
	color: #000;
}
.header div.ofirme {
	background-position: -140px 0%;
	color: #000;
}
.header div.eshop {
	background-position: -420px 0%;
	color: #000;
}
.typo-ofirme .header .ofirme {
	background-position: -140px 00%;
}

/* banner */
.megabanner {
	background-image:url(../imgs/megabanner-shadow.gif);
	background-position: top left;
	width: 750px;
	height: 260px;
}
.megabanner img {
	width: 740px;
	height: 250px;
	display: block;
}
.banners {
	width: 300px;
	float: left;
}
.banner290 {
	width: 300px;
	height: 110px;
	background-image:url(../imgs/banner290x100-shadow.gif);
	background-position: top left;
}
.OdkazBanner1 {float:left;margin-left:5px;width:107px;height:34px;margin-bottom:10px;border:0px solid red}
.OdkazBanner2 {float:left;margin-left:5px;width:160px;height:34px;margin:0 0 10px 10px;padding:3px;font-size:11px;color:#475995;border:0px solid green}
.OdkazBanner2 a{text-decoration:underline}



/* */
.catlinks a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	background: url(../imgs/eshop-catlinks240.png) left bottom no-repeat;
}
.catlinks a:hover {
	color: #fff;
}
.catlinks {
	margin: 0 0 10px 0;
	min-height: 101px;
}
.catlinks li {
	display: block;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left:0;
	background:none;
}
.catlinks .pic {
	width: 240px;
	height: 140px;
	border-bottom: 1px solid #fff;
	display: block;
}
.catlinks .name {
	display: block;
	padding: 10px 40px 10px 10px;
	height: 14px;
	line-height: 100%;
}
/* novinky */
.hp .novinky h2 {
	color: #fff;
	font-size: 11px;
	height: 21px;
	padding: 3px 20px 0 10px;
	margin: 0 0 1em 0;
}
.hp .novinkyB {
	background:url(../imgs/newsHomeBgrBottom.png) left bottom no-repeat;
	padding-bottom: 9px;
}
.hp .novinky {
	width: 240px;
	float: left;
	background: url(../imgs/newsHomeBgr.jpg) no-repeat;
}
.hp .ennovinky {
	width: 294px;
	background-image:url(../imgs/enhp-novinky-bkg.png);
}
.hp .ennovinkyB {
	background-image:url(../imgs/enhp-novinky-bottom.png);
}
.hp .ennovinky h2 {
	background-image:url(../imgs/enhp-novinky-header.png);
}
.hp .novinky .margin {
	margin-left: 10px;
	margin-right: 10px;
}
.hp .novinka1 {
}
.hp .novinky h2 {
	margin-bottom: 0;
	height: 18px;
}
.hp .novinka {
	margin: 0 0 0 1px;
	padding-top: 10px;
	padding-bottom: 0px;
	background:none !important;
}
.hp .novinka h3 {
	font-size: 14px;
}
.hp .novinky p.moreNews {  width:220px;
	padding: 5px 10px 0 10px;
	font-weight: bold;
	text-align: right;
	border-top: 1px dotted #999;
	background:url(../imgs/hr.gif) repeat-x 10px 10px;

}

.moreNews2 {width:90px;height:25px;padding:0px;margin:0;background:url(../imgs/hr.gif) repeat-x 10px 10px;border:1px solid #fff}



.novinka-single img {
	display: block;
	margin-bottom: 1em;
}
.novinka-single .date {
	background-image:url(../imgs/arrow-green.gif);
	background-position: left center;
	padding-left: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.hp novinka {
}
.novinky img {
	display: block;
	float: left;
	margin: .25em 10px 10px 0;
}
.novinky .date {
	margin-right: .5em;
	padding-right: 1.25em;
	background-image:url(../imgs/arrow-green.gif);
	background-position: right center;
}
.hp .novinky .date {
	background-image:url(../imgs/arrow-orange.gif);
}
.hp .novinky img {
	margin-left: 10px;
	_margin-left: 5px;
}
.novinka {
	background-image:url(../imgs/hr.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 1em;
	padding-top: .25em;
}
.file {
	display: block;
	margin-bottom: .25em;
}
.news-hp{
	width: 265px;
	float: left;
	margin-right: 10px;
	padding-left: 5px;
}
/* english */
.enhp-aboutus {
	width: 440px;
	margin-right: 10px;
	float: left;
}
.enhp-aboutus p.enhp-perex {
	color: rgb(241,142,0);
	font-size: 25px;
	line-height: 110%;
	padding-top: .5em;
	padding-bottom: .25em;
}
.hp-uvod-box {
	padding-bottom: 7px;
	padding-right: 10px;
	font-size:14px;
	font-weight:bold;
}
.hp-uvod-box h2{
	margin-top: 0;
}


.mapa-kontakt {margin-left:5px;}
.blok {border-top:0px solid #f3f3f3;margin-top:10px;border-bottom:0px solid #f3f3f3;width:290px;margin-left:-5px }
.hr1 {margin:38px 0 25px 0px;height:0px;border-bottom:0px solid #f3f3f3;width:290px;}

.contact .caption {margin-left:0px;  line-height:16px;
	width:120px;height:30px;
	display: block;
	float: left;font-size:12px;border:0px solid red
}
.contact h2 {margin-left:5px; border:0px solid red;padding:10px 0 0 0px}


.caption1 {margin-left:5px;padding-left:0;  line-height:16px;
	width:100px;height:30px;
	display: block;
	float: left;font-size:12px;border:0px solid green
}

.houme {
	padding-left: 1.9em;
	background-image:url(../ico-home.gif);
	background-position: 0.4em .1em;
}

.phone1 {
	padding-left: 1.5em;
	background-image:url(../ico-phone.gif);
	background-position: 0 .3em;
}
.phoneHP {
	padding-left: 1.7em;
	background-image:url(../ico-phone.gif);
	background-position: 0 .3em;border:1px solid red;
}
.phone {
	padding-left: 1.9em;
	background-image:url(../ico-phone.gif);
	background-position: 0.4em .2em;
}
.emailHP {
	padding-left: 1.7em;
	background-image:url(../ico-email.gif);
	background-position: 0 .3em;
}
.email {
	padding-left:1.9em;
	background-image:url(../ico-email.gif);
	background-position: 0.4em .3em;
}
p.phone .caption, p.email .caption {
	width: 100px;
}
.piko {margin-left:5px;padding:0px 0 0px 0px;    font-size:12px;   line-height:16px;
	display: block;}





.indent {           	padding-left:0.1em;    font-size:12px;   line-height:16px;
	display: block;
	float: left;
}
/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*IE Hacks */
/*Avoid PeekABoo bug on main layout*/
* html .novinky,
* html .novinka,
* html .containerT,
* html .hp-uvod-box-container { border:1px solid red;
	zoom: 1;
}
.uppercase {text-transform:uppercase  }
.footer { border:0px solid red;}

 a:link.admin,a:visited.admin{margin-left:5px;padding:0 4px 0 4px;}
a:hover.admin {background:#f78e00}



/* Pro kalendář akcí*/
#kalendar{background:url(../imgs/bg_kalendar.gif) repeat-y;
border:0px solid violet}
#kalendar H2{margin:0;padding:0 0 10px 0;font-size:23px;font-weight:bold;color:#ff8f00;border-bottom:3px solid #ccc}

#kalendar H3{margin:0;padding:0 0 5px 0;font-size:17px;font-weight:bold;color:#89c220;}
.uvodText{font-weight:bold}
.uvodBox2{margin-top:30px;text-align:left}



#veletrhy,#akce{border-bottom:1px dotted #000;margin-top:20px}


#kalendarLeft,#kalendarRight{padding:10px;font-size:11px;line-height:16px;display:block;float:left;width:245px;}

#akce TABLE,#veletrhy TABLE{padding:0px;margin-bottom:10px;border:0px solid red !important}

.misto,.poradatel{color:#bebebf;font-size:10px;text-transform:uppercase;line-height:12px;}
.datumCont{border-right:1px solid #bebebf;border-bottom:1px solid #bebebf;padding:0px 3px 1px 0px;margin-bottom:10px;width:60px}

.datumCont P{border:0px solid red;padding:0px;margin:0px}
.datum{text-align:center;vertical-align:center;padding:5px;background:#bebebf;width:50px;height:75px;border:1px solid #bebebf;}
/*.datum P{font-size:18px !important;color:#fff;line-height:15px}*/
.datum em{font-size:11px !important;color:#fff;font-weight:normal;line-height:11px;}
.datum P{font-size:16px !important;color:#fff;font-family:Georgia,"Times New Roman";line-height:18px}
.datum em{font-size:11px !important;color:#fff;line-height:11px;}

#bannerKalendar{width:350px;height:110px;margin:0px 0 0 0;padding:0px 10px 10px 5px;background:url(../imgs/bg_bannerkalendar.png) no-repeat;font-size:11px !important;color:#000;line-height:11px;}
#bannerKalendar H2 {font-size:11px !important;margin:3px 0 3px 0;font-weight:bold;color:#fff;line-height:11px;}
#bannerKalendar H3 {font-size:12px !important;font-weight:normal;color:#000;line-height:15px;}
#bannerKalendar .datumKalendar {font-size:11px !important;color:#ff7205;margin:5px 0 3px 0;line-height:11px;}
#bannerKalendar .kalendarLink {float:left;width:130px;}
#bannerKalendar .kalendarObsah {float:left;width:130px;padding:30px 0 0 0}

ul.sitemap { margin-left:10px; list-style: disc inside;}
ul.sitemap li { padding-left:0; background:none;}
ul.sitemap ul li {padding-left: 12px; background: url(../imgs/tireBullet.png) 0 0.8em no-repeat;}
ul.sitemap, ul.sitemap ul { }
ul.sitemap ul {margin-left:15px; margin-bottom:5px; list-style: none;}
ul.sitemap ul.rollUp li span { padding:0 5px; margin-left:7px; background:url(../imgs/arrowDownGray.png) center 7px no-repeat; cursor:pointer;}


/* new homepage */

.triSloupce {float:left; width:240px; padding-right:10px;}
.banner240 {width: 240px;	height: 80px; padding-bottom:10px;}
.banner290 {width: 290px;	height: 110px; padding-bottom:10px; margin-right:10px;}
.contactsHome h2 { margin-bottom:10px;}
.odkazbanneryTable { margin-top:20px; border:0; font-size:12px;}
.odkazbanneryTable td {padding:0 0 15px 0; vertical-align:top; }
.odkazbanneryTable td.left { padding-right: 10px;}
.hp .novinky .more { margin-top: 12px; margin-bottom:9px;}


/* fancybox */

#fancybox-outer div {background-repeat:repeat;}
#fancybox-close, #fancybox-left-ico, #fancybox-right-ico {background-image: url( ../imgs/fancybox.png) !important;}





















