/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img { border:1px solid #8F7640;  }
a img.no-border { border:none;  }
img { margin:0px; padding:0px; border:none;}

img{border: 0;}
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.floatLeft { float:left; }
.floatRight, .floatright { float:right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:1em 0 1em 0;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.uppercase { text-transform:uppercase; }
a{cursor: pointer; text-decoration:underline;}
a span{display: none; text-decoration:underline;}

img, div, input, hr { behavior: url("iepngfix.htc") }



/* BASIC */
html {
	height:100%;
}
body {
  background: #8f7640 url('/images/web-images/background.jpg') repeat-x;
  font-family:Lucida Grande,Verdana,Arial,sans-serif;
  line-height:22px;
  font-size:13px;
  height:100%;
  color:#61524e;
}

div {
	margin:0px;
	padding:0px;
}

#panorama-wrapper {
	margin:25px -30px;
}

#container {
	margin:0 auto;
	width:980px;
	background: #ffffff url('/images/web-images/bck-content.gif') repeat-y;
}
#top {
	height:33px;
}
#header {
	height:250px;
	overflow:hidden;
	background:#000000;
}

.sidebar {
	float:left;
	width: 210px;
}
.page {
	float:right;
	width:770px;
}
#footer {
	clear:both;
	height:80px;
	background:#1f1b12;
}

/*---< TOP >---*/

#top .sidebar {
	height:33px;
	background: url('/images/web-images/bck-top-sidebar.gif') repeat-x;
}
#top .page {
	height:33px;
	background: url('/images/web-images/bck-top-page.gif') repeat-x;}

#language {
	float:right;
	margin: 0 4px 0 0;
	padding: 0;
}
#language li {
	float:left;
	margin:11px 0 0px 2px;
	height:18px;
	background:#FF0000;
	list-style:none;
}
#language li a {
	display:block;
	width:60px;
	height:18px;
	padding-top: 0px;
	margin-top: 0px;
	text-align:center;
	color:#ffffff;
	font-size: 11px;
	text-decoration: none;
}
#language li a:hover {
	text-decoration: underline;
}
#language li#on a {
	background: url('/images/web-images/bck-language-on.gif') no-repeat;
}
#language li#off1 a, #language li#off2 a  {
	background: url('/images/web-images/bck-language-off.gif') no-repeat;}

/*---< HEADER >---*/

#header .sidebar { border-top:4px solid #7a6313; }
#header .page { border-top:4px solid #d0a822; }

/*---< CONTENT >---*/

#content .sidebar {
	width: 210px;
	text-align: center;
	background: rgb(210,182,117) url('/images/web-images/bck-sidebar.gif') repeat-x;
	margin-top:-5px;
	*margin:0px;
}

#content .sidebarText {
	width: 190px;
	margin:0 auto;
	text-align: left;
}


#content .sidebarText li,#content .sidebarText ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	/*font-variant: small-caps;*/
}

#content .sidebarText ul {
	margin-top: 30px;
	border-top: 1px solid #E1C78B;
	/*display: block;*/
	text-transform:uppercase;
	font-size:12px;
}


#content .sidebarText li a {
	display: block;
	width: 185px;
	padding: 5px 0;
	border-bottom: 1px solid #E1C78B;
	text-decoration: none;
	/*font-family:Georgia,Times,Times New Roman,serif;*/
	font-family: Verdana;
	color: #060606;
	font-weight:normal;
	padding-left: 5px;
}


#content .sidebar h2 {
  color:#733D18;
  font-family:Georgia,Times,Times New Roman,serif;
  font-size:18px;
  font-weight:bold;
  margin:30px 0 0;
  padding:0 0 0 15px;
  text-align:left;
}

#content .sidebarText li a:hover {
	background: #e1c687;
}

#main-menu {margin: 16px 0 0 0;}
#main-menu li a {display: block; width: 190px; height: 23px; background-position: 10px 5px; border-bottom: 1px solid #e1c78b;}
#main-menu li a:hover {background-position: 12px 5px; text-decoration: none;}


div.news_homepage {
  border-bottom:1px solid #E1C78B;
  color:#613A20;
  font-size:11px;
  line-height:16px;
  margin:10px 10px 0 15px;
  padding-bottom:10px;
  text-align:left;
}
div.news_homepage a {
  color:#FFFFFF;
  font-size:13px;
  text-decoration:none;
}

