@media print {
#header,#menu,#submenu,#foot, .form,.buttons {display: none;}
h1,h2,h3,h4,h5,h6 {display: inline; color: Black;}
#content{border:0;}
}

body{
	/**********************/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ab2e4+0,53cbf1+0,106798+78 */
			rgb(106,178,228); /* Old browsers */
		background-image: -moz-linear-gradient(top,  rgba(106,178,228,1) 0%, rgba(83,203,241,1) 0%, rgba(16,103,152,1) 78%); /* FF3.6+ */
		background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,178,228,1)), color-stop(0%,rgba(83,203,241,1)), color-stop(78%,rgba(16,103,152,1))); /* Chrome,Safari4+ */
		background-image:-webkit-linear-gradient(top,  rgba(106,178,228,1) 0%,rgba(83,203,241,1) 0%,rgba(16,103,152,1) 78%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top,  rgba(106,178,228,1) 0%,rgba(83,203,241,1) 0%,rgba(16,103,152,1) 78%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top,  rgba(106,178,228,1) 0%,rgba(83,203,241,1) 0%,rgba(16,103,152,1) 78%); /* IE10+ */
		background-image: linear-gradient(to bottom,  rgba(106,178,228,1) 0%,rgba(83,203,241,1) 0%,rgba(16,103,152,1) 78%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ab2e4', endColorstr='#106798',GradientType=0 ); /* IE6-9 */

	/**********************/
	color: #003757;
	margin: 0;
	padding: 0;
	/*font-size: 0.8em;*/
}


/*icons font-awesome*/
a i{
	
	cursor: pointer!important;
	
}
a i:hover{

	color:#dc143c;
}
hr{
	visibility: hidden;
	margin: .2rem auto!important;
}

p{
	margin-top: 0.4em;
	margin-left: 15px;
	text-align: justify;
}
.clear{
	clear:both;
}
/*************************** btn-nahoru*********************/
button#btnTopPage {
	width: 35px;
	height: 35px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 35px;
  border: none;
  outline: none;
  background-color: white;
  color: red;
  cursor: pointer;
  border-radius: 20px;
}

button#btnTopPage:hover {
  background-color: red;
  color: white;
}
/*********************** /btn-nahoru**********************/	
/*********************** login-info **********************/
#login-info{
max-width:75rem;
margin:0 auto;
border:none!important;
}

/*******************************************************/
#content{
/* background-color: white; */
max-width:75rem;
margin:.2rem auto 1rem;
border-radius: 8px!important;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
background-repeat: no-repeat;
}
header{
	background-color: white !important;
	border-bottom: 1rem solid #2285B2 !important;
 	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
}
header .columns:first-child{
	border-radius: 8px 0px 0px 0px;
				-moz-border-radius: 8px 0px 0px 0px;
				-webkit-border-radius: 8px 0px 0px 0px; 
		
}
header h1{
			
				font-family: Georgia,"Times New Roman", Times, serif;
				margin: 1.5rem auto;
				border: none;
				text-align: center;
				font-size:1.8rem!important;
				font-weight: bold;
   			color: rgba(61,68, 67, 1) !important;
				text-shadow: 2px 3px 4px rgba(150, 150, 150, 0.8);
				letter-spacing: 3px;
}
@media screen and (max-width: 600px) {
	header h1 {
			margin:0!important;
			border: none;
			font-weight: 600;
			font-family: "Trebuchet MS";
			text-align: center;
			font-size:1.2rem!important;
   		color: #386892 !important;
		}
}
#logo-header{
	height: 250px;
	width: 139px;
	background-image: url(../images/logo_cele.jpg);
	background-position: top  center;
	background-repeat: no-repeat;
 display: block;
	margin: 10px auto 0;
}
#head_right	{

}	
.bgr{
	background-color: #D9E9F2!important;
}

