@charset "utf-8";
/* CSS Document */

h1{
	margin:0px 0px 10px 15px;
	font-size:20px;
	color: #FFF;
	line-height: 35px;
}

p,ul,ol{font-family: Arial, Helvetica, sans-serif; font-size: 10pt;	color: #000000; margin:0 0 10px 0;}
ul,ol {	margin-top: 5px; }

li{
	/* list-style-type: square; list-style-position: outside;  */
	list-style-type:none;
	background-image:url(../images/odraz2b.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding-left: 14px;
	font-weight: normal;
	line-height:1.5;
}


a.pm {text-decoration:none;}

#pagesTopOne{
	width: 950px;
	height: 120px;
	background-image: url(../images/pages-top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	color: #036;
}

#pagesLeftcol{	width: 201px;	float:left;} 
#pagesLeftcol a { color:#000000;}
#pagesMaincol{	width: 730px;	float:left; }

#pagesMainB { margin: 20px 15px 5px 15px; text-align:left; min-height:274px; }
#pagesMainB a { color:#000033; text-decoration:underline; }
#pagesMainB a:hover { text-decoration:none; }

.pMain { width: 950px; }

.pagesMain, .pagesMain1, .pagesMain2, .pagesMain3, .pagesMain4, .pagesMain5, #pagesMain, #pagesMainLogin {
	width: 950px;
	float:left;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #FFF;
}

.pagesMain	{ background-image: url(../images/pages-main-back.jpg); }
.pagesMain1	{ background-image: url(../images/pages-main-back-siete.jpg); }
.pagesMain2	{ background-image: url(../images/pages-main-back-bezp.jpg); }
.pagesMain3	{ background-image: url(../images/pages-main-back-web.jpg); }
.pagesMain4	{ background-image: url(../images/pages-main-back-prez.jpg); }
.pagesMain5	{ background-image: url(../images/pages-main-back-sgi.jpg); }

#pagesMain	{ background-image: url(../images/pages-main-back.jpg); }
/*klientska zona*/
#pagesMainLogin{ background-image: url(../images/pages-main-back-login.jpg); min-height:380px;}


.menu01, .menu02, .menu03, .menu04, .menu05{
	width: 190px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 40px;
	text-align: left;
	text-indent: 70px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	cursor:pointer;
}

.menu01			{	background-image: url(../images/btn-siete.gif);}
.menu01:hover	{	background-image: url(../images/btn-siete-over.gif);}
.menu02			{	background-image: url(../images/btn-bezpecnost.gif);}
.menu02:hover	{	background-image: url(../images/btn-bezpecnost-over.gif);}
.menu03			{	background-image: url(../images/btn-web.gif);}
.menu03:hover	{	background-image: url(../images/btn-web-over.gif);}
.menu04			{	background-image: url(../images/btn-prezent.gif);}
.menu04:hover	{	background-image: url(../images/btn-prezent-over.gif);}
.menu05			{	background-image: url(../images/btn-sgi.gif);}
.menu05:hover	{	background-image: url(../images/btn-sgi-over.gif);}

.submenu{
	width: 180px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-align: left;
	text-indent: 8px;
	font-size: 12px;
	font-weight: normal;
	background-image: url(../images/submenu-back-180.gif);
	text-decoration:none;
	margin-left:4px;
	cursor:pointer;
}

.submenu:hover	{	background-image: url(../images/submenu-back-over-180.gif);}
.submenu:visited{	text-decoration:none;}

#pagesFooter	{	width: 950px;	height: 41px; float:left;
	background-image: url(../images/pages-footer-back.gif);	background-repeat: no-repeat;	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px; line-height: 55px;	text-align: right;
	color: #036; 
}
#pagesFooterText{ padding-right: 40px; }


/*obtekane obrazky*/

.imgRight{	float:right;	margin: 0px 0px 10px 15px;	clear:both;	padding:5px;}
.imgLeft{	float:left;		margin: 0px 15px 10px 0px;	clear:both;	padding:5px; overflow: hidden;}

