* {margin: 0; padding: 0}
html {overflow-y: scroll;}
img {border: 0;}
a {color: #000000; text-decoration: underline;}	
body {font-family: Arial, Helvetica, sans-serif; color: black; font-size: 10pt; background: url('../skola_web_grafika/background_hlavni.jpg') center top no-repeat;}

h1 {font-size: 1.35em; font-weight: bold; margin-bottom: 1em; text-transform: uppercase}
h2 {font-size: 1.1em; font-weight: bold; letter-spacing: 0em; margin-bottom: 1.1em; margin-top: 1.4em;}
p {line-height: 1.4em; margin-bottom: 1em; font-weight:normal; text-align: justify;}
ul {list-style-type: circle; line-height: 1.7em; margin-left: 1em;}
ol {list-style: upper-alpha; line-height: 1.7em; margin-left: 1.6em;}


#kontejner_A {width: 980px;background: #dadada; margin: 2.5em auto; border: solid 1px; color: #bfbfbf; background-color: #dadada; background: url('../skola_web_grafika/background_hlavni2.jpg') -4.5em -2.8em;}
#kontejner_B {width: 910px;background: white; margin: 2.5em auto; border: solid 1px; color: white;}
#kontejner_C {width: 900px; margin: 2.5em auto; background: url('../skola_web_grafika/pruh_background.gif') 0 0 repeat-y; color: black;}
/**#header {padding: 0em 1em 0em 1em;	background: url('header_backgro und.png') 0 0 no-repeat;}**/
.small-text {font-size: smaller;}
hr {margin: 1em 0 1em; border: none; background-color: #cacaca; height: 1px; }

/** MENU **/
#menu {float: left; padding: 0px 25px;}
#menu div.uroven1 {margin: 15px 0 14px;}
#menu div.uroven2 {margin: 10px 0 5px;}
#menu div.uroven3 div {margin: 0 0 3px;}
#menu div.uroven4 {margin: 15px 0 4px;}

/** HLAVNI TEXT **/
#hlavni-text, #hlavni-text-predmety, #hlavni-text-kontakty, #hlavni-text-organizace {float: left; width: 472px; padding: 0 20px 0 20px;}
#hlavni-text img {padding: 1.5em 1.5em 0 0;}
#hlavni-text-organizace p {text-align: left;}
#hlavni-text-predmety p span {font-weight: bold; text-align: left;}*//
#param_oboru {list-style-type: none; margin-left: 0; margin-bottom: 1em;}

/** PRUH **/
#pruh {float:left; width: 125px;padding: 0 15px 0 29px;}
#pruh img {padding-bottom: 0.8em; width: 125px;}
#pruh p {font-size: 0.80em; margin-bottom: 2em;	text-align:left; text-indent: 0;}
#pruh p:first-line  {font-style: italic;}
#pruh p#copyright {font-size: 0.70em; color: #8a8a8a; margin-bottom: 4em; text-align:left;}

/** ZAPATI **/
#zapati {padding: 25px 0 25px 230px; clear: both;}
#zapati p {font-size: 0.85em; font-style: italic; color: #8a8a8a; letter-spacing: 0.09em; text-indent: 0;}

/**INTRANET LOGIN FORM **/
#student_login p {font-size: 0.75em; text-indent: 0;}

/**FORMULARE SITE-WIDE **/
input {border : 1px solid #6a6a6a; width:132px; height: 18px; font-weight: bold;}
input:hover, #student_login input:active, #student_login input:focus {border : 1px solid black;}
input#OK {width: 19px; vertical-align: bottom;}
input#OK:hover {border : 1px solid black;}
textarea {border : 1px solid #6a6a6a;}

#eprihlaska {float: left; width: 468px; padding: 0 20px 0 20px; text-align: left; text-indent: 0;}
#eprihlaska p {text-indent: 0; margin: 1em 0 1em;}
#eprihlaska input.form1 {width: 150px; height: 21px; vertical-align: top;}
#eprihlaska input.form2 {width: 214px; height: 21px;}
#eprihlaska table {width: 468px;}
#eprihlaska table input {width: 218px; height: 18px; margin-right: 1.8em;}
#eprihlaska table td {padding: 0.5em 0 0.1em;}
#eprihlaska table td span {font-size: 1.4em; color: red; font-weight: bold;}
#eprihlaska table th {padding: 1em 0 0; text-align: left;}
#eprihlaska table td div {font-weight: bold; padding-bottom: 0.5em; margin: 0 0.2em 0 0;}
#eprihlaska input#submit1{width: auto; height: 23px; background-color: #dadada; float:right; margin: 0 auto; padding: 0 0.5em; cursor: pointer;}
#eprihlaska input#submit2{width: auto; height: 23px; background-color: #fafafa; padding: 0 0.5em; cursor: pointer;}
#eprihlaska input#submit3{width: auto; height: 23px; background-color: #dadada; margin: 1.3em 0 1em 360px; padding: 0 0.5em; cursor: pointer;}
#eprihlaska div#odhlas input{position: relative; width: 26px; height: 26px; border: none;}
#eprihlaska div#odhlas{position: relative;margin: -2.6em 0 0 33em;}
#eprihlaska input.status{width: auto; height: 20px;} /**bohuzel jsem na zacatku dal inputu fixed width 132px, ale to se aplikuje i na submit buttony po celym sajtu, takze to pak musim rucne menit, to bych mel predelat**/
#eprihlaska select {width: 447px;}
table#status div {border-bottom: solid 1px #5a5a5a; padding: 0.8em 0 0 0; }
table#status td span {font-size: smaller; color: #1a1a1a; font-weight: normal; padding: 0 0 0 0.1em}
table#status th{font-style: italic;  }
table#status td{width: 50%; padding: 0; margin: 0;}

table#vysprijm {border-collapse: collapse;}
table#vysprijm td {font-size: 1em; font-weight: normal; text-align: left; padding: 0.5em; border: solid 1px #dadada;  }

#pruh img.patka {width: 30px;}
button{cursor: pointer; cursor: hand;}