/* --------------------------------------Start of CSS reset-------------------------------------- */ 

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	font-family: Verdana, Tahoma;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* --------------------------------------End of CSS Reset-------------------------------------- */ 





/* ------------------Basic Layout------------------- */

h1 {

color: #004677; font-size: 24px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #004677;

}

h2 {

color: #004677; font-size: 16px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #004677;

}

h3 {

color: #004677; font-size: 12px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #004677;

}

body {

background-color: #fff;

}

#mainContainer {

width: 808px; position: relative; padding-top: 174px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 10px;

}

#body {

width: 768px; background-image: url(../img/layout/body.jpg); padding: 15px 20px 20px 20px;

text-align: left; min-height: 400px; _height: 400px; position: relative;

}

#body p {

font-size: 11px; margin-bottom: 10px; text-align: justify; line-height: 14px;

}

#body p a {

color: #004677;

}

#head {

width: 808px; height: 129px; background-image: url(../img/layout/head.jpg); position: absolute; top: 0px; text-align: left; left: 0px;

}

#menu {

width: 808px; height: 52px; background-image: url(../img/layout/menu.jpg); position: absolute; top: 129px; text-align: left; left: 0px;

}

#menu ul {

position: absolute; left: 15px; top: 8px; &top: 13px;

}

#menu ul li {

display: inline; font-family: Arial; font-size: 12px; font-weight: bold; color: #fff;

}

#menu ul li a {

color: #fff; text-decoration: none; font-size: 11px; text-transform: uppercase;

}

#menu ul li a:hover {

color: #fff; text-decoration: underline;

}

#footer {

width: 100% height: 175px; background-image: url(../img/layout/footer.jpg); padding-bottom: 50px;

}

/* ------------------------------------------------- */ 



#skupinadiv .oesotable {

	

	margin-left: 10px;

}

.oesotable {

	border-collapse: collapse;

	margin-bottom: 15px;

}

.oesotable tr td {

	 border: 1px solid #000; font-size: 11px; padding: 5px;

}

.oesotable tr th {

	 border: 1px solid #000; font-size: 11px; padding: 5px; background-color: #004677; color: #fff; font-weight: bold;

}





.vybratskupinu {text-align: right; margin-top: 80px;}

.vybratskupinu li {

display: inline;

}

.vybratskupinu li a {

text-decoration: none; 

}

.vybratskupinu li a img {

border: 0;

}

.vybratskupinu li #span1 {

font-size: 11px; position: relative; top: -30px; left: 90px;

}

.vybratskupinu li #span2 {

font-size: 11px; position: relative; top: -20px;

}



#videa {

	text-align: center;

}