/********************************************
	AUTHOR:  			Jiri Cerný
	E-MAIL:           Tvorbawebu@email.cz
 *******************************************/
 
/* Top Elements */
* { margin: 0; padding: 0; }

body {background: #caecf8 url(../img/body-bg.png) repeat-x center top;font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;color: #000;text-align: center;}

/* links */
a, a:visited {text-decoration: underline;color: #000;}
a:hover {color: #3793C6;text-decoration: none;}

/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;}
h1 {font-size: 120%;}
h2 {font-size: 110%;color: #88ac0b;}
h3 {font-size: 110%;color: #666666;}

/* images */
img {border:0;}

h1, h2, h3, p {padding: 5px 10px 0 10px;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;color: #F3A10D;list-style:circle;}
ul span, ol span {color: #666666;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width: 900px;background: #FFF url(../img/wrap-bg.png) repeat-y center top;margin: 0 auto;text-align: left;}
#content-wrap {clear: both;width: 880px;padding: 0;margin: 0 auto;}
#header {width: 900px;position: relative;height: 120px;margin: 0 auto;padding: 0;font-size: 14px;color: #FFF;}
#header .logo {position: absolute;top: 20px; left:0;}
#header .logo a, #header .logo span {display: block;float:left;width: 345px;height: 42px;padding: 33px 0 0 0;color: #272727;text-align:center;font-size: 9px;}
#header .logo a {position: relative;text-align:left;}
#header .logo span {position: absolute;top: 0;	left: 0;cursor: pointer;}
#header .logo a span {background: #90D6F7 url(../img/logo.png) left center no-repeat;}
#header .vtip_dne{background: url(../img/header-right-bg.png) no-repeat;width: 457px;height: 86px;padding: 10px 20px 10px 10px;position: absolute;top: 3px;left: 420px;font-size: 0.9em;text-align:left;}
#header .vtip_dne a.vice{background: url(../img/arrow.gif) no-repeat left 8px;color:#FFF;padding: 0 6px 0 6px;text-decoration: underline;}
#header .vtip_dne a:hover.vice{text-decoration:none;}

/* Search-box */
#search-box{background: #b2d2df;border:1px solid #7daabc;margin: 10px 0;padding: 5px;}
#search-box .search-form{float:left;padding: 5px;width: 150px;height: 120px;border-left: 1px solid #316174;border-top: 1px solid #316174;border-bottom: 1px solid #316174;background: #43849e;}
#search-box .search-form .textbox{border:0;background: #FFF url(../img/search-box-textbox.png) no-repeat;width:140px;height:25px;padding: 0 5px;margin: 5px 0;}
#search-box .search-form .selbox{border: 1px solid #1d3944;background:#FFF;width: 150px;padding: 2px;margin: 5px 0;}
#search-box .search-form .submit{border:0;color:#000;background: #FFF url(../img/search-box-submit.png) no-repeat;width: 82px;height:24px;text-align:left;margin: 10px 0;padding: 0 0 3px 5px;cursor:pointer;float:right;}
#search-box .tag-cloud{overflow:auto;background: #60a2bc;color:#FFF;border: 1px solid #3f7c95;float:right;width: 425px;height: 110px;padding: 10px 5px;}
#search-box .tag-cloud a{color: #FFF;text-decoration: none;}
#search-box .tag-cloud a:hover{text-decoration:underline;}

/* Menu */
#menu {clear: both;margin: 0; padding: 0 40px 0 0;background: url(../img/menu-bg.png) no-repeat;font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;height: 61px;}
#menu ul {float: left;list-style: none;margin:17px 0 0 10px; padding: 0;}
#menu ul li {display: inline;}
#menu ul li a {display: block;float: left;padding: 0 8px;color: #aed3e5;text-decoration: none;}
#menu ul li a:hover {color: #FFF;}
#menu ul li#current a {background-color: #f2a00e;color: #FFF;}

/* Main Column */
#main {float: right;width: 610px;padding: 0; margin: 0;}
#main h1{font-size: 1.5em;margin: 10px 0;}
#main h1.box1 {clear:both;margin: 10px 0 0 0;font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;color: #FFF;padding: 12px 0 0 10px;height: 35px;background: #FFF url(../img/main-top-100-bg.png) no-repeat;}
#main .repeat1{border-left: 5px solid #3793c6;border-right: 5px solid #3793c6;margin: 0;padding:0 5px;}
#main .foot1{background: url(../img/main-bottom-100-bg.png) no-repeat;height: 11px;}
#main .box50{width: 300px;float:left;margin: 0 0 10px 0;}
#main .box50 h1.box2 {clear:both;margin: 10px 0 0 0;font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;color: #FFF;padding: 12px 0 0 10px;height: 34px;background: #FFF url(../img/main-top-50-bg.png) no-repeat;}
#main .box50 .repeat2{border-left: 5px solid #3793c6;border-right: 5px solid #3793c6;margin: 0;padding:0;width: 290px;}
#main .box50 .foot2{background: url(../img/main-bottom-50-bg.png) no-repeat;height: 13px;}
#main .vtip{border-bottom: 1px dashed #ADADAD;padding: 0 0 5px 0;}
#main .vtip h2 {padding: 5px 0 5px 10px;font-size: 1.5em;font-weight: normal;color: #3793C6;text-decoration: none;}
#main .vtip h2.cblack{ color: #F3A10D;}
#main .vtip h2 a{font-size: 1em;font-weight: normal;color: #3793C6;text-decoration: none;}
#main .vtip h2 a:hover{text-decoration: underline;}
#main .vtip p, #main .vtip table{padding: 2px 0 0 10px;}
#main .vtip a.ico_comment{margin: 0 0 0 10px;background: url(../img/ico/comment.png) no-repeat;padding: 3px 0 0 20px;text-decoration: none;color: #3793C6;}
#main .vtip a:hover.ico_comment{text-decoration: underline;}
#main .vtip a.ico_kategorie{margin: 0 0 0 10px;background: url(../img/ico/kategorie.png) no-repeat;padding: 3px 0 0 20px;text-decoration: none;color: #3793C6;}
#main .vtip a:hover.ico_kategorie{text-decoration: underline;}
#main .vtip .tools{float:right;margin: 5px;}
#main .vtip .tools a.libi div, #main .vtip .tools a.video_libi div{background: url(../img/libi-se-mi.png) no-repeat left top;width: 81px;height: 22px;float:left;margin: -3px 4px 0 4px;padding:0;}
#main .vtip .tools a:hover.libi div, #main .vtip .tools a:hover.video_libi div{background-position: left bottom;}
#main .vtip .tools a.nelibi div, #main .vtip .tools a.video_nelibi div{background: url(../img/libi-se-mi.png) no-repeat right top;width: 24px;height: 22px;float:left;margin: -3px 20px 0 0;padding:0;}
#main .vtip .tools a:hover.nelibi div, #main .vtip .tools a:hover.video_nelibi div{background-position: right bottom;}
#main .vtip .votes_count{float:left;margin: 0 20px 0 0;}
#main .vtip .fb_like{margin: 0 0 0 10px;}
#main .vtip .screen{float:left;padding: 15px 10px 10px 10px;}
#main .vtip .screen img{padding:5px;border: 1px solid #ABABAB;}
#main .komentar{clear:both;border-bottom: 1px solid #D8D7D1;border-top: 1px solid #D8D7D1;background: #F0EEE9;margin: -1px 0 0 0;padding: 5px;}
#main .komentar .obr{float:left;width: 19%;}
#main .komentar .obr img{padding: 7px;background: #DEDCD7;border: 1px solid #9B9A97;}
#main .komentar .cont{float:right;width: 78%;}
#main .komentar .cont .user a{font-size: 1.4em;color: #3793C6;text-decoration: none;}
#main .komentar .cont .date{font-size: 0.8em;color:#303030;}
#main .komentar .cont .text{padding:5px 0 0 0;}

/* Sidebar */	
#sidebar {float: left;width: 260px;padding: 0; margin: 0;}
#sidebar a:hover{color: #F3A10D;}	
#sidebar h1 {margin-top: 10px;padding: 12px 0 0 10px;font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;height: 32px;color: #FFF;background: #EEF0F1 url(../img/sidebar-top-bg.png) no-repeat;}
#sidebar .foot{clear:both;background: url(../img/sidebar-bottom-bg.png) no-repeat;height: 10px;width: 260px;}
#sidebar .left-box {border-left: 5px solid #f3a10d;border-right: 5px solid #f3a10d;	margin: 0;padding:0 5px;}
#sidebar ul.sidemenu {list-style: none;text-align: left;margin: 0; padding: 0;text-decoration: none;}
#sidebar ul.sidemenu li {border-bottom: 1px dashed #CBCCCD;margin: 0 2px;padding: 6px 0;}
#sidebar ul.sidemenu li a {font-weight: bolder;text-decoration: none;background: url(../img/sidebar-arrow.png) no-repeat left 5px;padding: 6px 0 6px 16px;}
#sidebar ul.sidemenu li a:hover{color: #F3A10D;background-position: left -29px;}
#sidebar #login img{border: 2px solid #F3A10D;margin: 0 3px 3px 0;}
#sidebar #login ul{margin: 0 0 0 2px;}
#sidebar #login li {position:relative;width: 100px;font-size: 11px;}
#sidebar #login ul li ul{position:absolute;top:0;left:90px;visibility:hidden;padding:2px;z-index: 10000;}
#sidebar #login ul li:hover ul{visibility:visible;display:block;position:absolute;border: 1px solid #121212;background: #FFF;}
#sidebar #login ul li:hover ul li {display:block;float:none;}
#sidebar #login ul li:hover ul li a {padding: 4px 6px 4px 1px;}
#sidebar .inpbox {background: url(../img/sidebar-inp-bg.png) no-repeat;width: 138px;height: 27px;border:0;padding: 0 5px;color: #ABABAB;}

/* Footer */	
#footer {color: #FFF;background: #FFF url(../img/footer-bg.png) no-repeat center top;clear: both;margin: 0 auto;width: 880px;height: 67px;text-align: center;font-size: 92%;margin-bottom: 20px;padding: 10px;}
#footer a { text-decoration: none; }

/* Forms */
form .butt{background: url(../img/but-bg.png) no-repeat center top; width: 110px;height: 20px;border:0;margin: 3px 0;cursor: pointer;}
form .butt:hover{background-position: center bottom;}
#formular{border:0;}
#formular fieldset{border: 1px solid #D2E8FA;background: #FCFEFF;padding: 10px;position:relative;margin: 0 0 20px 0;}
#formular fieldset h2{color:#000;font-weight: normal;font-size: 20px;line-height: 47px;padding: 0 0 0 60px;}
#formular fieldset h2.jedna {background: url(../img/ico/1-but.png) no-repeat;}
#formular fieldset h2.dva {background: url(../img/ico/2-but.png) no-repeat;}
#formular fieldset h2.tri {background: url(../img/ico/3-but.png) no-repeat;}
#formular fieldset .arrow{background: url(../img/form-arrow.png) no-repeat;width: 34px;height: 11px;position:absolute;left: 30px;bottom: -21px;}
#formular .button{background: url(../img/but-bg.png) no-repeat;text-align:center;color: #000;width: 110px;height: 20px;border:0;cursor:pointer;margin: 0;}
#formular .button:hover{background-position: center bottom;}
#formular fieldset .tab {margin: 0 0 0 60px;}
#formular fieldset .tab label{cursor:pointer;color: #3E434A;font-weight:bolder;text-align:right;width: 400px;}
#formular fieldset .tab input, textarea{color:#3e434a; font-size:13px; font-family:Arial, sans-serif; margin:2px; padding:3px;}
#formular fieldset .info {margin: 0 0 0 60px;color: #747474;}

/* Rating */
.rating{	margin-right: 20px;}
.rating .rat { list-style:none; margin:0; padding:0; height:16px; position:relative; float:left; text-align:left; width:89px; overflow:hidden; }
.rating .rat li { text-indent:-90000px; padding:0; margin:0; /*\*/ float: left;/* */ }
.rating .rat li.current-rating { position: absolute; height:16px; display: block; text-indent: -9000px; z-index: 1; }
.rating .rat { background: url(../img/rating.png) 0 0 repeat-x; }
.rating .rat li.current-rating { background: url(../img/rating.png) 0 18px; }

/* TOP bar */
#topbar {text-align: left;position: absolute;padding: 2px;width: 120px;height: 240px;z-index: 100;}
#topbar a {margin-bottom: -2px;margin-right: 1px;line-height: 9px;}

/* Navigation */
.PagerClass{color:#000;margin: 10px 0 0 0;text-align: center;}
.PagerClass a{border: 1px solid #456D96;background: #648DB6;padding: 2px 4px;color:#FFF;text-decoration: none;}
.PagerClass a:hover{border: 1px solid #2A4B6C;background: #44729F;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.mar0auto{margin:  0 auto;}
.mar10left{padding: 0 0 0 10px;}

/* display and additional classes */
.clear { clear: both; }
.dispnone{display:none;}
.w100p { width: 100%; }
.hlaska{ color: green; text-align:center; }
.hlaska2{ color: #CC0000; text-align:center; }

/* velikosti písem */
.fs8px{font-size:8px;}
.fs9px{font-size:9px;}
.fs10px{font-size:10px;}
.fs11px{font-size:11px;}
.fs12px{font-size:12px;}
.fs13px{font-size:13px;}
.fs14px{font-size:14px;}
.fs15px{font-size:15px;}
.fs16px{font-size:16px;}
.fs17px{font-size:17px;}
.fs18px{font-size:18px;}
.fs19px{font-size:19px;}
.fs20px{font-size:20px;}
.fs21px{font-size:21px;}
.fs22px{font-size:22px;}
.fs23px{font-size:23px;}
.fs24px{font-size:24px;}
.fs25px{font-size:25px;}