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

    General Selectors

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

body {font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 75%; color: #262828; background: #fff url(../layout/bodyBack.jpg) no-repeat top center; text-align: center; margin: 0; padding: 0;}



ul, ol, li, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0;}

form, input, select, textarea, table, tr, td, th  { font-size: 100%; font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; }

img {border: none;}




h1 { font-family: Cambria, Georgia; font-weight: normal; color: #ff7f18; font-size: 220%; text-align: right; padding-top: 0; margin-top: -30px; background: url(../layout/shadowTop.png) no-repeat 0 34px; padding-bottom: 34px; margin-bottom: -25px;}


h2 { font-family: Verdana; color: #1b8cc7; font-size: 1.4em; font-weight: normal; margin-top: 14px;}

h3 { color: #41b02c; font-size: 1.4em; font-family: Verdana; margin: 5px 0 5px 0; font-weight: normal;}




.clear { clear: both; height: 1px; background: transparent;}

.nobo {border: none;}

.logoSkoly {margin-left: 50px;}


.ac {text-align: right;}
.cursor {cursor: pointer;}

/****************************************************************/

/*         border: 1px solid red;        /*

/****************************************************************/


#kabat { width: 935px; margin: 0 auto; text-align: left; margin-bottom: 80px;}

.topLeft { width: 368px; height: 108px; margin: 2px 0 0 40px; } 

#mainTop { position: absolute; width: 935px; height: 35px; background: url(../layout/backMainTop.png) no-repeat; margin-top: -18px; z-index:1; #margin-bottom: 12px;}
* html #mainTop { margin-top: -18px; }


#main { width: 935px; background: url(../layout/backMain.png) repeat-y; margin-top: 12px; position: relative;}
    
    .podMain { width: 100%; height: 100%; background: url(../layout/logoSmall.png) no-repeat bottom right;}

#mainBottom { width: 935px; height: 38px; background: url(../layout/backMainBottom.png) no-repeat; }

#leftColumn { width: 197px; float: left; margin: 10px 0 0 30px; }
* html #leftColumn { margin-left: 15px;}

#rightColumn { width: 650px; float: left; margin: 10px 0 0 20px; text-align: left; padding-bottom: 80px; }
    
    #rightColumn p { line-height: 1.7; font-size: .9em;}
    
    #rightColumn p a {color: #e87300;}
    #rightColumn p a:hover {color: #2489e2;}

    
    
    
    
    
    
    
/****************** menu **************************/

.navTop {width: 197px; height:50px; background: url(../layout/menuTop.png) no-repeat;}

.navBottom {width: 196px; height:21px; background: url(../layout/menuBottom.png) no-repeat;}

.nav {width: 197px; background: url(../layout/menuBack.png) repeat-y; padding-bottom: 10px; text-align: left;}

    .nav ul { list-style-image: url(../layout/liBlue.gif); margin-left: 30px; font-family: Georgia;}
    .nav ul ul { list-style-image: url(../layout/liOrange.gif); margin-left: 20px; font-family: Georgia;}
    
    .nav li { padding: 5px 0;}
    
    .nav li a { text-decoration: none; color: #34383a;}
    .nav li a:hover { text-decoration: underline; color: #008abd;}
    

#paticka { width: 890px; margin: 0 auto; font-size: .85em; line-height: 1.5; margin-top: -10px; }
* html #paticka { margin-left: 22px;}
    .patickaLeft { float: left; width: 400px; text-align: left;}

    .patickaRight { float: right; width: 400px; text-align: right;}
        
        .patickaRight a { color: #1673ac;}
        .patickaRight a:hover { color: #ff7f18;}
        
        .anythingIco { margin-bottom: -12px; padding-left: 4px;}
        * html .anythingIco {height: 31px; }
    


.fotka { position: absolute; width: 495px; height: 331px; z-index: 10; background: url(../layout/fotka.png) no-repeat; margin-left:435px; margin-top: -120px;}
* html .fotka {margin-left: 440px;}

.randomPhoto { margin: 20px 0 0 20px; }



.nahFoto { width: 196px; height:224px; background: url(../layout/backNahodneFoto.jpg) no-repeat; margin: 20px 0;}

.nahFotoText { padding: 5px 0 0 40px; font-size: .9em; font-family: Verdana;}
    .nahFotoText a { color: #ff7f18;}
    .nahFotoText a:hover { color: #2489e2;}

.fotoGalerka { margin: 3px;}

.imgGalery { width: 60px; height: 60px; float: left; margin: 0 10px 5px 0; border: 1px solid #E0E0E0; padding: 3px;}
    .imgGalery:hover {border: 1px solid #2489e2;}


.vypisGal { width: 50%; float: left;}









/***************** nástěnka ***********************/

.nastenka { margin-bottom: 30px;}

.nastenka .nadpis {float: left; width:540px; font-family: Georgia; color: #2489e2; font-size: 1.4em; padding-top: 8px;  }

    .nastenka .nadpis a {color: #2489e2; text-decoration: none;}
    .nastenka .nadpis a:hover {color: #e87300; text-decoration: underline;}
    

.nastenka .datum { float: right; text-align: center; width: 87px; height: 20px; background: url(../layout/backDatum.jpg) no-repeat; font-size: .85em; padding-top: 8px; margin-bottom: 4px;}
* html .nastenka .datum { height: 28px;}


.nastenka p { margin-top: 4px;}

.obrazekNastenka { float: right; border: 1px solid #e0e0e0; padding: 4px; margin-left: 10px;}
    .mb10 {margin-bottom: 10px;}

.nastenka .soF { margin-bottom: -8px;}








/******************* stránkování **********************/

.strankovani { background: url(../layout/shadowBottom.png) no-repeat top; padding-top: 40px;}

    .strankovani .strL {float: left; width: 90px; text-align: left;}
    .strankovani .strC {float: left; width: 470px; text-align: center; margin-top: 8px;}
        .strankovani .strC a { background: #e5e6e6; color: #4c4d4d; padding: 2px 3px; margin: 0 2px; text-decoration: none; }
        .strankovani .strC a:hover { background: #fff2b8; }
    
    .strankovani .strR {float: right; width: 90px; text-align: right;}






    
/******************* kontaktni formular ****************/

.form {margin: 20px 0; font-size: .9em;}    

.form label { width: 120px; font-weight: bold; float: left; text-align: right; padding-right: 5px; margin-top: 8px;}


.form .inputF { padding: 8px; width: 400px; border: 1px dashed #D0D0D0; margin-bottom: 5px; font-size: 1.1em; font-family: Verdana;}

.form .btnOdeslat { width: 60px; height: 25px; margin-left: 480px; cursor: pointer;}







/******************** hlasky ***************************/

.hlaskaOK, .hlaskaError { width: 610px; padding: 10px 0 10px 40px; border-top: 1px solid #ffed9b; border-bottom: 1px solid #ffed9b; margin-top: 10px;}

    .hlaskaOK { background: #fffbe8 url(../layout/hlaskaOK.png) no-repeat left;}

    .hlaskaError { background: #fffbe8 url(../layout/hlaskaError.png) no-repeat left;}