@import '../../common/css/gem.css';

HTML {
	
	overflow: auto;
	overflow-y: scroll;
	-ms-overflow-y: scroll;
}
/* hp 4-panel odkazu 
.h-videobox span.tg {background-image:url(../images/layout/h-blank.gif)}
.h-login span.tg {background-image:url(../images/layout/h-sluzby-reseni.gif)}
.h-sluzby span.tg {background-image:url(../images/layout/h-katalog-produktu.gif)}
.h-kontakty span.tg {background-image:url(../images/layout/h-integrace-propojeni.gif)}
*/
.h-platnosti span.tg {background-image:url(../images/layout/h-overenie-platnosti.gif)}

.h-videobox span.tg {background-image:url(../images/layout/h-blank.gif)}
.h-login span.tg {background-image:url(../images/layout/h-blank.gif)}
.h-sluzby span.tg {background-image:url(../images/layout/h-blank.gif)}
.h-kontakty span.tg {background-image:url(../images/layout/h-blank.gif)}
.h-ako-postupovat {position:relative; margin:0px 0px 10px 0px; padding:0px; line-height: 200% }
.h-ako-postupovat span.tg {background-image:url(../images/layout/h-ako-postupovat.gif)}
#logo {
	z-index: 1000;
	top: 1px;
}

/* overeni platnosti */
#platnost { margin: 0px; display: block; padding: 0px; height: 160px; width: 480px; 
background-image: url(../../common/images/layout/GEM-cardinfo.jpg); background-position: 0px -2px; background-repeat: no-repeat; }
#platnost LABEL { display: block; float: left; margin: 0px; padding: 15px 0 0 15px; font-size: 120%; font-weight: bolder; }
#platnost #idosobyLBL { margin: 0px 0px 18px 0px; float: none; width: 420px; }
#platnost #evcislo1LBL { margin: 0px; width: 194px; }
#platnost #evcislo1LBL SPAN { font-size: 80%; font-weight: normal; }
#platnost #emailLBL { width: 240px; }
#platnost INPUT { background: transparent no-repeat; border: none; height: 25px; margin: 5px 6px 0px 0px; line-height: 25px; background-repeat: no-repeat; text-indent: 5px; }
#platnost #idosobyLBL INPUT { margin: 5px 0px 0px 0px; }
#platnost #idosoby, #platnost #evcislo1 { background-image: url(../../common/images/layout/inp3.gif); width: 52px; }
#platnost #idosoby2 { background-image: url(../../common/images/layout/inp5.gif); width: 95px; }
#platnost #email { background-image: url(../../common/images/layout/inpeml.gif); width: 170px; margin-right: 0px; float: left; }
#platnost #overSend { background-image: url(../../common/images/layout/send-sk.gif); width: 65px; margin-left: 0px; margin-right: 0px; float: left; }

#newsBox {
	width:250px;
	padding-top: 10px;
	Xborder-right: 1px solid #aaa;
}
#newsBox DIV.v_lines {
	width:250px;
}
#newsBox .GEMnews H4, #newsBox .GEMnews P {
	width: 100%;
	float: none;
	Xpadding: 5px 5px 0 5px;
}
#newsBox .GEMnews H4 {
	margin: 1em 5px 5px 0px;
	color: #e2001a;
}
#box-b-1 { width:250px; margin:0px; float:left}

/* hp-news */
.h-novinky span.tg {background-image:url(../images/layout/h-novinky.gif)}
.h-aktualne span.tg {background-image:url(../images/layout/h-aktualne.gif)}
.h-aktualne {
	Xmargin-top: 15px;
}

/* nav */
#nav972 {width:112px}
#nav972 span.tg {background-image:url(../images/layout/nav972.png)}
#nav973 {width:134px}
#nav973 span.tg {background-image:url(../images/layout/nav973.png)}
#nav974 {width:150px}
#nav974 span.tg {background-image:url(../images/layout/nav974.png)}
#nav975 {width:136px}
#nav975 span.tg {background-image:url(../images/layout/nav975.png)}
#nav976 {width:112px}
#nav976 span.tg {background-image:url(../images/layout/nav976.png)}

