/*add by system*/
input.buttons, button.buttons {
	background-color:#eff012;
	color:#000000;
	font-weight:bold;
	cursor: pointer;
	text-decoration: none;
}
input.buttons:hover, button.buttons:hover {
	background-color:#66880b;
	color:#ffffff;
	text-decoration: none;
}
.errmsg {
	background: url("https://w1.websnadno.cz/html/sablony/univerzalni/errmsg.png") top left no-repeat;
	width: 272px; height: 33px; text-align: center; margin: 5px 13px; line-height: 39px; color: #990000; font-weight: bold; font-size: 13px;
}
.diskuzeram {
	background-color:#eff012;
	border:1px solid #66880b;
	color:#000000;
	font-weight:bold;
}
.diskuzeoddeleni {
	border-bottom:1px solid #66880b;
}
td,th {
	font-size:14px;
}
/*add by system*/

html, body {
	margin: 0;
	padding: 0;
}  
body {
	background: #7CA314 url('http://skolaskalice.websnadno.cz/sablona/33888/41906/bg.jpg')30% 0 repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #fffeb6;
	font-size: 14px;

}

h1 {
	font-size: 25px; 	
	font-weight: 300; 
        text-shadow: #FFFFFF 0px 0px 6px;
	font-family: 'Ubuntu', Arial, sans-serif;
}
h2 {
	font-size: 24px; 
	color: #ffffff; 
	text-transform: uppercase; 
	font-weight: 400; 
	font-family: 'Ubuntu', Arial, sans-serif;
}
h3, h4, h5, h6 {
	color: #ffffff; 
	font-weight: 400; 
	font-family: 'Ubuntu', Arial, sans-serif;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
h2, h3, h4, h5, h6 {
	text-shadow: #000000 1px 1px 1px;
}

a {
	color: #FFF9C9; 
	text-decoration: underline;
} 
a:hover {
	text-decoration: none;
}

hr {
	display: block;
	position: relative;
	padding: 0;
	margin: 6px auto;
	height: 2px;
	max-height: 0;
	border: none;
	width: 100%;
	clear: both;    
	font-size: 1px;
	line-height: 0;
	border-top: 1px solid #ffffff;
}

input[type="text"], textarea {
	background-color: #ffffff;
	color: #3e3e3e;
	border: 1px solid #FFF9C9;
        font-size: 13px;
}
input[type="submit"], input[type="button"] {
	background-color: #FFF9C9;
	color: #596718;
	border: 2px solid #9eb23f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}
input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #9eb23f;
	color: #ffffff;
}

fieldset {
	border: 1px solid #e5e5e5;
}
legend {
	color: #fffeb6;
}
p, div, span, img, ul, li, strong, em, form, select {
}

.wrap {margin: 0 auto; text-align: left; width: 966px; position: relative; padding: 0 0 30px 0;}
.clear {clear: both; height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; display: block;}
.hr {height: 1px; line-height: 1px; font-size: 1px; clear: both; display: block; background: #FFF9C9; margin: 0;}

#top h1 {text-align: center; line-height: 20px; padding: 20px 0 33px 0; margin: 0; color: #FFF9C9; font-family: 'Ubuntu', Arial, sans-serif; font-size: 25px;}
#contenttitle h2 {line-height: 30px; padding: 0; margin: 0;}

.floatLeft {float:left;}
.floatRight {float:right;}
.floatNone {float:none;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;} 

.bg_content {padding: 0; margin-top: 7px;}    

#top {position: relative;}
#header {}  

.menu {background: #FFF9C9; margin: 0 0 0px 0;height:1%;}
.menu ul {padding: 0 10px; display: block; font-size: 13px; font-weight: 500; margin: 0; font-family: 'Ubuntu', Arial, sans-serif;}
.menu ul li {float:left; color: #617e01; list-style-type: none;}  
.menu ul li.clear {clear: both; height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; display: block; background: 0; padding: 0; margin: 0; float: none;}
.menu ul li a {display: block; color: #66880B; text-decoration: none; padding: 8px 15px; border-right: 1px solid #c2ce10;}
.menu ul li a#menu_main_selected {text-decoration: underline;}
.menu ul li a:hover {text-decoration: underline; color: #8BAC21;}

#image {background: transparent url('http://skolaskalice.websnadno.cz/sablona/33888/41906/shadow.png') 50% 100% no-repeat; padding: 0 0 0px 0; margin-bottom: 10px;} 
#image img {border: 1px solid #5b6627; background: #fff; padding: 7px; display: block;} 

#contenttitle {margin: 0 0 10px 0}
#content {padding: 10px 15px 20px 0; line-height: 1.5; font-size: 14px; float: right; width: 711px; overflow:hidden}

#sidebar {float: left; width: 218px; padding: 0 0 0 0;}
.submenu ul {padding: 6px 0 6px 0; margin: 0 0 20px 0;}
.submenu ul li {list-style-type: none; margin: 0; padding: 6px 0;}
.submenu ul li a {display: block; line-height: 18px; padding: 6px 10px 6px 10px; font-size: 13px; font-weight: 500; color: #FFF9C9; font-family: 'Ubuntu', Arial, sans-serif; text-decoration: none; background: #66880b;}
.submenu ul li a:hover {color: #66880b; background: #FFF9C9; text-decoration: underline}  
.submenu ul li a#menu_sub_selected {color: #66880b; background: #FFF9C9;}

.padding {padding: 0 0 0 0;}
.widget_area { border:none !important; padding: 10px 5px 15px 5px; background: #66880B; margin: 0 0 20px 0; border: 1px solid #699000; color: #66880b;}
.widget_area input[type="text"], .widget_area textarea{ 
	background-color: transparent;
	border: 1px solid #ffffff;
}

.bottom {padding: 25px 0 5px 0;}
.bottom p, .bottom div {padding: 0 15px; font-style: italic; color: #888888; font-size: 13px; line-height: 16px; margin: 0;}
.bottom div {float: left;}
.bottom div.clear {clear: both; font-size: 0px; overflow: hidden; display: block; padding: 0; margin: 0; float: none;}
#footer {padding: 8px 0 14px 0;}
#footer p {padding: 0 15px; margin: 0; font-style: italic; color: #888; line-height: 20px;}    
#footer div.floatRight div {float: left; margin: 0 15px 0 0;}  
#footer div.floatRight div a {color: #FFF9C9; text-decoration: none;}  
#footer div.floatRight div a:hover {text-decoration: underline;}  
.copyright {text-align: center; padding: 10px 0; color: #69c4da;}   

.diskuzeram {
	color: #596718;
	background-color: #FFF9C9;
}

.widget_title {font-size: 16px; line-height: 20px; color: #66880b; padding: 0px 0px 5px 5px; text-transform: uppercase; font-weight: 400; font-family: 'Ubuntu', Arial, sans-serif; text-align: center;}  
.widget_area { border:none !important; padding: 10px 5px 10px 5px; margin: 0 0 20px 0;}
.widget_area a { color:#66880B;}

.widget_seznam {background: none;}
ul.widget_sekce {padding: 6px 0 6px 0; margin: 0 0 20px 0; width: 203px;}
ul.widget_sekce li {list-style-type: none; margin: 0; padding: 6px 0;}
ul.widget_sekce li a {display: block; line-height: 18px; padding: 6px 10px 6px 10px; text-transform: uppercase; font-size: 14px; font-weight: 500; color: #ffffff; text-decoration: none; background: #66880b;font-family: 'Ubuntu', Arial, sans-serif;}
ul.widget_sekce li a:hover {color: #66880b; background: #66880b; text-decoration: underline}  
div.widget_nadpis {background-color: #66880b;color: #66880B; display: block; line-height: 20px; padding:5px 10px 5px 10px; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: 500; text-decoration: none;}

================================================
-----ostatní-----
================================================

.gallerycontainer{
position: relative;
/**/
}

.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /**/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 230px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /**/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /**/
visibility: visible;
left: 450px; /**/
/**/
z-index: 50;
}