@media screen and (max-width: 600px)  {
#logo-header{
	height: 137px;
	width: 127px;
	background-image: url(../images/logo_small.jpg);
	background-position: top  center;
	background-repeat: no-repeat;
 display: block;
	margin: 10px auto 0;
}
}




/********************** soucasti skoly***************************/

ul.tiles{
	/*margin: 5px auto 0;*/
	margin: .5rem 2rem 2rem 4rem !important;
	display: inline-block;

}
ul.tiles li{	
float:left;
color:white;
text-align: center;
padding: 5px;
background-color: #0E6998; 
border:2px solid white;
display:block;
width:30.33%;
height:60px;
}
ul.tiles li a{
	color:white!important;
	text-decoration: none;
	display:block;
	 width:100%; 
	 height:100%;
}
ul.tiles li:hover{
border-color:#d7ecff;
background-color: #0c5c84; 
color:#f2f2f2 !important;;
}
@media screen and (max-width: 600px)  {
		ul.tiles{
			margin:0 auto!important;
			display: block;
		}
		ul.tiles li{	
			float:none;
			color:white;
			text-align: center;
			padding: 5px;
			background-color: #0E6998; 
			border:2px solid white;
			display:block;
			width:100%;
			height:auto;
		}



}
/***************** levy-col ************************/ 
#left{	
	background-color:#D9E9F2;
}

/***************** prava ************************/ 
#right{	
	background-color: #fff;
	padding:.1rem .3rem;
}