/* foot nahoru */
#foot-nahoru span.tg {background-image:url(../images/layout/h-nahoru.jpg)}
#foot { POSITION: relative; TEXT-ALIGN: right; PADDING-BOTTOM: 11px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 11px; BACKGROUND: url(../images/layout/footbg.gif) #e5e5e5 no-repeat; COLOR: #585757; FONT-SIZE: 70%; TOP: 10px; }
#foot P { TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 370px; FLOAT: left; }
#foot .cprght { padding-top: 5px; font-size: 130%; font-weight: bold; color: #585757; }
#foot .cprght SPAN { font-weight: normal; font-size: 80%; }
#foot P.loga { WIDTH: auto; FLOAT: right; }
#foot P.loga A { display: block; margin: 0 3px 0 3px; float: right; text-decoration: none; height: 48px; }
#foot P.loga A SPAN { background-position: 0px 0px; background-repeat: no-repeat; display: block; height: 48px; cursor: pointer; _cursor: hand; }
#foot P.loga A:hover SPAN { background-position: 0px -48px; }
#foot P.loga A .lgslovnaft { BACKGROUND: url(../images/layout/slovnaft-logo-foot.gif); width: 75px; }
#foot P.loga A .lgmol { BACKGROUND: url(../images/layout/mol-logo-foot.gif); width: 75px; }
#foot P.loga A .lgefg { BACKGROUND: url(../images/layout/efg-logo-foot.gif); width: 110px; }
#foot P.loga A .lgaktion { BACKGROUND: url(../images/layout/aktion-logo-foot.gif); width: 160px; }
#foot P.loga .designby { display: none; margin: 3px  3px 3px 13px; float: right; text-decoration: none; height: 48px; width: 100px; }
#foot P.loga .designby A { border: none; width: auto; display: inline; height: auto; }


#hNav {font-size:75%; line-height:120%; overflow:hidden; width:515px; float:left;}
#hNav div.box {
	width: 245px;
	margin-left: 0px;
	float: left;
	Xborder: dashed 1px blue;
	height: 205px;
	Xbackground: url(../images/layout/panel-bg.gif) no-repeat 0px -50px;
}
#hNav div.first { display:inline}
#hNav div.last {Xwidth:240px}
#hNav h3 {margin:0 0 0px 0; line-height:54px; font-size:130%; color:#000}
#hNav ul {margin:0 10px 10px 10px; padding:0; list-style:none}
#hNav li {background:url(../images/layout/li-red.gif) no-repeat 5px 0.35em; padding:0 0 5px 15px; font-weight:bold}
#hNav a {color:#e2001a}
#hNav a:hover {color:#000}
#hNav div.first h3 { line-height:41px;}

#dataBox { height: 420px; }

.disRow A { color: #ffb7c0; }

.phoneLInk {
	display: block;
	margin-top: 15px;
	margin-bottom: 25px;
}
.phoneLInk DIV {
	display: block;
	margin-top: 5px;
	font-size: 150%;
	color: gray;
	font-weight: bold;
}
#hNav .phoneLInk IMG {
	margin-right: 10px;
}

#GEMmainP { 
	margin:12px 0px 0px 0px;
	display:block;
	Xborder:1px dashed red;
	width: 1000px;
	}
#GEMmainP TABLE { 
	width: 1000px;
	}
#GEMvideo {
	display: block;
	position:relative;
	width: 480px;
	height: 285px;
	padding: 10px;
	Xbackground-image: url(../images/layout/videoBlock.gif);
	background-repeat: no-repeat;
	Xborder:1px dashed blue;
	background-position: top left;
}
#GEMshortcut {
	list-style:none;
	width:220px;
	display:block;
	margin: 0px;
	padding:5px 10px 0px 0px ;
	float: right;
}
#GEMshortcut LI {
	width:220px;
	display:block;
	padding: 0px;
	margin: 0px;
}
#GEMshortcut A {
position: relative;
	width:220px;
	height:60px;
	display:block;
	float:right;
	font-size:50%;
	Xborder: 1px dashed green;
	margin-right: 10px;
	margin-bottom: 15px;
}
#GEMshortcut A .cln {
	width:220px;
	height:60px;
	display:block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	Xborder:1px dashed blue;
	background-position: top left;
	cursor: pointer;
	_cursor: hand;
}
#GEMshortcut H3 {
	margin:0px;
}
#shrt-overenie .cln {
	background-image: url(../images/layout/shorcut-overenie.gif);
}
#shrt-vidnavody .cln {
	background-image: url(../images/layout/shorcut-vidnavody.gif);
}
#shrt-registracia .cln {
	background-image: url(../images/layout/shorcut-registracia.gif);
}
#shrt-ziadost .cln {
	background-image: url(../images/layout/shorcut-ziadostvstup.gif);
}