body {
	margin: 0;
	text-align: center;
	background: #2a2300 url(design/pattern.gif) repeat;
	background-attachment: fixed;	
	color: black;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.3;
}

div#telobig {
	margin: 0 auto;
	text-align: center;
	width: 780px;
	min-height: 200px;
}


div#telo {
	margin: 0;
	float: left;
	width: 780px;
	min-height: 200px;
	background: url(design/telo.gif) repeat-y;
}



div#hlavicka {
	position: relative;
	text-align: right;
	width: 780px; height: 94px;
	background: url(design/hlavicka.gif); 
}

div#hlavicka strong#hlava {
	clear: none;
	text-align: right;
	color: #666;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 30px;
	left: 20px;
	font-size: 11px;
	font-weight: normal;
}
div#hlavicka div.icons {
	text-align: left;
	position: absolute;
	top: 10px;
	left: 5px;
}
div#hlavicka div.icons a {
	margin: 0;
	padding: 0;
	font-size: 10px;
}
div#hlavicka div.icons img {
	margin: 0 5px 0 15px;
}

div#nadpis {
	position: relative;
	text-align: center;
	width: 780px;
	height: 199px;
	background: url(design/nadpis11-4.jpg);
}
div#nadpis strong {
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 22px;
	left: 40px;
}
div#nadpis strong a {
	display: block;
	width: 150px;
	height: 150px;
}
div#nadpis strong a span {
	position: absolute; top: -800px;
}


div#menu {
	float: left;
	width: 780px; height: 63px;
	background: url(design/telo.gif) left repeat-y;
}



div#stred {
	float: left;
	text-align: left;
	width: 400px;
	padding-bottom: 10px;
}

div#pravy {
	float: left;
	text-align: left;
	padding-bottom: 40px;
	width: 380px;
}




div#spodok {
	position: relative;
	clear: both;
	margin: 0 0 60px 0;
	width: 780px;
	height: 75px;
	background: url(design/spodok.gif) no-repeat; 
	font-size: 10px;
}

div#spodok a.hore {
	position: absolute;
	left: 20px;
	top: 10px;
}

div#spodok div#zaba {
	position: absolute;
	right: 0px;
	bottom: 45px;
	width: 120px;
	height: 58px;
	background-image: url(design/zaba-anim.gif);
}
div#spodok div#zaba-index {
	position: absolute;
	right: 0px;
	bottom: 45px;
	width: 120px;
	height: 58px;
	background-image: url(design/zaba2-anim.gif);
}








/* DESIGN DESIGN DESIGN DESIGN DESIGN */














a.kotva {
	float: left;
	clear: both;
}

div.clear {
	float: left;
	clear: both;
}


/* MENU MENU MENU MENU MENU */

div#menu ul {
	margin: 0;
	padding:0;
	border: 0;
	width: 780px;
	height: 63px;
	background: url(design/menu/menu.gif);
}
div#menu ul li {
	float: left;
	display: block;
	margin: 0;
	height: 63px;
}
div#menu ul li a {
	float: left;
	display: block;
	margin: 0;
	height: 63px;
}
		
div#menu ul li a#t1 {
	width: 98px;
	background-image: url(design/menu/t1.gif);
}
div#menu ul li a#t2 {
	width: 98px;
	background-image: url(design/menu/t2.gif);
}
div#menu ul li a#t3 {
	width: 97px;
	background-image: url(design/menu/t3.gif);
}
div#menu ul li a#t4 {
	width: 98px;
	background-image: url(design/menu/t4.gif);
}
div#menu ul li a#t5 {
	width: 97px;
	background-image: url(design/menu/t5.gif);
}
div#menu ul li a#t6 {
	width: 97px;
	background-image: url(design/menu/t6.gif);
}
div#menu ul li a#t7 {
	width: 98px;
	background-image: url(design/menu/t7.gif);
}
div#menu ul li a#t8 {
	width: 97px;
	background-image: url(design/menu/t8.gif);
}
		
div#menu ul li a#t1:hover {
	background-image: none;
	background-color: transparent;
}
div#menu ul li a#t2:hover {
	background-image: none;
	background-color: transparent;
}
div#menu ul li a#t3:hover {
	background-image: none;
	background-color: transparent;
}
div#menu ul li a#t4:hover {
	background-image: none;
	background-color: transparent;
}
div#menu ul li a#t5:hover {
	background-image: none;
	background-color: transparent;
}
div#menu ul li a#t6:hover {
	background-image: none;
	background-color: transparent;
}
div#menu ul li a#t7:hover {
	background-image: none;
	background-color: transparent;
}
div#menu ul li a#t8:hover {
	background-image: none;
	background-color: transparent;
}