/***************** paticka ************************/ 
footer{
	background:#222222;
	border-top:8px solid #888888;
	border-bottom:8px solid #333333;
	color:#fefefe;
	border-radius: 0 0 8px 8px;
}
footer ul {margin:5px 0;padding:0;list-style:none;}
footer ul li,footerp {line-height:normal;}
footer a:link,footera:visited {color:#f1f1f1;}
footer a:hover {color:#77a400;}
footer div.finfo {margin:0;padding:0px 15px;}
footer div.finfo.email {border-right:1px solid #333333;border-left:1px solid #333333;padding:0px 20px 5px 15px;}
footer div.finfo h3 {color:white;font-size:1.4em;margin:0;padding:5px 0 5px 8px;border:none;}
footer div.finfo p {margin:5px 10px;}
footer div.finfo ul li {margin:5px 10px 4px;}
footer div.finfo a{color:white;text-decoration:none;}
footer div.finfo a:hover{color:#afeeee;text-decoration:none;}
footer form {margin:10px 0 0;}
footer fieldset {border:none;border-radius: 8px;margin:0;padding:0.5rem;color:#000;background-color: #f4f4f4;}
footer fieldset div.plavr {margin-top:10px;}
footer label span {width:90%;font-weight:normal;color:black;}
footer label.norm {margin:0 3px 0 0;padding:0;}
footer input {margin:0px 6px;background:rgba(51,51,51,0.7);color:#999;border:1px solid #444;}
footer input.tlacitko {display:block;margin:5px auto 0;background-color: #1779ba; color: #fefefe; padding:6px 16px;}
footer input.tlacitko:hover {background-color: #14679e;background-color: #14679e;}
footer input.tlacitko:disabled{color:#f8f8f8 !important;background-color: #9da8b3;}
footer input.m {width:auto;margin:0 6px;vertical-align:top;}
footer form div.plavr {padding-right:8px;}
footer strong {color:#78c0ed;}
table.urHod{
 width: 95%;
 background-color:#222222!important;
 
 }
/********************* forms******************************/
footer [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea 
{
display: block;
box-sizing: border-box;
width: 100%;
height: 2rem;
margin: 0 0 0.1rem;
padding: 0.1rem;
border: 1px solid #cacaca;
border-radius: 3px;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 0.8rem;
font-weight: normal;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s 
}
footer [type="text"].norm{
width:inherit;	
}
.required{
	color: Red!important;
}
/************************************* dokumenty***************************/
.dokument {
	border:1px solid #dcdcdc;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
	margin:3px auto;
}
.dokument:nth-child(even) {background: #f2f2f2}
.dokument:nth-child(odd) {background: #FFF}
a.attach_doc{
	font-style: normal;
	color:#000099;
	text-decoration: none;
}
a:hover.attach_doc{
	font-style: normal;
	color:#2958de;
	text-decoration:underline;
}
.dokument img {
	padding: 0 5px 0 0;
	
}
.dokument h4{
	font-size:0.85rem;
	font-weight: bold;
}
/************************************* end dokumenty ***********************/


.datum-splneni{
	font-family: Georgia,"Times New Roman", Times, serif;
	color: #FF486D;
	font-size:0.9em;
}
.datum-zverejneni{
	font-family: Georgia,"Times New Roman", Times, serif;
	color: #FF9933;
	font-size:0.9em;
}


/****************************** FOTOGALERIE UVOD*********************************/
#galleryIntro{
	padding: 0.3em;
}

#galleryIntro div{
	float: left;
	display:block;
	margin:0.2em 0.5em;
   padding: 0.2em 0.5em;
	color: #ffef93!important;
	background-color: #add8e6;
	background-image: url(../images/bg_galleryintro.jpg);
	background-position: left top;
	/*border:  1px solid #F2B31E;*/
	text-align: justify;
	color: Black;
	cursor: pointer;
	min-height: 290px!important;
	_height:280px;
	min-width:210px!important; 
	width:210px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 6px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
}
#galleryIntro img{
	padding:3px;
	background-color: #dbeef4;
	background-image: url(../images/bg_galleryintro_img.jpg);
	background-position: left top;
	/*border: 1px solid #DB9C7E;*/
	border: 1px solid #F7F7F7;
	margin: 2px auto;
	display: block;
}
#galleryIntro h4{
	font-size: 12px;
	font-style: normal;
	color: #0C5C84;
	width: 210px;
	line-height: 16px;
	height: 16px;
	display: block;
	text-align: left;	
	overflow: hidden;
}
#galleryIntro h4:hover{
 overflow: auto;
 height: auto;
}
.nadpisDokumentu{
	margin-left: 3rem;
}
.nadpisDokumentu a {
	color:#bd4200 !important;
	text-decoration: none;
}
.nadpisDokumentu a:hover {
text-decoration: underline;
}
#galleryIntro h5{
	font-size: 11px;
	font-weight: normal!important;
	color: #073952;
	background-color: transparent;
	text-align: left;
}
#galleryIntro p {
	font-size: small;
	color: #805122;
	background-color: transparent;
	width: 180px;
	text-align: left;
}
#galleryIntro ul{
	margin:3px 0;
	padding: 0;
	font-size:small;
	color: #07364e;
	background-color: transparent;
	width: 170px;
	}
#galleryIntro li{
	list-style: none;
	text-align: left!important;
}	

/******************************** FOTOGALERIE - ITEMS*********************/
#foto-pol{
	width:100%;
	padding:1em 0 0 1.5em;
	_padding:1em 0 0 0;
	margin:0 auto 2em;
}

.img-wrapper {
 background:url(../images/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(/images/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(/images/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
}
.fotogal_popiska{
	font-size: x-small;
	color:#ccc;
}
/********************* info o Subjektu *************************/

.subjInfoInner{
	 height: 100%; 
	 /* width:100%!important; */
	 max-width:95%;
	 border: 1px solid #708090;
	 font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	 padding: 1rem;
	background-color: #fff;
	background-color: white;

margin:1rem auto;
border-radius: 8px!important;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
.subjInfoInner li{
	list-style: none!important;
}
/******************** feedback ***************************/
fieldset{
width:90%;
margin:1rem auto;
border:1px solid rgb(254, 254, 254);
background:rgb(240, 240, 240);
padding:1rem;
}

input:required {
  border-color: #800000;
  border-width:1px;
}

input:required:invalid {
  border-color: #c00000;
   border-width:3px;
}
form#rychly_dotaz input[type=submit] {
background-color: #dbdbdb !important;
color: black;
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid #a6a6a6;
border-radius: 50px!important;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: .9;
text-align: center;
cursor: pointer;
}
form#rychly_dotaz input[type=submit]:hover {
background-color: #555555 !important;
color:white;
}
form#rychly_dotaz .error{
	color:#f00;
} 
::-webkit-input-placeholder { /* Edge */
  color: red;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::placeholder {
  color: red;
}
/* Tabbed menu
	Based on: http://www.alistapart.com/articles/slidingdoors2/
----------------------------------------*/
#tabs {
	line-height: normal;
	margin: 0 0 8px 7px;
	line-height: 20px;
	min-width: 790px;
}

.rtl #tabs {
	margin: 0 7px -6px 0;
}

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

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: bold;
	color: black;
}

#tabs a {
color: black;
background-color: transparent!important;
	float: left;
	margin: 0 2px -1px 0;
	padding: 0 7px 0 7px;
	line-height: 25px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
			background: rgb(221,221,221); /* Old browsers */
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(223,229,215,1) 0%, rgba(179,179,179,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(0%,rgba(223,229,215,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(223,229,215,1) 0%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(223,229,215,1) 0%,rgba(179,179,179,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(223,229,215,1) 0%,rgba(179,179,179,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(223,229,215,1) 0%,rgba(179,179,179,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */

	border: 1px #bebebe solid!important;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.rtl #tabs a {
	float: right;
}



.rtl #tabs a span {
	float: right;
}

#tabs a:hover span {
	color: #BC2A4D;
}

#tabs #activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #DCDEE2;
}

#tabs #activetab a span {
	background-position: 100% 0;
	padding-bottom: 5px;
	color: #23649F;
}

#tabs a:hover {

}

#tabs a:hover  {
background: rgb(221,221,221); /* Old browsers */
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(223,223,223,1) 0%, rgba(163,163,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(0%,rgba(223,223,223,1)), color-stop(100%,rgba(163,163,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(223,223,223,1) 0%,rgba(163,163,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(223,223,223,1) 0%,rgba(163,163,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(223,223,223,1) 0%,rgba(163,163,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(223,223,223,1) 0%,rgba(163,163,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#a3a3a3',GradientType=0 ); /* IE6-9 */
}

#tabs #activetab a:hover span {
	color: #115098;
}

#acp {
	margin: 0 4px 0;
	padding: 3px;
	min-width: 760px;
	background-color: #f5f5f5;
	border: 1px #bebebe solid!important;
	-moz-border-radius: 6px;
	border-radius:6px;
}


.arrow-down {
         height:0px;
         width:0px;
         border:none;
         border-top:5px solid #000000;
         border-left:5px solid rgba(0,0,0,0);
         border-right:5px solid rgba(0,0,0,0);
}
.arrow-up {
         height:0px;
         width:0px;
         border:none;
         border-bottom:5px solid #000000;
         border-left:5px solid rgba(0,0,0,0);
         border-right:5px solid rgba(0,0,0,0);
         }
.ikona{
position: relative;
z-index:1!important;
text-align:center;
margin:0 auto!important;
	width:3rem;
	height: 4rem;
	background-color: #ffff01;
}
.ikona i{
margin: 0 .5rem 0;
}
.form{
	margin: 1rem;
}
.form fieldset{
	background-color: #e6eaed;
	padding: 1rem;
}
.form input[type=text], .form input[type=password]{
	width:25rem!important;
}
.form-update-acc{
	margin: 1rem;
}
.form-update-acc fieldset{
	background-color: transparent;
	padding: 1rem;
}
.form-update-acc input[type=text], .form-update-acc input[type=password]{
	width:25rem!important;
}
#login-msg, #multi-msg{
	text-align:center;
	display: block;
	padding:0.8em;
	margin: .5em auto;
}