@charset "UTF-8";

body {text-align: left;	background-color: #000;	color: #fff; font-family: Helvetica, Arial, sans-serif;	font-size: 14px; line-height: 20px;	background-image: url(../img/bg-body.jpg); background-repeat: no-repeat;	background-position: center top;}
h1 {font-size: 48px; line-height:54px; font-weight: bolder; color: #cb0101; letter-spacing:2px; margin:0px; padding:0px; margin-left:180px;}
h2 {font-size: 28px; line-height: 24px; color:#5a5a5a; font-weight: normal; margin:0px; padding:0px; margin-left:180px;}
h3 {padding: 0px; margin:0px;	font-size: 28px; color:#FFF; line-height: 32px;	font-weight: normal;}
h4 {padding: 0px; margin:18px 0px 4px 0px; font-size: 16px; color:#FFF; line-height: 20px;	font-weight: normal; text-transform:uppercase;}
ul.vlevo {display: inline; float: left;	width: 180px; height: 100px;}
li {padding: 3px 0px 3px 0px; list-style:none;}
a:link {color: #C00; text-decoration: none;}
a:visited {color: #C00;	text-decoration: none;}
a:hover {text-decoration: none;	color: #FFF;}
a:active {text-decoration: underline;}

#container {margin: 0 auto; padding-top:80px;	width: 1000px;	min-height: 600px;	text-align: left;}

#pagging {float:left; width:160px; height:auto; margin-right:20px; margin-top:50px;}
#pagging ul {list-style:none; margin:0px; padding:0px; font-size:12px;}
#pagging li.nadpis {padding:4px 6px;  border-bottom:0px solid #FFF; font-size:14px; color:#FFF;}
#pagging li {}
#pagging li a {display:block; color:#5a5a5a; font-weight:bold; font-size:16px; letter-spacing:1px; padding:3px 6px; cursor:pointer;}
#pagging li a:hover {text-decoration:none; color:#FFF; background-color:#B2B3B3;}

#content {float:left; width:820px; margin-top:50px; min-height:500px;}
#content p {max-width:770px; margin:4px 0px 8px 0px;}

#gallery {}
#gallery.main a {position:relative; width:200px; height:300px; display:block; /*border:1px solid #cc0001;*/ background:#000000; float:left;  margin:0px; outline:none;}
#gallery.main a img {position:absolute; left:0px; top:0px; z-index:1px; opacity:1; width:200px; height:300px;}
#gallery.main a:hover img {opacity:0.3; transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out;}
#gallery.main a h2 {text-align:center; display:none; z-index:99; position:relative; margin:8px 0px; padding:0px; font-size:22px; color:#FFFFFF;}
#gallery.main a:hover h2 {text-align:center; display:block; z-index:99; position:relative; margin:8px 0px; padding:0px; font-size:22px;}


.partners {text-align:right; margin-bottom:-30px;}
.partners img {margin:25px 0px -20px 0px;}
#fb {	width: 263px;	height: 133px;	float: left;	display: inline;}
#fb a, #fb a:link, #fb a:visited {	width: 263px;	height: 133px;	display: block;}
#nazev {	margin: 213px 0 0 100px;	width: 400px;	text-align: left;}
#footer {	margin: 20px 106px 0 0;	width: 797px;	float: right;	text-align: right;	clear: both;}
#footer p {	padding: 0;	color: #B4B4B4; font-size: 12px;}
.links {text-align:center;}
.links a {font-size:14px; }
.copyright {color:#999; text-align:center; margin-top:30px;}
.authors {color:#999; text-align:center;}
.kontakt, .kontakt a {font-size:16px !important; text-align:center; color: #FFFFFF !important; line-height:26px;}
.fbmob {display:none;}

/* Mobile */
@media screen and (max-width: 1024px) {
body {overflow: auto; text-align:center;}
body {background-image: url(../img/bg-body.jpg); background-repeat: no-repeat;	background-position: center top; background-size:265px;}
#container {margin: 0 auto; padding:20px 0px;	width: 100%;	min-height: 0px;	text-align: center;}	
#content {float:none; width:100%; margin-top:50px; min-height:500px; text-align:center; clear:both;}
#content p {max-width:770px; margin:4px 8px 8px 8px;}
h1 {font-size: 48px; line-height:54px; font-weight: bolder; color: #cb0101; letter-spacing:2px; margin:0px; padding:8px; text-align:center;}
h2 {font-size: 28px; line-height: 24px; color:#5a5a5a; font-weight: normal; margin:0px; padding:8px; text-align:center;}
#pagging {float:none; width:100%; height:auto; margin:30px auto 0px auto; max-width:800px;}
#pagging ul {list-style:none; margin:0px; padding:0px; font-size:14px; text-align:center;}
#pagging li.nadpis {padding:12px 6px;  border-bottom:0px solid #FFF; font-size:14px; color:#FFF;}
#pagging li {display:inline-block;}
#pagging li a {display:block; color:#5a5a5a; font-weight:bold; font-size:14px; letter-spacing:1px; padding:6px; cursor:pointer;}
#pagging li a:hover {text-decoration:none; color:#FFF; background-color:#B2B3B3;}
.fbclear {display:none;}
#gallery {width:100%; margin:0px auto; max-width:800px; text-align:center;}
#gallery.main a {position: relative; width:150px; height:225px; background:#000000; float:none; display: inline-block; text-align:center;  margin:0px; outline:none;}
#gallery.main a img {position:absolute; left:0px; top:0px; z-index:1px; opacity:1; width:150px; height:225px;}
#gallery.main a:hover img {opacity:0.3; transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out;}
#gallery.main a h2 {text-align:center; display:none; z-index:99; position:relative; margin:8px 0px; padding:0px; font-size:22px; color:#FFFFFF;}
#gallery.main a:hover h2 {text-align:center; display:none; z-index:99; position:relative; margin:8px 0px; padding:0px; font-size:22px;}
#footer {margin: 20px auto; padding-top:10px; width:300px; float:none; text-align: center; clear: both;}
#footer p {	padding: 0;	color: #B4B4B4; font-size: 12px; text-align: center; }
.fbmob {display:block;}
}