.loginPanel{
	width:333px;
	height:133px;
	margin-top:33px;
	/*background-color: #009900;*/
}

.btnLogin{
	display:block;
	width:111px;
	height:30px;
	color: #000;
	font-size: 0.8em;
	text-align: center;
	font-weight: bold;
	background-image: url(../images/btn-login.png);
	font-family: "Trebuchet MS";
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 31px;
	text-decoration: none;
}

.btnLogin:hover{
	background-image: url(../images/btn-login-over.png);
}

a.btnLogin{text-decoration: none;}
a.btnLogin:hover{color: #FFF; text-decoration: none;}

.mapbox{
	width:442px;
	height:450px;
	margin: 20px 5px 20px 20px;
	float:left;
}

.adressbox{
	width:240px;
	margin-top:20px;
	float:right;
	overflow:hidden;
	text-align:left;
}

input.lgi { 	border:none; width:182px; }

div.lgl, div.lgl2 { font-family: "Trebuchet MS"; color: #FFF; font-size: 1em; text-align: left; font-weight: bold;
			float:left; width:80px; height:24px; margin:13px 16px 14px 24px;
			}

div.lgr, div.lgr2 {	float:left; width:184px; height:24px;  margin:13px 0 14px 0px;
			}

div.lgl2 {margin:0 16px 9px 24px;}	
div.lgr2 {margin:0 0 9px 0;}
			
div.lgs { 	float:left; margin-left:112px;}

/* web referencie */
.boxRefs{
	width:210px;
	float:left;
	margin: 10px 5px 0px 15px;
	padding:3px;
	border: solid #FFF 1px;
}

.imgRefs{
	padding:3px;
	border: solid #CCC 1px;
}

.imgRefs:hover{
	border: solid #FFF 1px; }

.boxRefs:hover{
	background-color: #f5f5f5;
	border: solid #CCC 1px;
}

.labelRefs{
	width:200px;
	height:15px;
	margin: 2px 0px 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
}

.labelRefs img {border:none;}

.bll{	float:left;	height:180px; width:320px; font-size:9pt; }
.blr{	float:left;	height:180px; width:320px; font-size:9pt;}

#od { width:690px; height:42px; border:1px solid #6BA350; color:#666;font-size:11px; background:#9DE249; line-height:16px;
-webkit-border-radius:2px ;-moz-border-radius:2px; border-radius: 3px;}
#odk { width:690px; height:18px; color:#40712A;font-size:11px;}
#odi { width:680px; height:auto; margin:4px; }

#od1 { width:680px; height:32px; float:left;}
#od2 { width:332px; height:20px; margin-left:2px;float:left;} #od2 span {margin-bottom:6px; padding-bottom:6px; line-height:20px;}
#od3 { width:100px; height:20px; margin-left:6px;float:left;}
#od4 { width:140px; height:20px; margin-left:6px;float:left;}
#od5 { width:80px; height:20px; float:right;}

#gk  { width:680px; height:0px; float:left; margin-top:10px;}
#od textarea { width:676px; height:28px; border:1px solid #4B9330; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; background-color:#fff;}
#od textarea:focus {outline: 2; outline-color:#29510A; }
#od input { width:210px; height:18px; border:1px solid #4B9330; color:#666; font-size:11px; background-color:#fff;
	-webkit-border-radius:2px ;-moz-border-radius:2px; border-radius: 3px;}
#od input:focus {outline: 2; outline-color:#4B9330; }

#od button { 
	display:block;
	width:80px;
	height:22px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	/* background-color:#CCC; */ background-image: url(../images/btn-send-ok.png);
	background-position:top left;
	text-decoration: none;
	cursor:pointer;
	font-size:11px;
	border:1px solid #888;
	-webkit-border-radius:2px ;-moz-border-radius:2px; border-radius: 3px;
}
#od button:hover	{	background-position:bottom left;}
/* #od button:hover{ background-color:#29510A;color:#fff;} */

.odm { text-align:center; color:#900; font-size:12px; margin-top:2px; }
.i { width:auto; heigt:auto;}
