html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img, form {
 margin: 0;
 padding: 0;
}

input, textarea {
 font-family: arial, sans-serif;
}

img {  
 border: none;
}

li {
 list-style: none;
}

body {
 background: #fff url(http://studyzone.cz/img/bg-page.png) repeat-x;
 font-family: arial, sans-serif;
 text-align: center;
 color: #262626;
 font-size: 12px;
}

#page {
 margin: 0 auto;
 text-align: left;
 width: 1000px;
 overflow: hidden;
 padding-bottom: 60px;
 position: relative;
}

.tborder {
	background: inherit;
	width: 100%;
	margin-top: 3px;
}

.thead {
	background: #026CB1 url(../images/thead_bg.gif) top left repeat-x;
	color: #ffffff;
	padding: 10px;
border:0px;
}

.inzerce-lista {
	background: #026CB1 url(../images/thead_bg.gif) top left repeat-x;
	color: #ffffff;
	padding: 10px;
	height:20px;
border:0px; margin-bottom:5px;
}

.inzerat-info {
line-height:18px; margin-bottom:10px;
}

.inzerat-info img.inz-obr{
text-decoration:center; margin-bottom:10px; width:200px;
}

a.inz-sub {
font-size:11px; text-decoration:none;
}

.inz-home {
line-height:18px;
}

.inz-pridat {
float:right; margin:3px;}

.inzerat-admin {
 margin-bottom:10px; border:1px solid #acacac; padding:11px;
}

.inzerat-telo {
 margin-bottom:10px; line-height:18px; padding-left:10px;
}

.inzerat-telo h2{
 margin-bottom:10px; font-size:20px;
}

.inzerat-telo table {
border:0px solid gray; margin-top:10px;
}

.inzerat-telo table td{
 background:#f3f3f3; border:1px solid #c6c6c6;
}

.tagy {
text-align:right; 
}

.nejtagy {
	padding: 5px; margin-bottom: 5px;
}

.nejtagy a {
	margin-right: 5px; display:inline;
}
.nejtagy strong {
 font-size: 18px; display:block; padding-bottom:5px; border-bottom:1px solid #898989;
}
.reklama {
 width: 300px;
 height: 300px;
 float: right;
 margin: 10px 2px 0 0;
}

.nejctenejsi {
	padding: 5px; margin-top:3px; margin-bottom: 5px;
}

.nejctenejsi a{
display:block; padding:2px; margin-bottom:-8px; 
}

.nejctenejsi a:hover{
background:#ffff93;
}

.nejctenejsi strong {
 font-size: 18px; display:block;  padding-bottom:5px; border-bottom:1px solid #898989;
}

.novinky {
	width: 650px;
	height: 500px;
}

.novinky img {
 width: 120px;
height: 120px;
}

.novinky .main-news {
 height: 125px;
}

.soubor {
 width: 150px;
 height: 100px;
 border: 1px solid black;
 margin: 5px;
 text-align: center;
 float: left;
}

.soubor a {
 float: left;
 width: 100%;
 text-align: center;
}

.soubor .slozka {
 margin: 30px 0 15px 0
}

h1 span {
 display: none;
}

hr.cara-clanek {
 border-top: 1px solid #5d5d5d;
}


.main-news {
	background: #fff;
	border: 1px solid #979797;
	text-align: left;
	padding: 8px; 
	margin-top: 5px;
}

.other-news {
 background: #fff; padding:8px; 
 border: 1px solid #ccc;
 
}

.main-news img, .other-news img {
 border:1px;  float:left; margin-right:10px;
}

.main-news a h3, .other-news a h3 {
	color: #038209;
	height: 15px;
	display: inline;
	
	text-decoration: none;
}

.main-news a:hover h3, .other-news a:hover h3 {
	color: #003603;
	text-decoration: underline;
}


.main-news p {
line-height:20px; margin-top: 8px; text-align:left; font-size: 14px;
}

.other-news p {
line-height:18px; margin-top: 8px; text-align:left; font-size: 12px;
}

.info {
clear:both; background:#d3d3d3; padding:5px; margin-bottom: 10px; 
}


.newsroom {
margin-bottom:10px; line-height:18px;
}

.newsroom hr{
margin-bottom:20px;margin-top:20px;
}

.newsroom h2{
margin-bottom:10px;margin-top:20px; line-height:30px; font-size:24px; 
}

.newsroom img.hlavni{
float: left;  margin-left:5px;  margin-top:27px; margin-right:8px;
}

.newsroom .clanek-perex {
font-size: 14px; line-height:20px; color:#011749;
}

.newsroom .clanek-text {
font-size: 14px; line-height:20px;
}

img.news-avatar
{
	height:50px;
}

.aleft {
float:left; width:670px;
}

.aright {
	width: 305px;
	float: right;
}

.clear {
clear:both;
}

.str {
margin:5px; float:left; 
}

input.button {
	background-color: #2a7fcb; 
  background-image: url('/images/tl2.jpg');
  background-repeat: repeat-x;
  background-position:left top;
	color: white;
	height:30px; padding:0px;
	border:1px solid #085098;
}

.diary {
	width: 100%;
	border-bottom: 1px solid #C0C0C0;
	padding-bottom: 5px;
}
.add-comment{
	font-size:12px;
	margin:0 30px;
}
.add-comment a{
	color:#ccc;
}
.add-comment textarea{
	width:500px;
	height:40px;
}
.add-comment input{
	height:30px;
	margin:5px 10px 5px 0;
}

.comment{
	width:500px;
	min-height:50px;
	_height:50px;
	margin:10px 30px;
	display:block;
}
.comment img{
	float:left;
	margin:5px;
}
.comment .member{
	float:left;
	margin:0 5px 0 0;
	font-weight:bold;
}
.comment .delete{
	font-size:12px;
}
.admin {
color:#ccc;
display:none;
float:right;
}

