/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #E3E7ED url(../images/img01.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}

h1, h2, h3 {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000044;
}

h1 {
	font-size: 2em;
}

h1 span { font-size: 0.6em; }

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.6em;
}

ul, ol {
	margin-top: 0;
	line-height: 180%;
}

p {
	margin-top: 0;
	line-height: 155%;
	text-align: justify;
}

ul, ol {
}

a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #417FDA;
}

a:hover {
}

#wrapper {
	width: 968px;
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header {
	width: 968px;
	height: 150px;
	margin: 0 auto;
  background: url("../images/img12.jpg") repeat-y scroll left top transparent;
}

#pozadi {
    float: right;
    width: 950px;
    height: 139px;
    margin: 0 10px auto;
    background: url(../images/logoEU-final.jpg) no-repeat right top;
}

#pozadi div.textSkoly {
    text-align: center;
    padding-top: 20px;
    width: 296px;
    height: 110px;
    
}

#pozadi div.textSkoly h1, h2 {color: #000044; font-family: 'Times New Roman, serif'; font-weight: bold;}
#pozadi div.textSkoly h1 {font-size: 3em;}

/* Logo */

#logo {
	float: left;
	width: 968px;
	height: 60px;
	color: #616161;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	float: left;
	padding: 80px 0 0 80px;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 2.6em;
}

#logo p {
	float: left;
	margin: 0;
	padding: 90px 10px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #616161;
}

/* Search */

#search {
	float: right;
	width: 230px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 70px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 210px;
	border: none;
	text-transform: lowercase;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}



/* Menu */

#menu {
	width: 968px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}

#menu ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	list-style: none;
	line-height: normal;
}

#menu ul li {
	float: left;
	height: 50px;
	background: url(../images/img03.gif) no-repeat right top;
}

#menu ul li a {
	display: block;
	margin-top: 10px;
	margin-right: 3px;
	padding: 7px 20px 7px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: none;
}


#menu ul li ul li a:hover, #menu ul li a.current {
    color: black;
    background: #E3E7ED;
    text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}


#menu ul li ul {
    margin-top: 10px;
    position: absolute;
    visibility: hidden;
    padding: 0;
    list-style-type: none;
    display: block;
    background: #034895;
    border: 1px solid black;
    border-top: none;
}



#menu ul li ul li {
    float: none;
    padding: 0;
    padding-bottom: 2px;
    white-space: nowrap;
    display: block;
    height: 30px;
    background: #034895;
}

#menu ul li ul li a {
    display: block;
    float: none;
    color: #ffffff;
    margin-top: 7px;
    margin-right: 0;
    padding: 7px 20px 0px 20px;
    height: 25px;
    width: 140px;
    text-align: left;
    text-decoration: none;
}


#menu li:hover ul {
    visibility: visible;
}


/* Page */

#page {
	width: 968px;
	margin: 0 auto;
	background: url(../images/img05.jpg) repeat-y left top;
}

#page-bgtop {
	background: url(../images/img04.jpg) no-repeat left top;
	height:60px;
}


#page-bgtopSearch {
	padding: 8px 20px 0 20px;
	margin: 0;
	text-align: right;
}

#page-bgtopSearch button.tlacitko { font-size: 9px; font-weight: bold; width: 30px;}
#page-bgtopSearch input.fraze { font-size: 10px; width: 140px; }


#nazev-projektu {
    text-align: center;
    font-size: 14px;
}

#page-bgbtm {
	background: url(../images/img06.jpg) no-repeat left bottom;
}

/* Content */

#content {
	float: left;
	width: 700px;
}

#content-in {
	
  margin: 0 0 20px 0;
  padding: 0 20px 0 20px;
  /*border-right: 1px solid #2D3541;*/
}



/* Sidebar */

#sidebar {
	float: right;
	width: 268px;
	color: #787878;
  	
	
}

#sidebar-in {

  padding: 0 20px 0 0;
  margin: 0 0 20px 0; 
   
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul.mainUl {
  margin: 0 0 0 28px;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dashed #D2D4C9;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	height: 32px;
	padding: 8px 0 0 30px;
	margin:0;
	background: url(../images/img11.gif) no-repeat left top;
	letter-spacing: -.5px;
	color: #FFFFFF;
}

#sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}

