#page-wrap {}
.info-col { float: left; width: 120px; height: 100%; }
.info-col h2 { color: #d40; text-align: center; font-weight: normal; height: 50px; line-height: 50px; font-size: 12px; letter-spacing: 0; font-weight: bold; display:block; width: 100%; }

.image { height: 100px; text-align: right; display: block; border-right: 1px solid white; font-size: 13px; }
.image .heading { font-size: 18px; color: #fff; background: rgba(0,0,0,0.6); line-height: 25px; padding: 2px 5px 2px 0px; font-style: normal; }

.image .heading { display: block; width: 100px; float: right; }

#cnt a.csdsl   .heading { margin-top: 55px; }
#cnt a.next-g .heading { margin-top: 35px; }
#cnt a.optika .heading { margin-top: 15px; }


/*#csStyleHome #cnt a .info-col */
#cnt a.csdsl   { background: url(http://www.icss.sk/public/img/layout/vyber_programu/csdsl.png ) left top no-repeat; }
#cnt a.next-g { background: url(http://www.icss.sk/public/img/layout/vyber_programu/next-g.png) left bottom no-repeat; }
#cnt a.optika { background: url(http://www.icss.sk/public/img/layout/vyber_programu/optika.png) left bottom no-repeat; }

#cnt a.csdsl:hover  { text-decoration:none; }
#cnt a.next-g:hover { text-decoration:none; }
#cnt a.optika:hover { text-decoration:none; }

dl { }
dt { padding: 0px; background: #900; border-bottom: 1px solid white; border-right: 1px solid white; }
dd { position: absolute; left: -9999px; top: -9999px; width: 299px; background: #900; padding: 5px 10px 10px 10px; border-right: 1px solid white; }


#page-wrap dt:hover {background-color:#fc9;}
/*
dt:nth-of-type(1) { background: #c60; }
dd:nth-of-type(1) { background: #c60; }

dt:nth-of-type(2) { background: #e5e5e5; }
dd:nth-of-type(2) { background: #e5e5e5; }

dt:nth-of-type(3) { background: #eeeeee; }
dd:nth-of-type(3) { background: #eeeeee; }

dt:nth-of-type(4) { background: transparent; }
dd:nth-of-type(4) { background: transparent; }
*/


dt:nth-of-type(1) { background: #dddddd; }
dd:nth-of-type(1) { background: #dddddd; }

dt:nth-of-type(2) { background: #e5e5e5; }
dd:nth-of-type(2) { background: #e5e5e5; }

dt:nth-of-type(3) { background: #eeeeee; }
dd:nth-of-type(3) { background: #eeeeee; }

dt:nth-of-type(4) { background: transparent; }
dd:nth-of-type(4) { background: transparent; }

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }


/* specialy for ics style */

dl dd { margin:0; }
dl dt { margin:0; }
dl dt.button { height: 40px; }
.info-col  a { outline: none; }


/*Button CSS3*/


#icsStyleInet #cnt a.button {
	display:inline-block;
	margin:0 10px 9px 0;
}
#icsStyleInet #cnt .orange.button {
	background-color:#FF5C00;
}
#icsStyleInet #cnt .large.button {
	font-size:14px;
	padding:8px 19px 9px;
}
#icsStyleInet #cnt .button {
	-moz-border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
	background: repeat-x scroll 0 0 #222222;
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	color:#FFFFFF !important;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	overflow:visible;
	padding:5px 15px 6px;
	position:relative;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	width:auto;
}
#icsStyleInet #cnt a {
	line-height:inherit;
	outline:0 none;
	text-decoration:underline;
}