div.news_homepage a:hover {
	text-decoration:underline;
}
div.news_homepage div.date {
	font-size:11px;
	color:#BE430F;
	margin-bottom:5px;
}
div.news_homepage a.more, random-photo a.more {
	color: #BE430F;
	font-size: 11px;
	font-weight: bold;
}
#page {
	width:710px;
	padding:30px 30px 50px 30px;
	float:right;
	background: #fff url('/images/web-images/bck-page.gif') repeat-x;
	margin-top:-5px;
	*margin:0px;
}

#page-colored {
  background: #fff4d4;
  float:right;
  margin:-26px -30px -50px 0;
  padding:30px 30px 0px;
  width:710px;
}


#page a {
	color:#be430f;
	text-decoration:underline;
}
#page a:hover {
	text-decoration:underline;
	color:#ff0000;
}


#page h1 {
  font-family:Georgia,Times,Times New Roman,serif;
  font-size:24px;
  font-weight:bold;
  line-height:1.5em;
  color:#733d18;
  /*padding-top:12px;*/
	margin-bottom:10px;
}
#page h2 {
  color:#733D18;
  font-family:Georgia,Times,Times New Roman,serif;
  font-size:24px;
  margin:30px 0 20px;
}
/*
#page h3, #page h2.press {
clear:both;
font:bold 12px "Arial",Arial;
padding:20px 0 5px;
}

#page h2.press{
	font-size:14px;
}
*/
#page p {
	margin-bottom:10px;
}

#page ul {
	margin:0 0 10px 20px;
}

#page ul li {
	list-style:disc;
}

#page ul#desktops {
	margin:0px;
}

#archiv a {
	text-decoration: none;
	color: #BE430F;
}
#archiv a:hover {
	color: #BE430F;
}

.a_bold {
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

h2.news_karg {
	/*clear: both;*/
	margin:20px 0px 10px 0px;
	padding:0pt 0pt 4px;
	border-bottom:#eeded3 2px dashed;
	font-size:15px;
	text-align:left;
	font-weight:bold;
	color:#999999;
}

.post {padding-bottom: 20px;}

#page #clanek {
border-bottom:2px dashed #EEDED3;
margin:30px 0 0 0;
padding-bottom:20px;
width:100%;
}


#page #news_title a {
  font-family:Georgia,Times,Times New Roman,serif;
  color:#805537;
	font-size:18px;
	text-decoration:none;
}

#page #news_title a:hover{text-decoration:underline}

#page #clanek .thumb {
	margin:0 10px 15px 0;
	clear:both;
	float:left;
}

#page div.adopce, #page div.adopce-last {
	width:308px;
	height:auto;
	padding:10px;
	border:#d2b675 1px solid;
	float:left;
	background-color:#fff3cc;
}

#page div.adopce {
		margin:0 20px 20px 0;
}
#page div.adopce-last {
	margin:0 0 20px 0;
}

#page div.adopce img{
		float:left;
		margin:0 10px 0 0;
}
#page h2.adopce {
	margin:0px 0 10px 0;
}

#page div.about_us {
	width:90%;
	float:left;
	margin-top:5px;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:#bbbbbb 1px solid;
}
#page div.about_us img {
	padding: 0 20px 0 0;
}
#page div.about_us .name {
	font-weight:bold;
	font-size:12px;
}
#page div.about_us #volunteer {
	float:left;
}