.admin2 {
color:#ccc;
margin:0 0 0 50px;
display:none;
float:right;
}

.admin a {
font-size:12px; text-decoration:undeline;
}

.admin a:hover {
font-size:12px; color:black; text-decoration:none;
}


.diary:hover .admin {
color: #343e8c;
padding:5px;
}

.fotogalerie-a {
	float: left;
	padding:5px; max-height: 140px; _width:140px;
 margin-right:5px; margin-bottom:5px; vertical-align:middle;
}

.fotogalerie-foto {
max-height: 120px; text-align:center; vertical-align:middle; _height:120px;
}

.fotogalerie-foto img {
height: auto; position: relative; vertical-align:middle; padding:3px; 	border:1px solid #c2c2c2; _width:120px;
}

.fotogalerie-b {
padding: 5px; border-bottom:1px solid #c2c2c2; width: 500px;
}

.fotogalerie-b img {
float:left; max-width:80px;  width:expression(document.body.clientWidth < 80?
    "80px": "30%" ); /* pro IE */
}

.fotogalerie-gallery {
float:left; margin-left:10px
}

img.catimg2 {
vertical-align:middle;
}

img.pozvi-kamarada {
margin-bottom:8px;
}


/* top bar ------------------------------------------------------------------ */

#top-bar        { height: 44px; line-height: 42px; width: 100%; z-index: 100; background: #fff; position: absolute; top: 0; left: 0; border-bottom: 1px solid #a8a8a8; }
#top-bar #inner { z-index: 101; width: 1000px; margin: 0 auto; background: url(http://studyzone.cz/img/bg-top-bar-inputs.png) no-repeat 129px 6px; position: relative; height: 44px; }
#top-bar #inner2 { z-index: 101; width: 1000px; margin: 0 auto; position: relative; height: 44px; }
#tb-lets        { float: left; font-size: 18px; color: #012277; text-indent: 10px; }
#tb-lets span   { margin: 0 25px 0 5px; color: #9c9c9e; }
#top-bar form   { width: 400px; float: left; margin-top: 1px; text-align: left; }
#login-name, 
#login-pass     { width: 113px; border: none; background: #fff; font-size: 14px; }
#login-pass     { width: 86px; margin-left: 28px; }
#top-bar #login { position: absolute; text-indent: -1000px; top: 6px; left: 391px; width: 69px; height: 32px; background: url(http://studyzone.cz/img/btn-login.png) no-repeat; border: none; cursor: pointer; }
#top-bar img    { float: right; margin: 6px 10px 0 0; }

/* top bar logged ----------------------------------------------------------- */

#top-bar-logged         { height: 44px; line-height: 40px; color: #1d233a; width: 100%; z-index: 100; background: #fff; position: absolute; top: 0; left: 0; border-bottom: 1px solid #a8a8a8; }
#top-bar-logged #inner  { z-index: 101; width: 1000px; margin: 0 auto; background: url(http://studyzone.cz/img/bg-top-bar-logged.png) 190px 0 no-repeat; position: relative; height: 44px; }
#top-bar-logged div div { float: left; display: inline; }
#top-bar-logged a       { text-decoration: none; color: #2f80ba; }
#top-bar-logged a:hover { text-decoration: underline; }

#tbl-name      { font-size: 14px; font-weight: bold; color: #012277; width: 126px; text-align: center; overflow: hidden; }
#tbl-logout    { width: 65px; }
#tbl-profile   { width: 48px; }
#tbl-profile a { color: #1d233a; }
#tbl-settings  { width: 72px; cursor: pointer; }
#tbl-advices   { width: 468px; margin-left: 12px; font-weight: bold; color: #000; height: 44px; }
#tbl-advices a { text-decoration: underline; }

#adv-left, 
#adv-right  { position: absolute; top: 13px; left: 346px; width: 9px; height: 17px; display: none; cursor: pointer; background: url(http://studyzone.cz/img/arrows-01.gif) no-repeat left bottom; }
#adv-right  { left: 780px; background-position: right bottom; }
#adv-body   { left: 372px; position: absolute; width: 390px; height: 44px; overflow: hidden; }
#adv-cont   { width: 5000px; height: 44px; position: relative; left: 0; } 
#adv-cont p { width: 390px; height: 44px; float: left; position: relative; text-align: left; } 

#tbl-messages   { margin-left: 35px; }
#tbl-messages a { margin-left: 8px; color: #f45d20; font-weight: bold; }

/* header ------------------------------------------------------------------- */

#header            { height: 137px; overflow: hidden; background: url(http://studyzone.cz/img/bg-header.png) 0 44px no-repeat; padding-top: 44px; }
#header h2         { color: #012277; font-size: 18px; margin: 45px 0 0 44px; float: left; font-weight: normal; line-height: 1.3em; }
#header h2 strong  { font-size: 19px; display: block; }
#header h2.one-row { font-size: 20px; margin: 55px 0 0 67px; }