div#menu ul li a span {
	position: absolute;
	top: -800px;
}

		




/* VSEOBECNE NASTAVENIA PRE PRVKY V OBSAHU STRANKY */


h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}

h1 {
	margin: 30px 20px 0 20px;
	color: #0c9ae4;
	font-size: 20px;
	font-weight: normal;
}
h2 {
	clear: left;
	margin: 30px 20px 0 20px;
	color: #0c9ae4;
	font-size: 20px;
	font-weight: normal;
}
h3 {
	clear: left;
	margin: 20px 20px 0 20px;
	color: #636363;
	font-size: 17px;
	font-weight: normal;
}
h4 {
	margin: 0 20px 0 20px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
h5 {

}
h6 {

}


div#telo p {
	margin: 0 20px 20px 20px;
}

div#telo ul {
	margin: 0 20px 20px 0;
}

div#telo ul.zoznam {
	clear: left;
	background-color: #0c9ae4;
	margin: 10px 40px;
	padding: 6px 0;
	border: 1px solid #e9e9e9;
}
div#telo ul.zoznam h4 {
	color: #fff;
	margin-left: 0;
}
div#telo ul.zoznam p {
	color: #fff;
	margin-left: 0;
}
div#telo ul.zoznam li {
	list-style-image: url(design/li.gif);
	margin: 2px 20px 2px 30px;
	color: #eee;
}
div#telo ul.zoznam li:hover {
	list-style-image: url(design/li-over.gif);
	color: #fff;
}


div#telo ul.zoznam2 {
	background-color: #fff;
	margin: 10px 40px;
	padding: 6px 0;
	border: 1px solid #e9e9e9;
}
div#telo ul.zoznam2 li {
	list-style-image: url(design/li2.gif);
	margin: 2px 20px 2px 30px;
}
div#telo ul.zoznam2 li:hover {
	list-style-image: url(design/li2-over.gif);
}


div#telo ul.zoznam2 li.na {
	list-style-image: url(design/li2-over.gif);
}

div#telo ul.zoznam2 li.viac-info {
	list-style: none;
	margin-top: 10px;
}




div#telo ul.zoznam3 {
	margin: 10px 40px;
	padding: 6px 0;
	border: 1px solid #e9e9e9;
}
div#telo ul.zoznam3 li {
	list-style-image: url(design/li2.gif);
	margin: 2px 20px 2px 30px;
}
div#telo ul.zoznam3 li a {
	display: block;
	width: 226px;
	height: 18px;
	padding: 5px 0 0 20px;
	background-color: #61cb05;
	border: 1px solid #ccc;
	text-decoration: none;
}
div#telo ul.zoznam3 li a:link {
	color: #fff;
}
div#telo ul.zoznam3 li a:active {
	color: #fff;
}
div#telo ul.zoznam3 li a:visited {
	color: #fff;
}
div#telo ul.zoznam3 li a:hover {
	color: #fff;
	background-color: #57b604;
}



div#telo ul.zoznam3 li:hover {
	list-style-image: url(design/li2-over.gif);
}


div#telo ul.zoznam3 li.na {
	list-style-image: url(design/li2-over.gif);
}

div#telo ul.zoznam3 li.viac-info {
	list-style: none;
	margin-top: 10px;
}










img {
	border: 0;
}


/* odkazy odkazy odkazy */

a:link {
	color: #23b800;
}
a:active {
	color: #23b800;
}
a:visited {
	color: #23b800;
}
a:hover {
	color: #3f851c;
	text-decoration: none;
}

/* odkazy spodok cast */

div#spodok a:link {
	color: #fff;
}
div#spodok a:active {
	color: #fff;
}
div#spodok a:visited {
	color: #fff;
}
div#spodok a:hover {
	color: #fff;
}

/* odkazy hlavicka */

div#hlavicka a:link {
	color: #000;
	text-decoration: none;
}
div#hlavicka a:active {
	color: #000;
	text-decoration: none;
}
div#hlavicka a:visited {
	color: #000;
	text-decoration: none;
}
div#hlavicka a:hover {
	color: #0c9ae4;
	text-decoration: underline;
}


/* odkazy novinky novinky */

div.novinky a:link {
	color: #ddd;
	text-decoration: underline;
}
div.novinky a:active {
	color: #ddd;
	text-decoration: underline;
}
div.novinky a:visited {
	color: #ddd;
	text-decoration: underline;
}
div.novinky a:hover {
	color: #000;
	text-decoration: none;
}




/* STRED NASTAVENIA STRED HLAVNA CAST TEXTOVA STRED */






/* spodok SPODOK spodok */



