/* CSS Document */

* {	margin:0; padding:0; border:none; list-style-type:none}

html {	background:url('./images/body_bg.jpg') top repeat-x rgb(216, 216, 216)}
body {	width:100%; height:100%; margin:0 auto; font:normal 12px Arial, Helvetica, sans-serif; color:#333;}
/* background:url('./images/header_bg.jpg') left top no-repeat;  */

#screen {	background:url('./images/kolej.png') left repeat-y; width:1000px; min-height:600px; margin:0 auto; position: relative;}

i {	color:#ccc; font-size:95%; display:block}

#h_hledej {	width:250px; height:23px; position:absolute; top:8px; left:727px; margin:0; padding:0; }
input#searchbar {	height:20px; background:rgb(48,48,48); color:#fff;  width:210px; position:absolute; top:2px; left:0; }
input#submit {		height:23px; width:26px; background:none; cursor:pointer; position:absolute; top:0; left:215px;}

#logo {background:url('./images/header.jpg') no-repeat; width:1000px; height:143px; text-indent:-9999px}
#logo h1 a {	position:absolute; width:1000px; height:113px; top:30px; left:50%; margin-left:-500px}

#menu {width:168px; float:left; margin:6px 0 0 46px; z-index:99;}
#menu ul {display:block; z-index:99;}
#menu ul ul{background: url('./images/submenu_semi.png') top left repeat-x; width:310px; display:none; position:absolute; left:97%; top:5px; min-height:60px; z-index:99;}

#menu ul li:hover>ul{display:block}

#menu ul a {	background:url('./images/button_semi.png'); width:133px; height:43px; padding:12px 15px 0 20px; margin:0 0 -5px 0; display:block; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#menu ul a:hover {	background:url('./images/button_semi_hover.png')}
#menu ul li.akt a {	background:url('./images/button_semi_hover.png')}

#menu ul ul li.akt a, #menu ul li.akt ul a {	background:url('./images/submenu_button.jpg')}
#menu ul ul a {	background: url('./images/submenu_button.jpg'); width:251px; height:30px; line-height:32px; padding:0; margin:0;  color:#000; padding:0 20px; float:right; border-bottom:1px solid #bbb; display:block;}	

#menu ul li ul li a:hover {	position:relative; background:url('./images/submenu_button_hover.jpg'); color:#fff}

#menu ul li:hover{ position:relative}

#menu ul span{	background:url('./images/arrow_sub5.gif') right center no-repeat;}
#menu ul span, #menu ul strong {	display:block; font-weight:bold; padding:0 12px 0 0; line-height:20px; margin:-3px 0 0 0}	

#menu ul a {font-style: italic; color:#ccc; font-size:13px;}
#menu ul li a span {font-style: normal; color:#fff; font-size:14px;}
#menu ul ul li a {font-style: normal; font-size:14px;}


#horizontal { background: url('./images/horizontal.jpg') no-repeat; float:left; width:740px; height:50px; margin:1px 0 0 -5px; padding:0 0 0 41px}
#horizontal ul { display:inline; float:left;}
#horizontal ul li {			background:url('./images/button_horizontal.png'); display:block; float:left; width:148px; padding:18px 0 0 0; height:32px; text-align:center}
#horizontal ul li:hover {	background:url('./images/button_horizontal_hover.png')}
#horizontal ul li.akt {	background:url('./images/button_horizontal_hover.png')}

#horizontal ul li a {	 	font:bold 14px Arial, Helvetica, sans-serif; color:#444; text-decoration:none; display:block; width:148px; height:35px; margin:-20px 0 0 0; padding:20px 0 0 0}
#horizontal ul li a:hover {	color:#ddd}
#horizontal ul li.akt a {	color:#ddd}

a.flag {	display:inline!important}
a.flag img {margin:-4px 3px 0 3px}

/* content webu */
div#content {	float:left; width:720px; margin:0 0 0 46px; position: relative;}
#content table {font:normal 12px Arial, Helvetica, sans-serif; color:#333;}
#content td {font:normal 12px Arial, Helvetica, sans-serif; color:#333; vertical-align: top; text-align: left;}
#content th {font:bold 12px Arial, Helvetica, sans-serif; color:#333; vertical-align: top; text-align: left;}
#content p {font:normal 12px Arial, Helvetica, sans-serif; color:#333;}
#content ul {margin:5px 0 5px 20px; padding:0;}
#content li {list-style-type:disc;}
#content a {color:#b41914; font-weight: bold;}
#content a.blue {color:#1419b4;}
#content a:hover {color:#888;}
#content h1 {font-size:17px; margin: 5px 0;}
#content h2 {font-size:15px; margin: 5px 0;}
#content h3 {font-size:13px; margin: 5px 0;}

#content td.fotogalerie { vertical-align: top; text-align: center; font-size: 11px;}
#content td.fotogalerie img { padding: 7px; margin: 5px 12px 5px 12px; background: #fff; border: 1px solid #ddd;}
#content td.fotogalerie img:hover	{border: 1px solid #d2d2d2;	background: #ccc;}

#content table.kosik {border: 0;}
#content table.kosik th {padding:3px;}
#content table.kosik td {padding:3px;}

#content .nomargin {margin:0;}
#content #mena {position: absolute; top: 0; right: 0; width: 250px;}
#content #mena p {text-align: right;}
/* KONEC content webu */

#content div.gallery {	background:url(images/frame.png); width:220px; height:186px; float:left; margin:30px 20px 0 0}
#content div.gallery a {	font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#eee; display:block; text-decoration:none; text-indent:15px; padding:161px 0 0 0;  width:220px; height:25px}				
#content div.gallery a:hover {	text-decoration:underline; color:#fff}

span.cleaner {	text-indent:-9999px; visibility:hidden}

#img1 {			background:url('./images/navigation_1.jpg') top no-repeat}
#img1:hover {	background:url('./images/navigation_1_hover.jpg') top no-repeat}
#img2 {			background:url('./images/navigation_2.jpg') top no-repeat}
#img2:hover {	background:url('./images/navigation_2_hover.jpg') top no-repeat}
#img3 {			background:url('./images/navigation_3.jpg') top no-repeat}
#img3:hover {	background:url('./images/navigation_3_hover.jpg') top no-repeat}
#img4 {			background:url('./images/navigation_4.jpg') top no-repeat}
#img4:hover {	background:url('./images/navigation_4_hover.jpg') top no-repeat}
#img5 {			background:url('./images/navigation_5.jpg') top no-repeat}
#img5:hover {	background:url('./images/navigation_5_hover.jpg') top no-repeat}
#img6 {			background:url('./images/navigation_6.jpg') top no-repeat}
#img6:hover {	background:url('./images/navigation_6_hover.jpg') top no-repeat}
#img7 {			background:url('./images/navigation_7.jpg') top no-repeat}
#img7:hover {	background:url('./images/navigation_7_hover.jpg') top no-repeat}

div#footer {	background:url('./images/footer.jpg') repeat-x; height:40px; width:100%; margin:0 auto; clear:both}
div#footer strong {	font:normal 12px Arial, Helvetica, sans-serif; position:absolute; left:50%; padding:14px 0 0 0px; color:#fff}
div#footer a {color:#fff;}

/* prihlasovaci formy, registrace */
.w160 { width: 160px;}
.w200 { width: 200px;}
.w300 { width: 300px;}
.w340 { width: 340px;}
#content input {border:1px solid #888;}
#content #tlac_sipka { margin: 5px 0 0 0;}
/* KONEC prihlasovaci formy, registrace */

/* ESHOP */
#content #eshop_zb {margin:7px 0; padding:0; border-collapse: collapse;}
#content #eshop_zb td {vertical-align: top; text-align: left; font-size: 11px;padding: 2px;}
#content #eshop_zb th {text-align: left; padding: 3px;}
#content #eshop_zb .r0 td {background-color: #bbb;}
#content #eshop_zb .r0 th {background-color: #bbb;}
#content #eshop_zb .tright {text-align: right;}
/* KONEC ESHOP */


.red {color:#b41914;}
.bold {font-weight: bold;}
.pad3 {padding:3px;}