.logo       { width: 304px; text-align: right; overflow: hidden; float: left; }
.logo h1 a  { width: 304px; height: 47px; display: block; margin-top: 49px; text-indent: 1000px; }
.logo h1    { background: url(http://studyzone.cz/img/logo.png) no-repeat 100% 0; }
.logo small { text-transform: uppercase; color: #7b7c7b; font-size: 11px; position: relative; top: -10px; }

.logo.upol, .logo.cuni           { width: 356px; }
.logo.upol h1 a, .logo.cuni h1 a { width: 356px; margin-top: 50px; }
.logo.upol h1                    { background: url(http://studyzone.cz/img/logo-upol.png) no-repeat; }
.logo.cuni h1                    { background: url(http://studyzone.cz/img/logo-cuni.png) no-repeat; }

/* search ------------------------------------------------------------------- */

#search           { width: 273px; height: 237px; overflow: hidden; float: right; position: relative; background: url(http://studyzone.cz/img/bg-search-input.png) 8px 58px no-repeat; }
#search-btn-1, 
#search-btn-2     { position: absolute; top: 19px; left: 0; width: 73px; height: 37px; color: #424547; text-align: center; line-height: 27px; cursor: pointer; }
#search-btn-2     { left: 75px; width: 38px; }
#search-btn-1.act { background: url(http://studyzone.cz/img/btn-search-1.png) no-repeat; } 
#search-btn-2.act { background: url(http://studyzone.cz/img/btn-search-2.png) no-repeat; } 
#search-input     { width: 183px; border: none; background: #fff; font-size: 14px; position: absolute; top: 66px; left: 19px; }
#search-send      { background: url(http://studyzone.cz/img/bg-search-button.png) no-repeat; cursor: pointer; width: 33px; height: 34px; border: none; position: absolute; top: 58px; left: 217px; }
#search a         { position: absolute; top: 100px; left: 85px; color: #7b7c7b; text-decoration: none; }
#search a:hover   { color: #222; text-decoration: underline; }

/* menu --------------------------------------------------------------------- */

#menu      { height: 59px; margin-bottom: 15px; position: relative; background: #246089 url(http://studyzone.cz/img/bg-menu.png) no-repeat; }
#menu ul   { width: 100%; height: 59px; display: block; padding-left: 3px; }
#menu li   { float: left; font-size: 16px; font-weight: bold; height: 59px; padding-right: 2px; line-height: 59px; background: url(http://studyzone.cz/img/divider-01.png) no-repeat 100% 0; }
#menu li a { padding: 0 18px; display: block; color: #fff; height: 59px; text-decoration: none; position: relative; }
#menu-more { position: absolute; top: 19px; right: 11px; width: 65px; height: 19px; color: #fff; font-size: 16px; font-weight: bold; line-height: 19px; cursor: pointer; }
#menu li.act a span, #menu li a:hover span { background: url(http://studyzone.cz/img/bg-menu-item-right.png) no-repeat 0 11px; position: absolute; top: 0; right: 0; width: 17px; height: 59px; cursor: pointer; }
#menu li.act a, #menu li a:hover           { background: url(http://studyzone.cz/img/bg-menu-item-left.png) no-repeat 8px 11px; color: #041654; }

#menu-sub                  { display: none; width: 130px; position: absolute; top: 190px; right: 10px; z-index: 102; }
#menu-sub div              { background:url(http://studyzone.cz/img/bg-sub-top.png) no-repeat; position: relative; }    
#menu-sub #menu-sub-bottom { height: 9px; background:url(../img/bg-sub-bottom.png) no-repeat; }                     
#menu-sub span             { position: absolute; top: 10px; left: 64px; font-size: 16px; font-weight: bold; color: #041654; }
#menu-sub ul               { padding-top: 58px; }
#menu-sub li               { text-align: right; border-bottom: 1px dotted #757fa1; height: 28px; line-height: 28px; }       
#menu-sub li.last          { border: none; margin-bottom: -5px; }                 
#menu-sub a                { color: #041654; font-size: 14px; display: block; text-decoration: none; padding-right: 16px; }
#menu-sub a:hover          { color: #000; font-weight: bold; }
      
/* guide -------------------------------------------------------------------- */

.guide          { height: 90px; position: relative; background: url(../img/box-guide-green.png) no-repeat; }
.guide div      { float: left; height: 70px; }
.guide #g-box-1 { width: 325px; background: url(http://studyzone.cz/img/guide-green-1.png) no-repeat 0 17px; margin-left: 24px; }
.guide #g-box-2 { width: 363px; background: url(http://studyzone.cz/img/guide-green-2.png) no-repeat 0 17px; }
.guide #g-box-3 { width: 250px; background: url(http://studyzone.cz/img/guide-green-3.png) no-repeat 0 17px; }
.guide h3       { font-size: 18px; color: #262626; margin: 15px 0 0 56px; }
.guide span     { width: 14px; height: 14px; position: absolute; top: 6px; right: 6px; background: url(../img/btn-close.gif) no-repeat; cursor: pointer; }
.guide p        { margin: 6px 0 0 56px; }
.guide p a      { color: #003471; }

.orange          { background: url(http://studyzone.cz/img/box-guide-orange.png) no-repeat; height: 84px; }
.orange #g-box-1 { background: url(http://studyzone.cz/img/guide-orange-1.png) no-repeat 0 17px; }
.orange #g-box-2 { background: url(http://studyzone.cz/img/guide-orange-2.png) no-repeat 0 17px; }
.orange #g-box-3 { background: url(http://studyzone.cz/img/guide-orange-3.png) no-repeat 0 17px; }

/* search-friends ----------------------------------------------------------- */

#meet-friends               { height: 198px; overflow: hidden; position: relative; background: url(http://studyzone.cz/img/bg-meet-friends.png) no-repeat; }
#mf-tabs                    { background: url(http://studyzone.cz/img/icon-01.png) no-repeat 14px 2px; }
#mf-body                    { clear: left; width: 985px; height: 130px; padding: 6px 0 0 10px; }
#mf-body div                { margin-bottom: 10px; }
#mf-body div div            { width: 115px; height: 130px; background: url(http://studyzone.cz/img/bg-meet-friends-item.png) no-repeat; text-align: center; position: relative; float: left; margin-right: 8px; }
#mf-body div div div        { width: 113px; height: 101px; position: absolute; display: none; top: 27px; left: 0; background: #fff none; border: 1px solid #ccc; color: #041654; line-height: 1.4em; }
#mf-body div div div strong { margin-top: 11px; display: block; }
#mf-body div div div img    { position: absolute; top: 68px; left: 23px; }
#mf-body div div h4         { margin: 6px 0 13px 0; font-size: 12px; font-weight: bold; color: #004880; }

#meet-friends2               { height: 138px; overflow: hidden; position: relative; background: url(http://studyzone.cz/img/bg-meet-friends2.jpg) no-repeat; margin-bottom:10px; }
#mf-tabs2                    { background: url(http://studyzone.cz/img/icon-01.png) no-repeat 14px 2px; }
#mf-body2                    { clear: left; width: 985px; height: 130px; padding: 6px 0 0 10px; }
#mf-body2 div                { margin-bottom: 10px; }
#mf-body2 div div            { width: 115px; height: 130px; background: url(http://studyzone.cz/img/bg-meet-friends-item.png) no-repeat; text-align: center; position: relative; float: left; margin-right: 8px; }
#mf-body2 div div div        { width: 113px; height: 101px; position: absolute; display: none; top: 27px; left: 0; background: #fff none; border: 1px solid #ccc; color: #041654; line-height: 1.4em; }
#mf-body2 div div div strong { margin-top: 11px; display: block; }
#mf-body2 div div div img    { position: absolute; top: 68px; left: 23px; }
#mf-body2 div div h4         { margin: 6px 0 13px 0; font-size: 12px; font-weight: bold; color: #004880; }


/* tabs --------------------------------------------------------------------- */

ul.tabs         { height: 50px; list-style: none; padding-left: 86px; }
.tabs li        { float: left; height: 39px; line-height: 39px; font-size: 14px; font-weight: bold; margin: 11px 6px 0 0; }
.tabs li a      { padding: 0 12px; background: url(http://studyzone.cz/img/bg-tab-blue.png) no-repeat; color: #fff; height: 39px; display: block; position: relative; text-decoration: none; }
.tabs li a span { position: absolute; top: 0; right: 0; width: 5px; height: 39px; background: #33698f url(http://studyzone.cz/img/bg-tab-blue.png) no-repeat 100% 0; }

.tabs li.ui-tabs-selected        { height: 44px; line-height: 44px; margin-top: 6px; background: #fff; }
.tabs li.ui-tabs-selected a      { background: #fff url(http://studyzone.cz/img/bg-tab-blue-act.png) no-repeat; color: #000; }
.tabs li.ui-tabs-selected a span { background: url(http://studyzone.cz/img/bg-tab-blue-act.png) no-repeat 100% 0; }
.ui-tabs .ui-tabs-panel          { display: block; }
.ui-tabs .ui-tabs-hide           { display: none !important; }

/* box home advertising ----------------------------------------------------- */

#cols                      { width: 100%; overflow: hidden; margin-bottom: 11px; }
#home-study                { margin-top: 16px; width: 510px; overflow: hidden; float: left; background: url(http://studyzone.cz/img/bg-study-middle.png) repeat-y; }
#home-study .border-bottom { height: 100%; overflow: hidden; padding-bottom: 20px; background: url(http://studyzone.cz/img/bg-study-bottom.png) left bottom no-repeat; }
#st-tabs                   { background: url(http://studyzone.cz/img/bg-study-top.png) no-repeat; }

ul.tabs.type2                     { overflow: hidden; width: 100%; padding-left: 79px; }
ul.tabs.type2 li                  { height: 36px; line-height: 36px; }
ul.tabs.type2 li a                { height: 36px; padding: 0 11px; }
ul.tabs.type2 li a span           { height: 36px; }
ul.tabs.type2 li.ui-tabs-selected { height: 44px; line-height: 44px; }

#st1, #st2, #st3    { position: relative; width: 490px; overflow: hidden; padding-top: 19px; }
#st2, #st3          { width: 466px; margin-left: 24px; }
.st-item            { width: 218px; height: 54px; float: left; margin: 0 0 11px 24px; position: relative; }
.st-item img        { float: left; border-right: 5px solid #fff; }
.st-item h2         { font-size: 16px; }
.st-item h2 a       { color: #026cb1; text-decoration: none; }
.st-item p          { font-size: 11px; }
.st-item a:hover    { color: #222; }
.st-item div        { position: absolute; top: 0; left: 46px; width: 126px; height: 54px; background: url(http://studyzone.cz/img/bg-st-tip.png) no-repeat; display: none; text-align: right; padding-top: 8px; line-height: 1.5em; font-size: 12px; }
.st-item div strong { margin-right: 8px; }
.st-item span       { position: absolute; top: 5px; right: 6px; width: 20px; }
.st-item span img   { float: none; border: none; margin-bottom: 2px; }

/* box home news ------------------------------------------------------------ */

#home-news                { margin-top: 16px; width: 480px; overflow: hidden; float: right; background: url(http://studyzone.cz/img/bg-news-middle.png) repeat-y; }
#home-news .border-bottom { height: 100%; overflow: hidden; background: url(http://studyzone.cz/img/bg-news-bottom.png) left bottom no-repeat; padding-bottom: 11px; }
#ne-tabs                  { background: url(http://studyzone.cz/img/bg-news-top.png) no-repeat; }

ul.tabs.type3                            { padding-left: 64px; }
ul.tabs.type3 li                         { height: 36px; line-height: 36px; }
ul.tabs.type3 li a                       { height: 36px; padding: 0 11px; background-image: url(http://studyzone.cz/img/bg-tab-green.png); }
ul.tabs.type3 li a span                  { height: 36px; background-image: url(http://studyzone.cz/img/bg-tab-green.png); }
ul.tabs.type3 li.ui-tabs-selected        { height: 44px; line-height: 44px; }
ul.tabs.type3 li.ui-tabs-selected a      { background-image: url(http://studyzone.cz/img/bg-tab-green-act.png); }
ul.tabs.type3 li.ui-tabs-selected a span { background-image: url(http://studyzone.cz/img/bg-tab-green-act.png); }

#ne1, #ne2   { position: relative; width: 445px; margin: 13px 0 0 17px; }
#ne1 img     { border: 1px solid #535353; float: left; margin-right: 15px; }
#ne1 h2      { font-size: 16px; line-height: 1.3em; margin-bottom: 8px; }
#ne1 h2 a    { color: #00540d; }
#ne1 a:hover { text-decoration: none; }
#ne1 p       { line-height: 1.4em; }

.container                 { width:440px; height:98px; overflow:hidden; position:relative; }
.slides                    { position:absolute; top:0; left:0; }
.slides div                { position:absolute; top:0; width:440px; display:none; }
#loopedSlider, #newsSlider { margin:0 auto; width:440px; position:relative; clear:both; }
ul.pagination li           { float:left; font-size: 14px; font-weight: bold; margin-right: 5px; padding: 2px 6px; text-decoration: none; background: #7ec36a; color: #fff; display: block; }
ul.pagination a            { color: #fff; text-decoration: none; }
ul.pagination li.active    { background: #00982e; }

/* box home views ----------------------------------------------------------- */

#home-views                { margin-top: 9px; width: 480px; overflow: hidden; float: right; clear: right; background: url(http://studyzone.cz/img/bg-views-middle.png) repeat-y; }
#home-views .border-bottom { height: 100%; overflow: hidden; background: url(http://studyzone.cz/img/bg-views-bottom.png) left bottom no-repeat; padding-bottom: 11px; }
#vi-tabs                   { background: url(http://studyzone.cz/img/bg-views-top.png) no-repeat; }

ul.tabs.type4                     { overflow: hidden; width: 410px; padding-left: 64px; }
ul.tabs.type4 li                  { height: 36px; line-height: 36px; }
ul.tabs.type4 li a                { height: 36px; padding: 0 11px; }
ul.tabs.type4 li a span           { height: 36px; }
ul.tabs.type4 li.ui-tabs-selected { height: 44px; line-height: 44px; }
ul.tabs.type4 li.vi-right         { float: right; }

#vi1, #vi2      { position: relative; width: 445px; margin: 8px 0 0 21px; }
#vi2            { background: url(http://studyzone.cz/img/bg-textarea-1.png) 93px 39px no-repeat; padding-bottom: 10px; }
#vi1 li         { font-size: 16px; font-weight: bold; margin: 10px 0 17px 0; }
#vi1 li a       { color: #2a4668; }
#vi1 li a:hover { text-decoration: none; }
#vi2 h2         { font-size: 16px; font-weight: bold; margin-top: 2px; color: #2a4668; text-decoration: underline; }
#vi2 form       { margin: 13px 0 0 5px; line-height: 25px; }
#vi2 label      { cursor: pointer; font-size: 15px; font-weight: bold; color: #161616; margin-left: 13px; }
#vi2 textarea   { position: absolute; top: 45px; left: 121px; overflow: auto; color: #777777; font-style: italic; padding: 0; border: none; font-size: 12px; background: #fff; width: 220px; height: 60px; }
#vote-send      { background: url(http://studyzone.cz/img/btn-vote.png) no-repeat; cursor: pointer; width: 71px; height: 29px; border: none; text-align: center; font-weight: bold; color: #fff; position: absolute; top: 81px; left: 356px; }
#vi2 a          { background: url(http://studyzone.cz/img/btn-question.png) no-repeat; cursor: pointer; width: 86px; height: 29px; text-align: center; font-weight: bold; color: #fff; position: absolute; top: -5px; left: 357px; line-height: 29px; text-decoration: none; }

/* buttons ------------------------------------------------------------------ */

#btn-01           { border:0px; position: absolute; top: 11px; right: 15px; }
#btn-01 a         { border:0px; color:white; text-decoration:none; }
.button           { height: 39px; line-height: 39px; font-size: 14px; font-weight: bold; position: relative; padding: 0 12px; cursor: pointer; }
.button span      { position: absolute; top: 0; right: 0; width: 5px; height: 39px; }
.button.blue      { color: #fff; background: url(http://studyzone.cz/img/bg-tab-blue.png) no-repeat; }
.button.blue span { background: url(http://studyzone.cz/img/bg-tab-blue.png) no-repeat 100% 0; }

/* boxes -------------------------------------------------------------------- */

.box      { border: 1px solid #a4a4a4; position: relative; overflow: hidden; }
.box.blue { background: #fff url(http://studyzone.cz/img/bg-box-blue.png) repeat-x; }

/* map ---------------------------------------------------------------------- */

#map                 { overflow: hidden; position: relative; background: url(http://studyzone.cz/img/map.jpg) 0 -6px no-repeat; height: 444px; }
#map .mark           { display: block; width: 34px; height: 60px; background: url(http://studyzone.cz/img/mark.gif) 0 100% no-repeat; position: absolute; text-align: center; font-size: 14px; font-weight: bold; line-height: 2.4em; }
#map .mark.uni-1     { top: 179px; left: 512px; }
#map .mark.uni-2     { top: 116px; left: 233px; }
#map .mark.uni-3     { top: 235px; left: 448px; }
#map .mark.uni-4     { top: 150px; left: 600px; }
#map .mark.uni-5     { top: 135px; left: 560px; }
#map-list            { position: relative; float: right; width: 315px; height: 422px; margin-top: 4px; background: url(../img/box-map-list.png) 100% 0 no-repeat; }
#map-list h3         { color: #464d51; font-size: 22px; margin: 12px 0 0 50px; }
#map-list div        { position: absolute; top: 52px; left: 0; width: 307px; height: 363px; overflow: auto; }
#map-list li         { height: 31px; line-height: 31px; font-size: 14px; font-weight: bold; }
#map-list span       { width: 43px; display: block; float: left; margin-right: 8px; text-align: right; color: #000; cursor: pointer; }
#map-list li a       { color: #012277; height: 31px; display: block; text-decoration: none; }
#map-list li a:hover { color: #f65700; background: url(http://studyzone.cz/img/arrow-map-list.gif) no-repeat; }

.b-01            { margin-bottom: 19px; padding: 5px 0; }
.b-01 h3         { font-size: 18px; color: #f65700; margin-top: 11px; }
.b-01 p          { font-size: 14px; line-height: 1.4em; margin: 19px 0 15px 0; }
#b-01-l, #b-01-r { width: 451px; float: left; margin-left: 21px; display: inline; }
#b-01-ko         { width: 700px; float: left; margin-left: 21px; display: inline; }
#b-01-r          { padding-left: 21px; border-left: 1px solid #b7b8ba; }

/* profile top -------------------------------------------------------------- */

#profile { overflow: hidden; height: 155px; position: relative; background: url(http://studyzone.cz/img/bg-profile.png) no-repeat; }
#pr-photo { width: 100px; height: 112px; margin: 12px 0 0 23px; border: 1px solid #636363; position: relative; float: left; }
#pr-photo a { width: 50px; height: 23px; background: #3e3e3e; position: absolute; right: 0; bottom: 0; text-align: center; display: block; color: #fefefe; line-height: 23px; text-decoration: none; }
#pr-photo a:hover { background: #000; }
#profile h2 { font-size: 18px; color: #0558ad; position: absolute; top: 6px; left: 165px; }
#profile h2 span { font: 12px normal; font-style: italic; color: #686868; display: block; }
#pr-age { color: #525252; position: absolute; top: 16px; left: 267px; font-weight: bold; }
#pr-last { color: #131313; position: absolute; top: 16px; left: 333px; }
#pr-last strong { margin-right: 4px; }
#pr-stat { color: #131313; position: absolute; top: 16px; left: 670px; font-weight: bold; }
#pr-stat #pr-stat-online { margin-left: 3px; color: #008f03; }
#pr-stat #pr-stat-offline { margin-left: 3px; color: #e84137; }
#pr-icons { overflow: hidden; width: 400px; height: 66px; position: absolute; top: 58px; left: 162px; }
#pr-icons a { width: 105px; height: 70px; float: left; display: block; background: url(http://studyzone.cz/img/pr-icon-1.jpg) 50% 0 no-repeat; padding-top: 51px; color: #3d3d3d; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; margin-right: 12px; position: relative; }
#pr-icons a#pr-i2 { background-image: url(http://studyzone.cz/img/pr-icon-2.jpg); }
#pr-icons a#pr-i3 { background-image: url(http://studyzone.cz/img/pr-icon-3.jpg); }
#pr-icons a:hover { color: #000; }
#pr-icons a span { position: absolute; top: 13px; left: 40px; width: 25px; color: #000; text-align: center; }
#pr-up { position: absolute; top: 32px; right: 146px; cursor: pointer; }
#pr-down { position: absolute; top: 32px; right: 30px; cursor: pointer; }
#pr-counter { position: absolute; top: 23px; right: 80px; width: 61px; height: 44px; background: url(http://studyzone.cz/img/bg-profile-box.png) no-repeat; font-size: 18px; text-align: center; font-weight: bold; color: #008f03; line-height: 44px; }
#pr-link { position: absolute; top: 98px; right: 6px; width: 215px; height: 36px; background: url(http://studyzone.cz/img/bg-profile-link.png) no-repeat; font-size: 14px; text-align: center; font-weight: bold; color: #37517f; line-height: 36px; text-decoration: none; }
#pr-link:hover { color: #000; }

/* diary --------------------------------------------------------------------- */

#diary                { width: 589px; overflow: hidden; float: left; background: url(http://studyzone.cz/img/bg-diary-middle.png) repeat-y; }
#diary .border-bottom { overflow: hidden; background: url(http://studyzone.cz/img/bg-diary-bottom.png) left bottom no-repeat; padding-bottom: 11px; }
#di-tabs              { background: url(http://studyzone.cz/img/bg-diary-top.png) no-repeat; }

ul.tabs.type5                     { overflow: hidden; width: 589px; padding-left: 12px; }
ul.tabs.type5 li                  { height: 36px; line-height: 36px; }
ul.tabs.type5 li a                { height: 36px; padding: 0 11px; }
ul.tabs.type5 li a span           { height: 36px; }
ul.tabs.type5 li.ui-tabs-selected { height: 44px; line-height: 44px; }

#di1                     { position: relative; overflow: hidden; margin: 5px 0 0 7px; width: 574px; }
#di2,#di3,#di4,#di5,#di6 { position: relative; overflow: hidden; margin: 8px 0 0 9px; }

#di-new               { position: relative; overflow: hidden; background: url(http://studyzone.cz/img/bg-diary-new.png) repeat-x; border: 1px solid #aaa; padding-top: 12px; }
#di-new label         { font-size: 14px; color: #111; font-weight: bold; margin-left: 15px; cursor: pointer; }
#di-new label small   { font-size: 11px; color: #1e5982; font-weight: normal; margin-left: 5px; }
#di-heading           { border: 1px solid #808080; margin: 10px 0 6px 9px; width: 546px; padding: 3px; color: #111; font-size: 12px; background: #fff; }
#di-message           { border: 1px solid #808080; margin: 8px 0 0 9px; width: 546px; height: 96px; padding: 3px; color: #111; font-size: 12px; background: #fff; overflow: auto; }
#di-new-close         { width: 41px; height: 24px; display: block; position: absolute; top: 7px; right: 9px; cursor: pointer; background: url(../img/btn-di-close.png) no-repeat; text-align: center; line-height: 24px; color: #fff; }
#di-icon              { width: 148px; height: 40px; margin: 0 0 10px 9px; color: #3e3e3e; font-size: 14px; line-height: 37px; float: left; background: url(../img/bg-ti-icon.png) no-repeat; }
#di-icon strong       { margin-left: 9px; float: left; }
#di-icon img          { margin-left: 12px; cursor: pointer; position: relative; top: 11px; float: left; }
#di-smile             { width: 54px; height: 24px; display: block; cursor: pointer; font-size: 12px; float: right; margin: 7px 8px 0 0; background: url(../img/btn-di-smile.png) no-repeat; text-align: center; line-height: 24px; color: #fff; }
#di-send              { float: right; margin: 9px 9px 0 0; background: url(http://studyzone.cz/img/btn-di-send.png) no-repeat; cursor: pointer; width: 60px; height: 30px; border: none; color: #fff; font-weight: bold; font-size: 14px; }
#di-attach-file       { clear: both; text-align: center; border-top: 1px dotted #848484; height: 36px;}
#di-attach-file input { border: 1px solid #767676; padding: 3px; width: 300px; color: #111; position: relative; top: 7px; }
#di-attach            { height: 49px; overflow: hidden; }
#di-attach strong     { font-size: 14px; color: #7d7d7d; margin: 0 24px 0 11px; line-height: 53px; float: left; }
#di-attach span       { background: url(../img/icon-06.jpg) no-repeat; cursor: pointer; display: block; width: 50px; height: 31px; float: left; margin-top: 12px; padding-left: 33px; line-height: 29px; font-weight: bold; }

#disc-head       { position: relative; overflow: hidden; margin-top: 10px; width: 572px; height: 40px; background: #abd8f8; border: 1px solid #87adc7; text-align: right; color: #000; line-height: 38px; }
#disc-head input { position: relative; top: 1px; }
#disc-head label { margin-right: 7px; cursor: pointer; }

#disc-body                      { position: relative; overflow: hidden; }
#disc-body li                   { background: url(http://studyzone.cz/img/bg-disc.png) 0 100% no-repeat; padding-bottom: 7px; position: relative; }
#disc-body li .heading          { margin: 11px 0 0 7px; display: block; padding-left: 28px; color: #000; font-size: 14px; line-height: 15px; height: 15px; background: url(../img/icon-07.gif) 0 0 no-repeat; }
#disc-body li span a            { color: #062c8e; text-decoration: none; }
#disc-body li span a:hover      { text-decoration: underline; }
#disc-body li .heading a strong { text-decoration: underline; color: #0558ad; }
#disc-body li small             { font-size: 14px; color: #505050; margin-left: 12px; }
#disc-body li b                 { margin-left: 5px; }
#disc-body li li                { background: none;; position: relative; border-top: 1px dotted #889ac9; margin-top: 9px; overflow: hidden; }
#disc-body li li img            { border: 1px solid #7c7c7c; margin: 7px 0 0 11px; float: left; }

.disc-add            { margin: 11px 0 0 35px; color: #7b7b7b; cursor: pointer; }
.disc-new            { position: relative; overflow: hidden; padding-bottom: 5px; background: url(http://studyzone.cz/img/bg-disc-textarea.png) 65px 13px no-repeat; }
.disc-new img        { border: 1px solid #7c7c7c; margin: 12px 0 0 11px; }
.disc-new textarea   { border: none; margin: 8px 0 0 9px; width: 455px; height: 33px; padding: 3px; color: #000; font-size: 12px; background: #fff; overflow: auto; position: absolute; top: 9px; left: 81px; }
.disc-new input      { margin: 4px 0 0 90px; float: left; background: url(../img/btn-disc-send.png) no-repeat; cursor: pointer; width: 102px; height: 24px; border: none; color: #fff; font-size: 12px; }
.disc-new form span  { width: 47px; height: 24px; float: left; margin: 4px 0 0 5px; background: url(http://studyzone.cz/img/btn-disc-cancel.png) no-repeat; cursor: pointer; text-align: center; color: #fff; line-height: 22px; }
.disc-comment        { width: 506px; float: right; margin-top: 8px; }
.disc-comment span a { font-weight: bold; color: #0558ad; }
.disc-comment span a.dc-red { color: #ff1414 !important; }
.disc-comment p      { color: #464646; line-height: 1.4em; margin-top: 6px; }
p.p-comm             { color: #000; line-height: 1.3em; margin: 8px 0 0 36px; font-size: 14px; }
#disc-older          { width: 149px; height: 30px; display: block; margin: 0 0 30px 410px; line-height: 30px; text-align: center; text-decoration: none; color: #fff; background: url(../img/btn-disc-old.png) no-repeat; cursor: pointer; }

/* spec --------------------------------------------------------------------- */

#spec                { width: 400px; overflow: hidden; float: right; clear: right; background: url(http://studyzone.cz/img/bg-spec-middle.png) repeat-y; margin-bottom: 8px; }
#spec .border-bottom { height: 100%; overflow: hidden; background: url(http://studyzone.cz/img/bg-spec-bottom.png) left bottom no-repeat; padding-bottom: 14px; }
#sp-tabs             { background: url(../img/bg-spec-top.png) no-repeat; }

ul.tabs.type6                            { overflow: hidden; width: 410px; padding-left: 55px; }
ul.tabs.type6 li                         { height: 36px; line-height: 36px; }
ul.tabs.type6 li a                       { height: 36px; padding: 0 13px; background-image: url(http://studyzone.cz/img/bg-tab-orange.png); }
ul.tabs.type6 li a span                  { height: 36px; background-image: url(http://studyzone.cz/img/bg-tab-orange.png); }
ul.tabs.type6 li.ui-tabs-selected        { height: 44px; line-height: 44px; }
ul.tabs.type6 li.ui-tabs-selected a      { background-image: url(http://studyzone.cz/img/bg-tab-orange-act.png); }
ul.tabs.type6 li.ui-tabs-selected a span { background-image: url(http://studyzone.cz/img/bg-tab-orange-act.png); }

#sp1              { position: relative; overflow: hidden; background: url(http://studyzone.cz/img/bg-spec-input.png) 15px 11px no-repeat; }
#sp1 #sp-add      { float: left; margin: 18px 0 0 27px; width: 153px; border: none; background: #fff; font-size: 14px; }
#sp1 #sp-send     { background: url(http://studyzone.cz/img/btn-spec-add.png) no-repeat; cursor: pointer; width: 31px; height: 34px; border: none; position: absolute; top: 11px; left: 175px; }
#sp1 p            { color: #696969; margin: 20px 0 0 46px; float: left; }
#sp-items         { clear: both; margin-top: 55px; overflow: hidden; border-top: 1px solid #c1c1c1; }
#sp-items ul      { margin: 2px 0 0 15px; }
#sp-items li      { float: left; background: #c5e5fb; border: 1px solid #a4a4a4; color: #00115b; padding: 4px 32px 3px 7px; margin: 10px 6px 0 0; position: relative; }
#sp-items li span { position: absolute; top: 0; right: 0; width: 21px; height: 22px; background: url(http://studyzone.cz/img/icon-02.png) no-repeat; cursor: pointer; }
#sp2              { position: relative; overflow: hidden; margin: 13px 13px 0 13px; }

/* tips --------------------------------------------------------------------- */

#tips                { width: 400px; overflow: hidden; float: right; clear: right; clear: right; background: url(http://studyzone.cz/img/bg-spec-middle.png) repeat-y; }
#tips .border-bottom { height: 100%; overflow: hidden; background: url(http://studyzone.cz/img/bg-spec-bottom.png) left bottom no-repeat; padding-bottom: 11px; }
#ti-tabs             { background: url(../img/bg-tips-top.png) no-repeat; }

ul.tabs.type7                     { overflow: hidden; width: 410px; padding-left: 54px; }
ul.tabs.type7 li                  { height: 36px; line-height: 36px; }
ul.tabs.type7 li a                { height: 36px; padding: 0 13px; }
ul.tabs.type7 li a span           { height: 36px; }
ul.tabs.type7 li.ui-tabs-selected { height: 44px; line-height: 44px; }

#ti1             { position: relative; overflow: hidden; padding-bottom: 11px; }
.ti-head         { height: 66px; position: relative; border-bottom: 1px solid #797979; background: url(http://studyzone.cz/img/icon-03.png) 11px 11px no-repeat; }
.ti-head.h2      { background: url(http://studyzone.cz/img/icon-04.png) 11px 11px no-repeat; }
.ti-head h2      { font-size: 18px; color: #000; margin-left: 66px; line-height: 63px; }
.ti-head a       { width: 102px; height: 28px; display: block; position: absolute; top: 19px; right: 16px; background: url(http://studyzone.cz/img/btn-ti-1.png) no-repeat; text-align: center; line-height: 28px; color: #fff; text-decoration: none; }
.ti-head.h2 a    { width: 82px; background: url(http://studyzone.cz/img/btn-ti-2.png) no-repeat; }
#ti1 table       { width: 100%; border-collapse: collapse; }
#ti1 th, #ti1 td { padding: 6px 0px 6px 15px; border-bottom: 1px solid #c4c4c4; border-left: 1px solid #9e9e9e; text-align: left; }
#ti1 td          { font-size: 11px; color: #1e5982; padding: 3px; border-left: none; border-right: 1px solid #9e9e9e; }
#ti1 th a        { color: #032477; }
#ti2             { position: relative; overflow: hidden; margin: 13px 13px 0 13px; }
#ti1 tr.highlight th, #ti1 tr.highlight td { background: #ffebb6; }

/* footer ------------------------------------------------------------------- */

#footer      { overflow: hidden; position: relative; background: url(http://studyzone.cz/img/box-footer.png) no-repeat; height: 86px; }
#footer p    { margin: 27px 0 0 202px; width: 340px; float: left; }
#footer ul   { float: right; width: 430px; overflow: hidden; margin-top: 19px; }
#footer li   { float: left; height: 32px; line-height: 32px; }
#footer li a { padding: 0 12px; display: block; color: #363d4a; height: 32px; text-decoration: none; position: relative; margin-right: 3px; }
#footer li.act a, #footer li a:hover           { background: url(http://studyzone.cz/img/bg-footer-item-left.png) no-repeat; color: #041654; }
#footer li.act a span, #footer li a:hover span { background: url(http://studyzone.cz/img/bg-footer-item-right.png) no-repeat; position: absolute; top: 0; right: 0; width: 5px; height: 32px; cursor: pointer; }