html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
	font-family: Arial, Helvetica , sans-serif;
	font-size: 90%;
	line-height:1.4;
	color: #000000;
	margin:0;
	padding:0;
	background:#ffffff;
	background-image: url(images/letmod_bgn_sv.png);
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
color:#000080;
margin:0.4em 0 0.3em 0; 
padding:0 0 0 0; 
letter-spacing:normal;
}

h1 {font-size: 117%; 	letter-spacing:0.1em;}
h1 {font-size: 135%; 	letter-spacing:0.1em;}
h2 {font-size: 115%;}
h3 {font-size: 112%;}
h4 {font-size: 109%;}
h5 {font-size: 100%;}
h6 {font-size: 95%;}

p {
margin:0 0 0.2em 0;
padding: 0;
font-size:80%;
}

ul {
margin:0;
padding: 0 0 0 1em;
}

li {
list-style-type: none;
font-size:80%;
padding: 0 0 0.3em 0;
}

a:link, a:visited{
text-decoration:none; 
}

h1 a:link, p a:link{
color:#000080;
text-decoration:none; 
border-bottom: 1px dotted #EBFFEB;
}

h1 a:visited, p a:visited{
color:#000080;
text-decoration:none; 
border-bottom: 1px dotted #EBFFEB;
}

h1 a:hover, p a:hover{
color:#8080FF;
text-decoration:none; 
border-bottom: 1px solid #8080FF;
}

a img { 
border:none; 
}

hr {
height:1px;
width: 75%;
color:#F0E3F0;
text-align: center;
}

hr.cleaner {
clear:both; 
height:1px; 
margin: -1px 0 0 0; 
padding:0; 
border:none; 
visibility: hidden;
}


#cidlo img {
margin:0;
padding:0;
float:left;
}

.kulrohy10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.kulrohy {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#ram {
width: 70em; 
width: 90%;
margin: 0.5em auto 0.5em auto;
padding:0.5em 0 0 0.5em;
background-color:#ffffff; 
border-left: 1px solid #DDDEFF;
border-right: 1px solid #DDDEFF;
border-bottom: 1px solid #DDDEFF;
}


#hlavni {
width: 70em; 
width: 90%; 
height:100%;
clear:both;
margin:5px 0 0 0;
}


.blok {
width:45%;
height:210px;
margin:5px 5px 5px 5px;
padding:5px;
float: left;
border:solid 1px #DDDEFF;
float:left;
text-align:center;
}

.blok h1 {
margin:5px 0 7px 0;
padding:0 0 0 0;
line-height:normal;
text-align:center;
text-transform: lowercase;
}

.blok h5, .blok h6{
margin:0 0 0 0;
padding:0 0 0 0;
}

.per{
margin:-5px 0 5px 0;
padding:0 0 0 0;
}

.vzorek {
margin-bottom:0.4em;
padding:0 1em 0.5em 1em;
}

#spodni .blok{
width:100px;
margin: 0 0 0 0;
padding:0 5px;
float: left;
border:solid 1px #ffffff;
}


#rcxxl a:link, #rcxxl  a:visited, #rcxxl h1, #rcxxl h5, #rcxxl h6, #rcxxl p.per{
color:#244686;
}


#spektrum a:link, #spektrum  a:visited, #spektrum h1, #spektrum h5, #spektrum h6, #spektrum p.per{
color:#526e52;
}

#nesvacily a:link, #nesvacily  a:visited, #nesvacily h1, #nesvacily h5, #nesvacily h6 p.per{
color:#000084; 
}

#letmod a:link, #letmod  a:visited, #letmod h1, #letmod h5, #letmod h6 p.per{
color:#000084; 
}


#hangar a:link, #hangar  a:visited, #hangar h1, #hangar h5, #hangar h6, #hangar p.per{
color:#0C7A0C;
}

#inspirace a:link, #inspirace a:visited, #inspirace h1, #inspirace h5, #inspirace h6 , #inspirace p.per{
color:#751A76;
}

#galerie a:link, #galerie  a:visited, #galerie h1, #galerie h5, #galerie h6, #galerie p.per{
color:#AA8D34;
}

#kalendar a:link, #kalendar  a:visited, #kalendar h1, #kalendar h5, #kalendar h6, #kalendar p.per{
color:#008080;
}

#odkazy a:link, #odkazy  a:visited, #odkazy h1, #odkazy h5, #odkazy h6, #odkazy p.per{
color:#800000;
}

#letmod {
background-image: url(images/letmod_bgn_m.png);
background-position: top;
background-repeat: repeat-x;
}


#odkazy {
background-image: url(images/odk_bgnd_m.png);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #F2DCDC;
}



#kalendar {
background-image: url(images/bgn_kal_m.png);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #DDF0F0;
}



#galerie {
background-image: url(images/gal_bgnd_m.png);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #E4DABD;
}



#inspirace {
background-image: url(images/nm_bgnd_m.png);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #F0E3F0;
}



#hangar {
background-image: url(images/han_bgnd_m.png);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #E2F0E2;
}



#eac {
background-image: url(images/bgn_eac_m.png);
background-position: top;
background-repeat: repeat-x;
border: solid 1px #DCDCB8;
}



#nesvacily {
background-image: url(images/letmod_bgn_m.png);
background-position: top;
background-repeat: repeat-x;
}



#spektrum {
background-image: url(images/bgn_src_m.png);
background-position: top;
background-repeat: repeat-x;
border:solid 1px #d5e5d5;
}



#rcxxl {
background-image: url(images/letmod_bgn_m.png);
background-position: top;
background-repeat: repeat-x;
}



#letmod a:hover,#odkazy a:hover, #kalendar a:hover,#galerie a:hover,#inspirace a:hover,#hangar a:hover,#eac a:hover,#nesvacily a:hover,#spektrum a:hover,#rcxxl a:hover{
color:#8080FF;
border-bottom: 1px solid #8080FF;
}



#pat {
clear:both; 
margin: 0 auto 0.5em auto;
width: 770px;
	height:3em;
text-align:center; 
padding:0; 
}

#pat ul {
font-size:75%; 
padding:0.5em 0 0.5em 0; 
	margin:0 0 0.6em 0;
}

#pat li {
display:inline;  
padding:0 1em 0 0; 
	margin:0 0 0.6em 0;
}

#stredni img{
margin-left:10px;
margin-bottom:5px;
}