#sidebar a {
	color: #417FDA;
	border: none;
}

#sidebar input.checkbox {
	
  
  _float: left;
  _margin: 7px 0 0 0;
  _padding:0;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #787878;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #B2B2B2;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #3D444F;
}



.printEr {color: red; margin: 14px 0; padding: 5px 0; }
.printOk {color: green; margin: 14px 0; padding: 5px 0; }


/*prihlašovací formulář, info o přihlášeném uživateli*/
.userLogin { text-align: center; font-size: 10px; padding: 6px 3px 3px 3px; border: 2px solid #034895; margin: 0 0 25px 0;}
.userLogin .userName { font-size: 12px; font-weight: bold; margin:0; padding:0; } 
.userLogin form { margin:0; padding:0; }
.userLogin table { border-collapse: collapse; width: 100%; margin:0; padding:0; }
.userLogin table th, td { text-align: left; vertical-align: top; padding: 1px 0; }
.userLogin table th { width: 40px; }
.userLogin table td.vstup input { width: 135px; font-size: 11px; border: 1px solid rgb(0,153,255);  }
.userLogin table td.tlacitko { text-align: center;  }
.userLogin table td.tlacitko input { width: 70px; font-size: 11px; font-weight:bold; }
.userLogin a { color: rgb(0,153,51); font-weight: bold; }
.userLogin a:hover { color: #034895; }

/*drobečková navigace*/
.divDrobeckovaNavigace { font-size: 11px; margin: 2px 0 15px 0; padding: 3px 0; border-top: 1px dashed #2D3541; border-bottom: 1px dashed #2D3541;}
.divDrobeckovaNavigace a {color: rgb(0,0,0); text-decoration: none; border-bottom: none;}
.divDrobeckovaNavigace a:hover {color: rgb(255,0,0); }
.divDrobeckovaNavigace a.aktiv {color: rgb(0,0,0); font-size: 11px; font-weight: bold; text-decoration: none; }
.divDrobeckovaNavigace a.aktiv:hover {color: rgb(0,0,0); font-weight: bold; text-decoration: none; }


/*styly pro registracni formulare*/
table.regFormular { text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-weight: normal; font-size: 11px; color: white; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; }
table.regFormular td { color: #313131; padding: 4px; text-align: left; border: 1px #fff solid; }
table.regFormular td.lhead { background-color: #E3E7ED; width: 175px; font-weight: bold; }
table.regFormular td.linkhead { background-color: #E3E7ED; font-weight: bold; text-align: center;}
table.regFormular td.head { background-color: #034895; color: white; padding: 4px; text-align: left; border-bottom: 2px white solid; font-size: 12px; font-weight: bold; }
table.regFormular td.submit { background-color: #034895; padding: 10px 4px 7px 4px; text-align: center; }
table.regFormular input.vstup, select.vstup { width: 300px; }
table.regFormular input.vstupDatum { width: 160px; }
table.regFormular input.vstupHodina { width: 90px; }
table.regFormular .formDate {font-size: 9px; font-weight: normal; }

table.regFormular input.vstup_pocet_krizovka { width: 30px; }
table.regFormular textarea.vstup { width: 300px; height: 100px; }
table.regFormular input.vstup_calendar { width: 280px; }
table.regFormular td.bunkaProTabulku {padding:0; margin:0;}
table.regFormular td #generovanaTabulka {margin:0; padding:0; border: 2px solid #E3E7ED; overflow:auto; width:580px; max-height: 200px; }
table.regFormular td #generovanaTabulka .erText {margin:0; padding: 5px 5px; color: red;}

table.regFormular td #generovanaTabulka table { width:100%; }
table.regFormular td #generovanaTabulka table td { padding: 5px 5px; background: #E3E7ED; font-size: 80%; text-align: center; }

table.regFormular td #generovanaTabulka table td input.vstup_krizovka { font-size: 110%; text-align: center; width:30px; }




table.vypisFormular { width:650px; border: 1px solid rgb(0,0,102); text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-weight: normal; font-size: 11px; color: white; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; }
table.vypisFormular td { color: #313131; padding: 4px; text-align: left; border: 1px #fff solid; }
table.vypisFormular td.lhead { background-color: #E3E7ED; width: 20%; font-weight: bold; }
table.vypisFormular td.linkhead { background-color: #E3E7ED; font-weight: bold; text-align: center;}
table.vypisFormular td.head { background-color: #034895; color: white; padding: 4px; text-align: left; border-bottom: 2px white solid; font-size: 12px; font-weight: bold; }
table.vypisFormular td.submit { background-color: #034895; padding: 10px 4px 7px 4px; text-align: center; }
table.vypisFormular td.bunkaProTabulku {padding:0; margin:0;}
table.vypisFormular td #generovanaTabulka {margin:0; padding:0; border: 2px solid #E3E7ED; overflow:auto; width:650px;}
table.vypisFormular td #generovanaTabulka .erText {margin:0; padding: 5px 5px; color: red;}

.ukazOkPc {color: green; font-weight: bold; font-size: 20px; }
.ukazOk {color: green; font-weight: bold; font-size: 20px; }
.ukazEr {color: red; font-weight: bold; text-decoration:line-through; font-size: 14px; }
.ukazDiv {border: 1px solid #000; width: 29px; height: 29px; text-align: center;}

table.zobrazovanaDoplnovacka {margin: 5px 20px 20px 20px; }
table.zobrazovanaDoplnovacka td.veta {font-size: 17px; font-weight:normal; }
table.zobrazovanaDoplnovacka input {border: none; text-align: left; color: green; border-bottom: 1px solid black; font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
 
/*table.zobrazovanaKrizovka {margin: 5px 20px 20px 20px; }*/

#cboxLoadedContent {padding: 10px 10px; }
#cboxLoadedContent h3 {text-align: center; }
table.zobrazovanaKrizovkaNadpis { width: 100%; }
table.zobrazovanaDoplnovackaNadpis { width: 100%; }
/*#cboxLoadedContent table.zobrazovanaKrizovka {_text-align: center; margin: 0 auto; padding: 0; }*/
.textZobrazovanaKrizovka p {font-size: 12px;}        
.textZobrazovanaKrizovka strong {font-size: 12px; font-weight: bold; }
.textZobrazovanaKrizovka ul {margin: 0; padding: 0 0 0 15px;}
.textZobrazovanaKrizovka ul li {font-size: 12px;}

img.ilustracniObr {height: 100px; float: right; padding: 5px 5px 5px 0; }
tr.krizovkaHead td {background: #034895!important; font-weight: bold; color: white; vertical-align: middle; }
td.bunka_vstup_otazka { text-align: left!important; padding: 5px 7px; background: #E3E7ED; font-size: 13px; }
td.bunka_vstup_krizovka, td.bunka_vstup_tajenka { text-align: left!important; text-align:center!important; width: 30px; height: 30px; }
td.bunka_vstup_krizovka input { font-size: 20px; width: 28px; height: 28px; border: 1px solid black; text-align: center; }
td.bunka_vstup_krizovka input.tajenka { border: 1px solid rgb(0,0,102); background: #034895; color: rgb(255,255,255);}
td.bunka_vstup_otazka input { font-size: 10px; width: 180px; }
td.odkazyZobrazeneKrizovky { padding: 10px 0 2px 0; text-align: center; font-weight: bold; font-size: 12px; }
td.odkazyZobrazeneKrizovky a { cursor: pointer; }



#strankovaciLista {text-align: center; border: 1px solid #000; background: #085485; color: #fff; margin: 2px 0 20px 0; }
#strankovaciLista div.div { padding: 2px 5px 4px 5px; }
#strankovaciLista a { color: #fff; font-size: 11px; font-weight: bold; }
#strankovaciLista a:hover { text-decoration:none; }
#strankovaciLista a.aktiv { color: rgb(204,0,0); text-decoration:none; }



.statistikySatelitu {margin: 0 0 10px 0; border-top:1px solid black; border-bottom:1px solid black;}
.statistikySatelituPod {padding: 5px 0 5px 0; }
h3.statistikySatelituNadpis {padding:0; margin: 15px 0 30px 0;} 



p.p-img {text-align: center; margin: 15px 0; padding: 0;}
p.p-img img {border: 2px solid #787878; width: 75%; }


a.nahledPexeso {cursor: pointer;}
a.nahledPexeso img {height: 25px;}
a.nahledPexeso:hover img {height: 80px;}