div#spodok p#copyright {
	position: absolute;
	left: 0;
	top: 10px;
	width: 700px;
	margin: 0 40px;
	padding: 0;
	text-align: center;
}

div#spodok div#ranks {
	position: absolute;
	bottom: 9px;
	left: 0;
	width: 700px;
	margin: 0 40px;
	text-align: center;
}



/* NEW WORKS NEW WORKS */

div#new-works {
	float: left;
	width: 100%;
}
div#new-works a {
	float: left;
	border: 1px solid #ccc;
	background-color: #efefef;
	margin: 0 0 20px 20px;
}
div#new-works a:hover {
	border: 1px solid #0c9ae4;
}
div#new-works a img {
	margin: 4px;
	width: 90px;
	height: 90px;
}



/* PROFILE PROFILE PROFILE */

div.profil {
	border-top: 10px solid #eee;
}
div.profil h3 {
	clear: none;
	margin-top: 10px;
}

div.profil img {
	float: left;
	border: 1px solid #ccc;
	background-color: #efefef;
	margin: 10px;
	width: 90px;
	height: 90px;
	padding: 4px;
}
div.profil p.zameranie {
	clear: left;
}
div.profil p.zameranie b {
	float: left;
	display: block;
	width: 100px;
}




img.bbtext {
	float: left;
	border: 1px solid #ccc;
	background-color: #efefef;
	margin: 0 10px 10px 20px;
	padding: 4px;
}



/* NOVINKY NOVINKY NOVINKY */

div.novinky {
	float: left;
	text-align: left;
	width: 780px;
	padding: 20px 0 30px 0;
	background-color: #0c9ae4;
/*	border-bottom: 10px solid #eee; */
	color: white;
}
div.novinky div.n1 {
	float: left;
	width: 233px;
	margin-left: 20px;
	color: #ddd;
}
div.novinky div.n1:hover {
	float: left;
	width: 233px;
	margin-left: 20px;
	color: #fff;
}
div.novinky h2 {
	margin: 0 0 0 20px;
	color: white;
}
div.novinky div.n1 h3 {
	margin: 0;
	color: #ccc;
}
div.novinky div.n1 h4 {
	margin: 0;
	color: white;
}
div.novinky div.n1 p {
	margin: 0;
}

div.novinky div.n1 p strong {
	font-weight: normal;
	border-bottom: 1px dashed;
}









b.blok {
	float: left;
	display: block;
	width: 140px;
}






/* AKTUAL PROJEKTS */

div.aktual-projekt {
	background-color: #eee;
	border: 1px solid #e7e7e7;
	padding: 4px 4px 0 4px;
	margin: 2px 20px;
}
div.aktual-projekt:hover {
	background-color: #e7e7e7;
	border: 1px solid #ccc;
	padding: 4px 4px 0 4px;
	margin: 2px 20px;
}
div.aktual-projekt img {
	float: left;
	width:50px;
	height: 50px;
	background-color: #fff;
	margin: 0 8px 4px 0;
	padding: 4px;
}





/* REFERENCIE REFERENCIE REFERENCIE REFERENCIE REFERENCIE  */


div.ref1 {
	float: left;
	clear: left;
	width: 358px;
	min-height: 100px;
	margin: 0 0 10px 20px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}
div.ref1:hover {
	background-color: #f3f3f3;
	border: 1px solid #e0e0e0;
}
div.ref1 a {
	float: left;
	border: 1px solid #ccc;
	background-color: #efefef;
	margin: 10px;
	width: 90px;
	height: 90px;
	padding: 4px;
}
div.ref1 a:hover {
	border: 1px solid #0c9ae4;
}

div.ref1 a img {
	float: left;
}
div.ref1 h3 {
	clear: none;
	margin: 10px 10px 0 0;
}
div.ref1 p {
	margin: 0 10px 0 0;
	line-height: 1.5;
}

div.ref1 p strong {
	font-weight: normal;
}




/* tblank tblank tblank */


div.ref1 p a, div.ref1 p a:hover {
	float: none;
	display: inline;
	border: 0;
	background: url(design/tblank.gif) right bottom no-repeat;
	padding: 0 13px 0 0;
	margin: auto;
}
.tblank a {
	background: url(design/tblank.gif) right bottom no-repeat;
	padding-right: 13px;
}
a.mimo {
	background: url(design/tblank.gif) right bottom no-repeat!important;
	padding-right: 13px!important;
}
li.viac-info a {
	background: none;
	padding-right: 0;
}








div.ref2 {
	float: left;
	min-height: 100px;
	margin: 0 20px 20px 20px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}
