/********************************************
	AUTHOR:  			Jiří Černý
	E-MAIL:           Tvorbawebu@email.cz
	WEBSITE:   			http://www.tukni.cz/
	TEMPLATE NAME:		Tukni.cz      	
 *******************************************/
 
/* Top Elements */
* { margin: 0; padding: 0; }

body {background: #efefef url(../img/body.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: none;color: #059cec;background: inherit;}
a:hover {text-decoration: underline;background: inherit;}

a#graficke-navrhy{background: url(../img/graficke-navrhy.png) no-repeat center top;width:100px;height: 107px;padding: 0 0 114px 129px;}
a:hover#graficke-navrhy{background-position: center bottom;}
a#uvedeni-projektu{background: url(../img/uvedeni-projektu.png) no-repeat center top;width:100px;height: 107px;padding: 0 0 114px 129px;}
a:hover#uvedeni-projektu{background-position: center bottom;}
a#kodovani-stranek{background: url(../img/kodovani-stranek.png) no-repeat center top;width:100px;height: 107px;padding: 0 0 114px 129px;}
a:hover#kodovani-stranek{background-position: center bottom;}
a#graficke-navrhy span, a#uvedeni-projektu span, a#kodovani-stranek span{display: none;}
a#graficke-navrhy, a#uvedeni-projektu, a#kodovani-stranek{margin: 0 12px;}

/* 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: 10px 0;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;color: #000;}
ul span, ol span {color: #666666;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width: 712px;background: none;margin: 0 auto;text-align: left;}
#content-wrap {clear: both;width: 700px;padding: 0;margin: 0 auto;}
#header {position:relative;width: 712px;height: 194px;background: #CCC url(../img/header.png) no-repeat center top;padding: 0;font-size: 14px;color: #FFF;}
#header #logo {position:absolute; top:72px; left:434px; overflow:hidden; width:224px; height:80px; margin:0; padding:0; font-size:100%; letter-spacing:5px;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../img/logo.png") 0 0 no-repeat; cursor:pointer;}

/* Menu */
#menu {float:right;margin-right: 0px; padding:0;background: url(../img/menu.png) no-repeat center top;font: 16px Verdana, Arial, Tahoma, Sans-serif;width:212px;height: 193px;}
#menu ul {float:left;list-style: none;margin:0; padding: 0;}
#menu ul li {margin-left: 18px;}
#menu ul li a {display: block;float: left;padding: 15px 8px;color: #000000;text-decoration: none;width: 158px;height: 14px;text-align: center;}
#menu ul li a:hover {text-decoration: underline;}
#menu ul li.current a {text-decoration: underline;}

/* Uvodni kec */
#about-me {float:left;margin-left: 23px; padding:0;background: url(../img/o-me.png) no-repeat center top;font: 16px Verdana, Arial, Tahoma, Sans-serif;width:444px;height: 178px;}
#about-me h2{font: bolder 18px Verdana, Arial, Tahoma, Sans-serif;color:#000;padding: 10px;}
#about-me p{font: 12px Verdana, Arial, Tahoma, Sans-serif;color:#000;line-height: 23px;padding: 10px;}

/* Main Column */
#main {float: left;width: 460px;padding: 0; margin: 0;}
#main .cbox{background: #FFF url(../img/content.png) no-repeat;width: 432px;height: 192px;margin: 0 20px;_margin-left: 0;padding: 0;position: relative;}
#main .cbox h2 {font: Bold 16px Verdana, 'Trebuchet MS', Sans-serif;color: #919191;position: absolute;top: 13px; left: 20px;}
#main .cbox p {position: absolute;top: 50px; right: 15px;float:right; text-align: justify;width: 235px;}
#main .cbox .nahled {position: absolute;top: 60px; left: 15px; width: 171px;height: 115px;}

/* Sidebar */	
#sidebar {float: right;width: 200px;padding: 0; margin-right: 0px;}	
#sidebar h2 {margin-top: 10px;padding: 5px 0 5px 25px;font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;	color: #059cec;background: url(../img/right-ico.gif) no-repeat left center;}
#sidebar .left-box {margin: 0;color:#000;margin-top: -8px; text-align: justify;}

/* Footer */	
#footer {color: #000;background: #000 url(../img/footer-bcg.png) repeat-x center top;clear: both;width: 100%;height: 256px;margin-top: 30px;text-align:left;}
#footer h2{color:#059cec;font-size: 15px;}
#footer .content {width: 900px;height:256px;margin: 0 auto;background: url(../img/footer-kapky.png) no-repeat center bottom;font-size:110%;position:relative;}
#footer .content .copyright{position: absolute;left:0;top: 215px;}
#footer .content .login{position: absolute;right:0;top: 218px;}
#footer .content .login .txt{background: #FFF;border: 1px solid #2A75B2;margin: 2px;color:#000;width: 126px;height: 16px;padding: 2px;}
#footer .content .login .submit{background: #FFF url(../img/input-log.png) no-repeat;color: #FFF;width: 104px;height: 22px;border: 0;font-size: 100%;font-weight: bolder;padding: 0 0 2px 12px;}
#footer .content2 {width: 700px;height:200px;margin: 0 auto;font-size:100%;position:relative;}
#footer .content2 .mapa{background: url(../img/mapa-cr.png) no-repeat;width: 147px;height: 84px;position: absolute;top: 65px;left: 200px;}
#footer .content2 .left{float:left;width: 64%;margin-top: 10px;}
#footer .content2 .right{float:right;width: 35%;margin-top: 10px;}

/* 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;}

/* display and additional classes */
.clear { clear: both; }
.bublina {padding:1px 10px 1px 10px;color:#333333;background:/*#212121*/#FFF;border:2px solid #A5ACB2 /*#6F9A0C*/;border-top:3px solid #A5ACB2;}
.dispnone{display: none;}

/* Color */
.blue{color:#059cec;}
.white{color: #FFF;}
.gray{color:#999797;}
.green{color: green;}
.red{color: red;}

/* Background */
.befefef{background:#efefef;}

/* Pozice */
.mar20px{margin: 20px;}
.mar40pxtop{margin-top: 40px;}

/* Nadpisy */
#index, #reference, #kontakt, #nabidka {position:relative; overflow:hidden; width:460px; height:30px; margin:30px 0; padding:0; font-size:10%; text-align:center;}
#index span, #reference span, #kontakt span, #nabidka span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0;}
#reference span {background:url("../img/texty/reference.png") center center no-repeat;}
#kontakt span {background:url("../img/texty/kontakt.png") center center no-repeat;}
#index span {background:url("../img/texty/tvorba-www-stranek.png") center center no-repeat;}
#nabidka span {background:url("../img/texty/nabidka.png") center center no-repeat;}

.title {margin:30px 0 20px 0; background:url("../img/dot.png") 0 50% repeat-x; font-size:100%;}
.title span {margin-left:15px; padding:0 4px; background:#efefef; color:#aeaeae; font-weight:normal;}
.title span.blue{color:#059cec;}

/* Stránkování */
#PagerId{text-align: center;line-height: 30px;}
#PagerId a{border: 1px solid #D7D7D7;padding: 3px 6px;color:#C8C8C8;}
#PagerId a:hover{background: #666666;color: #FFF;}

/* Kontakt form */
#contact .submitter{width: 158px;height: 46px;background: url(../img/submit-odeslat.png) no-repeat center top;border: 0; cursor:pointer;}
#contact .submitter:hover{background-position:center bottom;}
#contact .inptext{width: 46%;margin: 2px;height: 17px;padding: 4px;background: #efefef;border: 1px solid #059cec;}
#contact .inptext2{width: 97%;margin: 2px;height: 17px;padding: 4px;background: #efefef;border: 1px solid #059cec;}
#contact textarea{width: 97%;margin: 2px;height: 150px;padding: 4px;background: #efefef;border: 1px solid #059cec;}