html, body {
font-family: Myriad Pro, Helvetica, Arial;
font-size: 90%;
}

#main { /* definování velikosti celý stránky a zarovnání */
width: 986px;
margin: auto;
padding-top: 0px;
position: relative;
}

#mainText {	  /* definování hlavního paragrafu pro text */
margin-top: 20px;
margin-bottom: 10px;
width: 986px;
}


#mainText #mainTextTop { /* vrchní část bloku textu s obrázkem v pozadí se zaoblenými rohy */
padding: 6px 25px 4px 25px;
background: url(images/main-top.png) no-repeat top left;
font-family: Myriad Pro, Helvetica, Arial;
font-size: 100%;
color: black;
clear: both;
letter-spacing: 0.5px;
}

#mainText #mainTextTop #home-picture {
margin-left: -11px;
padding-top: 40px;
}

#mainText #mainTextTop #muj-pribeh-header {
margin-left: -12px;
margin-top: -40px;
}

#mainText #mainTextTop h4 { /* definování parametrů nadpisů h4 */
color: black;
font-size: 120%;
position: relative;
top: -5px;
margin-bottom: 0px;
font-weight: lighter;
}

#mainText #mainTextTop h3 { /* definování parametrů nadpisů h3 */
color: black;
position: relative;
top: -5px;
margin-bottom: 0px;
font-size: 140%;
}

#mainText #mainTextTop h2 { /* definování parametrů nadpisů h2 */
color: #4c4c4c;
position: relative;
top: -5px;
margin-bottom: 0px;
font-weight: lighter;
}

#mainText #mainTextTop h1 { /* definování parametrů nadpisů h1 */
color: #4c4c4c;
position: relative;
top: -5px;
margin-bottom: 0px;
font-weight: lighter;
font-size: 230%;
}

#mainText #mainTextTop .pribeh { 
font-size: 120%;
}

#mainText #mainTextTop .podpis { 
font-size: 120%;
color: gray;
}

/* definice odkazů pro horní část stránek */

#mainText #mainTextTop a { 
color: #3677cc;
text-decoration: none;
}

#mainText #mainTextTop a:hover { 
color: ##3677cc;
text-decoration: underline;
}

#mainText #mainTextBottom { /* spodní část bloku textu s obrázkem v pozadí se zaoblenými rohy */
padding: 25px 30px 20px 30px;	  
background: url(images/main-bottom.png) no-repeat bottom left;
font-family: Myriad Pro, Helvetica, Arial;
font-size: 100%;
color: black;
clear: both;
letter-spacing: 0.5px;
}

#mainText #mainTextBottom h4 { /* definování parametrů nadpisů h4 */
color: black;
font-size: 120%;
position: relative;
top: -5px;
margin-bottom: 0px;
font-weight: lighter;
}

#mainText #mainTextBottom h3 { /* definování parametrů nadpisů h3 */
color: black;
position: relative;
top: -5px;
margin-bottom: 0px;
font-size: 140%;
}

#mainText #mainTextBottom h2 { /* definování parametrů nadpisů h2 */
color: #4c4c4c;
position: relative;
top: -5px;
margin-bottom: 0px;
font-weight: lighter;
}

#mainText #mainTextBottom h1 { /* definování parametrů nadpisů h1 */
color: #4c4c4c;
position: relative;
top: -5px;
margin-bottom: 0px;
font-weight: lighter;
font-size: 230%;
}

/* definice odkazů pro spodní část stránek */

#mainText #mainTextBottom a { 
color: #3677cc;
text-decoration: none;
}

#mainText #mainTextBottom a:hover { 
color: ##3677cc;
text-decoration: underline;
}

#home { /* odkaz na titulní stránku */
font-size: 90%;
text-align: right;
margin-bottom: -10px;
}

#skoly {
padding: 25px 30px 20px 30px;
margin: 0 -18px 20px -12px;	  
background: url(images/skoly-pozadi.png) no-repeat bottom left;
font-family: Myriad Pro, Helvetica, Arial;
clear: both;
color: white;
}

#skoly-tabulka { 
width: 120px;
text-align: center;
}

#skoly-tabulka td { 
padding-right: 20px;
}

#mainText #mainTextTop #skoly .popis-odkazu a { 
color: white;
text-decoration: none;
font-size: 90%;
}

#mainText #mainTextTop #skoly .popis-odkazu a:hover { 
text-decoration: underline;
}

.pribeh { 
font-size: 120%;
}

.podpis { 
font-size: 120%;
color: gray;
}


#footer { /* definování patičky stránek */
clear: both;
font-family: Myriad Pro, Helvetica, Arial;
font-size: 90%;
color: #8B8D8F;
text-align: center;
margin-top: -20px;
}


/* čtyři boxy na hlavní stránce */
.boxes { 
display: block;
padding: 0;
margin-left: -5px;
width: 1000px;
overflow: hidden; 
}

.boxes li {
width: 230px;
height: 100px;
display: block;
float: left;
margin-right: 6px;
list-style: none;  
}

.boxes li .ctvrty {
margin-right: 0;
}

.boxes li .content {
height: 100px;
font-family: Myriad Pro, Helvetica, Arial;
color: black;
font-size: 80%; 
padding: 10px 5px 5px 10px;
}

.boxes img {
padding-right: 10px;
}

.boxes li.prvni .content {
background:url(images/part.png) no-repeat;
}

.boxes li.prvni .content:hover {
background:url(images/part-over.png) no-repeat;
}

.boxes li.druhy .content {
background:url(images/part.png) no-repeat;
}

.boxes li.druhy .content:hover {
background:url(images/part-over.png) no-repeat;
}

.boxes li.treti .content {
background:url(images/part.png) no-repeat;
}

.boxes li.treti .content:hover {
background:url(images/part-over.png) no-repeat;
}

.boxes li.ctvrty .content {
margin-right: 0px;
background:url(images/part.png) no-repeat;
}

.boxes li.ctvrty .content:hover {
margin-right: 0px;
background:url(images/part-over.png) no-repeat;
}

.boxes .content a {
text-decoration:none;
font-family: Myriad Pro, Helvetica, Arial;
color: black;
font-size: 80%; 
}

.boxes .content .info {
font-size: 120%;
color: gray;
}

.boxes .content .nadpis {
font-size: 120%;
}

.boxes .content .info a {
font-size: 150%;
color: #3677cc;
}

.boxes .content .info a:hover {
text-decoration: underline;
}

.boxes .vice {
color: gray;
text-align: right;
font-size: 110%;
}

/* konec definování pro boxy */

/* Monday Chill-outs */
#mco {
width: 961px;
height: 42px;
background: url(images/monday-chill-out.png) no-repeat;
margin-left: -12px;
}

#mco:hover {
background: url(images/monday-chill-out-mo.png) no-repeat bottom left;
margin-left: -12px;
}
/* konec Monday Chill-outs */