.image-div {float: left; width: 478px; height: 183px; border: 1px solid #000; overflow: hidden;}
.image-div img {width: 478px; position: relative;}
.post-image {float: left; padding: 0 15px 15px 0; border: 1px solid #000;}
.post-gallery {float: left; margin: 5px; width: 108px; border: 1px solid #000;}

#welcome {margin-bottom: 15px;}

#latest, #random-pic {margin-top: 15px;}

#latest {line-height: 14px; color: #555;}
#latest .title, #random-pic .images-cz, #random-pic .images-en {display: block; width: 190px; height: 16px; background-position: 10px; border-bottom: 1px solid #e1c78b;}
.news-cz {background: url(http://www.suryaschool.org/images/sys-images/menu/news-cz.gif) no-repeat;}
.images-cz {background: url(http://www.suryaschool.org/images/sys-images/menu/images-cz.gif) no-repeat;}
.news-en {background: url(http://www.suryaschool.org/images/sys-images/menu/news-en.gif) no-repeat;}
.images-en {background: url(http://www.suryaschool.org/images/sys-images/menu/images-en.gif) no-repeat;}

#latest .post {margin: 5px 10px 0 10px; padding: 0;}

ul#desktops li { list-style-type:none; }
#desktops li {clear: left;}
#desktops img, .image {float: left; margin: 5px 10px 10px 0;}
.pamflets img {float: left; margin: 0 15px 25px 0;}

.navigation {clear: both; height: 18px;}

/*---< COMMENTS >---*/

#post-comments {clear: both; padding: 0 0 10px 0;}

.mycomments {color: #999;}

.commentlist li {padding-bottom: 20px;}
.commentlist li p {padding: 2px 6px 4px 6px;}
.author {border-bottom: 1px solid #999; background: #ececec;}

#author, #email, #url, #securitycode {width: 180px;}

#commentform .textfield {margin: 0 4px 2px 0; padding: 2px; border: 1px solid #999;	font: 11px 'Arial';}
#commentform .textarea {clear: left; margin: 0; padding: 0; width: 480px; *width: 478px;}
#commentform .textfield:hover {background: #ddd;}
#commentform .textfield:focus {background: #fff; border: 1px solid #999; color: #000;}

#commentform .button {margin: 2px 0 0 0; background: url("http://www.suryaschool.org/images/sys-images/bck-button.gif") repeat-x; border: 1px solid #999; font: 11px 'Arial';}

#secureimgdiv {display: block;}
.authimage {width: 184px; height: 44px; vertical-align: top; border: 1px solid #999;}

/*---< FOOTER >---*/

#footer {font-size: 11px; color: #f2eee5; font-weight: bold;}
#footer p {padding: 15px 0 4px 20px;}
#footer .sidebar {margin: 0; border-top: 5px solid #c4860b; background: #1F1B12;}
#footer .page {border-top: 5px solid #927c42;}

#footer a {color: #fff;}

/*---< OTHER >---*/

.about-1 {clear: left;}
.about-1 img {float: left; margin: 6px 10px 10px 0;}
.about {float: right; margin: 6px 0 10px 10px;}

.sponsors {margin-top: 20px;}
.sponsors img {float: left;}

#support
{
	display: block;
	width: 668px;
	height: 185px;
	background: url(http://www.suryaschool.org/images/web-images/support-us-banner.jpg) no-repeat right top;
}

ul#support  li {
	list-style-type:none;
}

#support li {
	padding: 6px 0 6px 0;
	list-style:none;
}

.banner {clear: left; padding: 0 0 20px 0; *padding: 20px 0 20px 0;}

#photogallery td {text-align: center; vertical-align: middle;}
#photogallery img {margin: 8px 0 8px 0; padding: 2px; border: 1px solid #999;}
#photogallery img:hover {background: #ddd; border: 1px solid #000;}

/*---< HUMI BANNER >---*/

#humi {border: 2px solid #333; background-color: #fff; margin: 20px 0 30px 10px; width: 166px;}
#humi .nazev {background-color: #ccc; padding: 4px; text-align: center;}
#humi .telo {margin: 8px; font-weight: normal;}
#humi .obrazek {border:0; width: 146px;}
#humi .patka {background-color: #ccc; padding: 2px; text-align: center;}

/*---< ADOPCE >---*/

.adopce .biodata {float: left; margin: 5px; padding: 5px; width: 218px; border: 1px solid #ddd;}
.adopce-foto {float: left; margin-bottom: 40px;}
.biodata {margin-left: 120px;}

/*---< FOTOGALERIE >---*/

#videos-block, #galleries-block {
	float:left;
	width:310px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#videos-block div {
	margin-bottom:20px;
}

#galleries-block {
	margin-left:10px;
}

#galleries-block ul{
	margin-left:0px;
}

#galleries-block ul li{
	list-style-type:none;
}

.gallery-thumb-block {
	width:130px;
	float:left;
	padding-right:25px;
	padding-bottom:5px;
	overflow:hidden;
	white-space:nowrap;
}

#galleries-block a,#galleries-block a:active,#galleries-block a:visited {
	color: #BE430F;
	text-decoration: none;
}
#galleries-block a:hover {
	color: #BE430F;
	text-decoration: underline;
}

.gallery-thumb-block strong {
	text-decoration: none;


}
a.more-images-link img {
	padding-right:10px;
	padding-bottom:5px;
}

#sub-big-narrow {
	line-height:24px;
}

.black-border {
	border:solid 0px Black;
}


#payment {
	border-top: #c7a148 2px solid;
	margin-bottom: 10px;
	margin-right: 50px;
}
#payment tr th {
    vertical-align: middle;
    text-align: center;
    padding: 10px 10px 10px 10px;
    border-bottom: #c7a148 2px solid;
    background-color: #f9dfa4;
    font-size: 20px;
    font-weight: bold;
}
#payment tr td {
	vertical-align: middle;
	text-align: center;
	padding: 5px 10px 2px 10px;
	border-bottom: #c7a148 1px solid;
	background-color: #f9dfa4;
}
#payment tr td.price {
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
}

input.paysec-amount {
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
input.paysec-submit {
	/*
	font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;*/
	width: 66px;
	height: 35px;
	margin: 2px 0px 5px 0px;
	padding: 0;
	border: none;
	cursor: pointer;
	background: transparent url('../images/paysec-gift.gif');
}

#random-photo a {
	display:block;
}
strong.title {
	color: #BE430F;
}
strong.adopce-name {
	color: #733D18;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia,Times,Times New Roman,serif;
}
#sponsors a {
	color: #BE430F;
	text-decoration: none;
}
#sponsors a:hover {
    color: #BE430F;
    text-decoration: underline;
}
#sponsors .sponsor_logo a{
	border:1px solid #8F7640;
	width: 160px;
	height: 66px;
	display: block;
	vertical-align: middle;
	text-align: center;
}
#sponsors .sponsor_logo a img{
	margin: 0 auto;