div.ref2:hover {
	background-color: #f3f3f3;
	border: 1px solid #e0e0e0;
}
div.ref2 a {
	float: left;
	border: 1px solid #ccc;
	background-color: #efefef;
	margin: 5px;
	width: 90px;
	height: 90px;
	padding: 4px;
}
div.ref2 a:hover {
	border: 1px solid #0c9ae4;
}

div.ref2 a img {
	float: left;
}







/* OCENENIE OCENENIE OCENENIE OCENENIE OCENENIE  */


div.ocenenie {
	clear: left;
	margin: 20px;
}
div.ocenenie img {
	float: left;
	margin: 0 10px 10px 0;
}






/* PODSTRANKA NOVINKY NOVINKY NOVINKY NOVINKY  */


div.n2 {
	float: left;
	clear: left;
	width: 358px;
	min-height: 100px;
	margin: 0 0 10px 20px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}
div.n2:hover {
	background-color: #f3f3f3;
	border: 1px solid #e0e0e0;
}
div.n2 a {
	float: left;
	border: 1px solid #ccc;
	background-color: #efefef;
	margin: 10px;
	width: 90px;
	height: 90px;
	padding: 4px;
}
div.n2 a:hover {
	border: 1px solid #0c9ae4;
}

div.n2 a img {
	float: left;
}
div.n2 h3 {
	clear: none;
	margin: 10px 10px 0 0;
}
div.n2 p {
	margin: 0 10px 0 0;
	line-height: 1.5;
}

div.n2 p a, div.n2 p a:hover {
	float: none;
	display: inline;
	border: 0;
	background: none;
	margin: auto;
	padding: 0;
}

div.n2 p strong {
	font-weight: normal;
	border-bottom: 1px dashed #999;
}







/* FORMULAR NAPISTE NAM FORMULAR NAPISTE NAM FORMULAR NAPISTE NAM   */


form#napiste-nam {
	width: 340px;
	margin: 20px;
}
form#napiste-nam fieldset {
	margin-top: 10px;
}
form#napiste-nam fieldset legend {
	color: #666;
}
form#napiste-nam fieldset label {
	display: block;
	float: left;
	width: 100px;
}
form#napiste-nam fieldset input {
	margin-bottom: 2px;
}

p.small-text {
	font-size: 10px;
}





/* TABULKY TABULKY TABULKY TABULKY */



col#stlp1 td, col#stlp1 th {
	text-align: left;
	background-color: red!important;
}
col#stlp3, col#stlp5 {
	background-color: #ececec;
	width: 100px;
}
col#stlp2, col#stlp4, col#stlp6 {
	background-color: #ddd;
	width: 100px;
}
table.hosting td, table.hosting th {
	text-align: center;
	padding: 2px;
	border: 1px solid #ccc;
}


table.hosting {
	width: 738px;
	margin: 10px 20px;
	color: black;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
table.hosting thead th, table.hosting tfoot th {
	padding: 10px;
	background-color: #61cb05;
	color: #fff;
}
table.hosting thead th.c2, table.hosting tfoot th.c2 {
	background-color: #57b604;
}


table.hosting tr.riadok {
	background-color: #0c9ae4;
	color: #fff;
}
table.hosting tr.riadok td, table.hosting tr.riadok th {
	padding: 5px;
}
table.hosting tr.riadok td.r2 {
	background-color: #0b8acd;
}



table.hosting td.vlavo {
	text-align: left;
}









table#tabulka2 {
	margin: 0 20px;
	border: 0;
	color: #000;
}
table#tabulka2 td {
	text-align: left;
}








table#t-domena td, table#t-domena th {
	text-align: center;
	padding: 2px;
}



table#t-domena td, table#t-domena th {
	text-align: center;
	padding: 2px;
}


table#t-domena {
	width: 360px;
	margin: 10px 20px;
	color: black;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
table#t-domena thead th, table#t-domena tfoot th {
	text-align: center;
	padding: 10px;
	background-color: #61cb05;
	color: #fff;
}





/* FORMULARE FORMULARE FORMULARE FORMULARE */




div#login {
	position: absolute;
	right: 20px;
	bottom: 30px;
}
form#form-login {
	
}
form#form-login input#meno {
	float: left;
	font-size: 10px;
	width: 80px;
	border: 1px solid #999;
	padding: 1px 5px;
	color: #999;
	height: 14px;
}
form#form-login input#heslo {
	float: left;
	font-size: 10px;
	width: 80px;
	border: 1px solid #999;
	padding: 1px 5px;
	margin-left: 4px;
	color: #999;
	height: 14px;
}
form#form-login input#submit {
	float: left;
	font-size: 10px;
	margin-left: 4px;
	margin-top: -1px;
}