@charset "utf-8";
/* CSS Document */
body
{
margin: 0;
margin-top: 10px;
padding: 0;
font-size: 14px;
text-align: center;
font-family: Trebuchet, arial, helvetica, sans-serif;
background-color:#240000;
background-image: url(../i/back-cedera.gif);
}

p
{
text-align: justify;
color: #717171;
}

h1 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #4B9BDA;
	font-weight:bold;
}
h2 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight:bold;
	text-align:left;
}
h3 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #25577C;
	font-weight:bold;
	text-align:left;
}
h4 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight:bold;
	text-align:left;
}

.style3 {font-size: 16px}

.style1 {font-size: 12px}

.style4 {font-size: 14px; color: #000000;}

li {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4B9BDA;
	font-weight:normal;
	text-align:left;
	line-height: 20px;
}
ul {
	list-style-type: square;
	line-height:14px;
	margin-top:0px;
	margin-bottom:18px;
}
ol {
	list-style-type:decimal;
	line-height:14px;
	margin-top:0px;
	margin-bottom:18px;
}

/* Hlavne rozdelenie webu: */
/* hlavny div v ktorom je obsah, aby nebol text v ostatnych divoch zarovnany na stred je pouzite pravidlo text align left !*/
#container
{
width: 990px;

/* vycentrovanie dokumentu na stred pomocou margin auto a odsadenie zhora a zdola */
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
text-align: left;
background-color:#fff;
/* farba textu */
color: #333;
border: 0px solid gray;
/* vyska textu pre zlepsenie citatelnosti, plati pre vsetky divy vo vnutri divu container */
line-height: 130%;
}

#logo
{
float:none;
height: 74px;
padding: 0px;
margin: 0px;
background-color: #fff;
}

/* div hlavicka, odsadenie obsahu, pozadie a okraj */
#header
{
height: 41px;
padding: 99px 0px 0px 50px;
background-color: #fff;
background-image: url(../i/cedera-plus-menu.jpg);
}

/* aby bolo odsadenie tagu h1 v hlavicke 5em je dobre odstranit margin a padding preto su tam nuly ! */
#header h1
{
padding: 0;
margin: 0;
font-size: 14px;
}

/* ohbsah div, kedze momentalne nam text v tomto dive obteka zlava div left, pre dosiahnutie ulozenia divu vedla left nav divu je
pouzity margin left 200px, cize div content je vzdialeny 200px od divu left nav. to iste plati pre odsadenie od right nav. je este
pouzity okraj zlava a sprava na content dive. ak by bol obsah v left nav alebo right nav dlhsi je lepsie pouzit tento okraj
v left nav popripade right nav. odsadenie textu v dive zabezpeci padding 1em. */
#content
{
float:right;
display: block;
width: 930px;
height: ;
padding: 20px 30px 10px 30px;
border: 0px solid gray;
background-color: #fff;
}

/* pre div footer je potrebne pouzit parameter clear both - bude to udrziavat div footer na spodku od elementov nad nim. */
#footer
{
display: block;
height: 60px;
margin: 0px;
clear: both;
padding: 8px 0px 0px 15px;
font-size: 12px;
color: #4B9BDA;
background-color: #CFCFCF;
}

/* Ostylovanie obrazkov: */
/* chceme aby bol image zarovnany doprava, pouzimave class! lebo sa toto pravidlo opakuje.
margin odsadenie bottom a left odobrazku. border 1px ale chceme ho mat odsadeny tak pouzijeme padding.
d html kode je pouzity div ktory cita class float right - takze width 100 je sirka tohoto divu !! CAPTION*/
.floatleft
{ 
float: left; 
width: 110px;
margin: 0 10px 10px 0;
font-size: 10px;
font-weight: bold;
text-align: center;

/* pozadie divu: */
background-color: #846347;

/* okraj pre div ktory pouziva class floatright */
border: 0px solid #999;
padding: 5px 0px 0px 0px;
}

/* okraj pre obrazok ktory je v dive floatright */
div.floatleft img { border: 0px solid #fff; }
/* vacsina browserov ma nastaveny top margin na 1em, cize nelicije text s obrazkom ktory je vedla. preto je pouizty margin top 0.
plati ale len pre prvy paragraf ostatne budu mat stale top a bottom margin 1em */
p { margin-top: 0; }


a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #4B9BDA;
    font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #000;
}

/*link na footer */

#footer a:link {
	color: #4B9BDA;
	text-decoration: none;
}
#footer a:visited {
	color: #4B9BDA;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}
#footer a:active {
	color: #4B9BDA;
	text-decoration: none;
}

/*link na songs */

a.songs:link {
	color: #660000;
	text-decoration: underline;
	font-weight: bold;
}
a.songs:active {
	color: #660000;
	text-decoration: none;
}
a.songs:visited {
	color: #660000;
	text-decoration: none;
}
a.songs:hover {
	color: #000;
	text-decoration: underline;
}

#kontakt
{
padding:  0px 40px 0px 0px;
font-size: 12px;
font-weight: normal;
text-align: center;
}

#obsah2 
{
	width:890px;	
    height:410px;
	overflow: auto;
	padding:  0px 15px 15px 0px;
	SCROLLBAR-FACE-COLOR: #4B9BDA;
    SCROLLBAR-HIGHLIGHT-COLOR: #4B9BDA;
    SCROLLBAR-SHADOW-COLOR: #3C1202;
    SCROLLBAR-3DLIGHT-COLOR: #3C1202;
    SCROLLBAR-ARROW-COLOR: #FFF; 
    SCROLLBAR-TRACK-COLOR: #4B9BDA; 
    SCROLLBAR-DARKSHADOW-COLOR: #4B9BDA;
	
}
.border 
{
	border: 3px solid #D6D6D6;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.referencie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4B9BDA;
	font-weight:bold;
	text-align:center;
	background-color: #E7E7E7;
}
.borderright {

	border: 3px solid #A4CBEC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.border-ref {

	border: 5px solid #4B9BDA;
}
.border-reftenky {


	border: 2px solid #FFFFFF;
}
.referencienadpis {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B9BDA;
	font-weight:bold;
	text-align:center;
}
.border-refer {

	border: 3px solid #D6D6D6;
}