vertical-align: middle;
}
ol.faq {
	padding: 20px 0 20px 20px;
}
strong.header
{	color: #733D18;
    font-family: Georgia,Times,Times New Roman,serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
margin-top: 30px;
}
.dark-td{
	background: #cbb77a;
	width:30%;
}
.calendar-table{
	border: 1px solid lightgray;
}
.number{
	display: inline-block;
	background: lightgray;
	min-width: 23px;
	min-height: 94px;
	float: left;
	border: 1px solid white;
}
.number span{
	display: block;
	position: relative;
	transform: translateY(160%);
	left: 7px;
}
.content-td{
	display: inline-block;
	width: 80%;
	padding-left: 15px;
	margin-top: 23px;
}
.calendar-table td{
	border-bottom: 1px solid lightgray;
}
.border-none{
	border: none !important;
}
.padding-15{
	padding-left: 20px;
	padding-right: 15px;
}
.here-button{
	background: #733d18;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
	text-transform: uppercase;
	float: right;
	position: relative;
	top: -13px;
	left: 24px;
}
.here-button a{
	text-decoration:none !important;
	color:white !important;
}
.cart-online{
	color: black;
	display: block;
	position: relative;
	top: 18px;
	width: 70%;
}

.first-row-span{
	position: relative;
	top: 28px;
	max-width: 226px;
	display: inline-block;
}
.content-td.map{
	display: inline-block;
	width: 46%;
	padding-left: 15px;
	margin-top: 3px;
	float: left;
}
.content-td.map span{
	position: relative;
	top: 20px;
}
.map{
	display: inline-block;
	width: 45%;
	height: 100%;
	min-height: 156px;
	margin-top: 6px;
}
.gallery{
	display:block;
	overflow: visible;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	border-bottom:1px solid #dedbdb;
	min-height: 1045px;

}
.gallery-main-img{
padding-right:15px;
}
.gallery-main-img .main-img{
	width:100%;
	position:relative;
	z-index:1;
	box-shadow: 2px 2px 18px rgba(0,0,0,0.7);
}
.gallery-miniatures img{
	width: 147px;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
}

.arrow-right,
.arrow-left{
	position: relative;
	width:45px !important;
}
.arrow-left{
	top: 239px;
	left: -35px;
	z-index: 0;
}
.arrow-right{
	left: 624px;
	top: -249px;
	z-index:0 !important;
}
.top-bg{
	width: 100%;
	position: relative;
	top: 52px;
	z-index: 2;
}
.dark-text{
	color:#733d18 !important;
	top:0px !important;
	position:unset;
}