/*- CSS Prolog -*/
html, body	{ margin:0; padding:0; height:100%; text-align:center; font-family: Verdana, 'Geneva CE', lucida, sans-serif; color:#333; background:#FEFEFE; }

/*- Definice zakladniho font-size, tak aby to spocitala i Opera -*/
html				{ font-size:106.5%; background:#fff9f5; }
body				{ width:100%; font-size:76.5%; background:#fff9f5; /*-background:#FFFFFF url('../img/grad-page.gif') center -5px repeat-x;-*/ }
table				{ font-size:100%; }

/*- Zakladni vlastnosti -*/
a					{ color:#F60; }
a:hover				{ color:#FFF; background:#F60; text-decoration:none; }
img					{ border:0; }
a img.foto			{ border:1px solid #F60; }
table               { width:100%; }
table tr td         { vertical-align:top; border:0 !important; }

/*- Obecne classy -*/
.cleaner, .clear	{ clear:both; height:1px; font-size:1px; visibility:hidden; overflow:hidden; }
.hide, .blind		{ position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden; }
.nodisplay			{ display:none; }
.left				{ float:left; margin:0 2em 1em 0; }
.middle				{ float:left; margin:0 auto 1em 17px !important; }
.right				{ float:right; margin:0 0 1em 2em; }
.foto				{ border:2px solid #F60; }
.more				{ text-align:right; font-weight:bold; }

/*- Rozvrzeni pozice stranky -*/
#page					{ width:926px; margin:0 auto; padding:12px 0 24px 0; /*-background:transparent url('../img/grad-top.gif') -1px -5px no-repeat; width:980px; margin:0 auto;-*/ }
#pageIn					{ background:#FFF; width:924px; padding:1px; /*-background:transparent url('../img/grad-bottom.gif') 50% 100% no-repeat; width:924px; padding:12px 28px 24px; -*/  }

/*- Hlavicka -*/
#header					{ position:relative; height:80px; background:#F60; border-bottom:10px solid #FFF; text-align:left; }
#header	h1				{ position:relative; z-index:5; bottom:-11px; font-weight:normal !important; line-height:71px; letter-spacing:0.05em; font-family: Impact, 'Techno CE', sans-serif; margin:0; padding:0; }
#header	h1 a,
#header	h1 a:hover		{ color:#FFF; text-decoration:none; display:block; padding-left:66px; }
#header	h1 a			{ font-size:85px; }
#header	h1 a span		{ font-size:38px; }
#header	h1 a .hover		{ visibility:hidden; }
#header	h1 a:hover		{ background:transparent; }
#header	h1 a:hover .hover	{ visibility:visible; }
#header strong			{ position:absolute; right:26px; bottom:4px; color:#FFF; font-size:108.5%; }

/*- Menu - horizontalni -*/
#menu ul				{ margin:0; padding:0; position:relative; z-index:10; }
#menu ul li				{ list-style-type:none; float:left; }
#menu ul li				{ border-right:1px solid #FFF; background:#F60;  }
#menu ul li a			{ font-size:108.5%; width:153px; font-weight:bold; display:block; color:#FFF; background:#F60; padding:5px 0 7px; text-decoration:none; }
#menu ul li a:hover		{ background:#FFF; color:#F60; text-decoration:underline; }
#menu ul li.last		{ border:0; }
#menu ul li.last a		{ width:154px; }
/*- Vysviceni aktualni sekce v menu -*/
#page.uvod .t0 a, #page.pouzitelnost .t1 a, #page.pristupnost .t2 a, #page.reference .t3 a, #page.kontakt .t4 a, #page.bob .t5 a, #page.cv .t6 a, #page.fotky .t7 a, #page.promo .t8 a	{ background:#FFF url('http://www.lakave.info/img/arrow-left.gif') 0% 50% no-repeat; color:#F60; }

/*- Upoutavky -*/
#banner					{ position:relative; clear:both; margin:40px auto 0; height:320px; background:#FFF url('http://www.lakave.info/img/bob-narys-bokorys.jpg') 0% 0% no-repeat; }
#koty					{ position:absolute; width:100%; height:320px; background:transparent url('http://www.lakave.info/img/koty.png') 0% 0% no-repeat; }
#banner h2				{ position:absolute; top:5px; left:370px; }
#banner	ol				{ position:absolute; top:60px; left:380px;  text-align:left; width:240px; }
#banner	ol li			{ font-size:115%; margin-bottom:1.95em; font-weight:bold; }
#reference-ilustrace    { margin-top:-20px; position:relative; top:-20px; }

/*- Hlavni cast stranky -*/
#main					{ clear:both; background:#FFF; margin:0 auto; padding:0.5em 2em 1em; text-align:left; line-height:1.4; }
#main ul li				{ list-style-type:square; margin-left:2em; }
#main table				{ border-collapse:collapse; }
#main table th,
#main table td			{ border:2px solid #F60; padding:0.2em 0.6em; }
#main dt				{ color:#666; }
#main dd				{ font-weight:bold; margin-bottom:1em; font-size:108.5%;  }
#main h1, #main h2,
#main h3				{ color:#F60; font-weight:normal; }
#main h2				{ margin:0; }
#main p, #main ol,
#main ul				{ margin:0 0 1.5em 0; }

#main .perex			{ font-size:108.5%; }
#main .call				{ clear:left; font-weight:bold; text-align:center; }
#main .infobox			{ width:32%; margin:0 0 1.5em 0; background:#efefef; }
#main .infobox h3,
#main .infobox h4		{ margin:0 !important; }
#main .infobox h3 a,
#main .infobox h4 a		{ display:block !important; font-weight:bold; text-decoration:none; background:#F60; color:#FFF; padding:3px 1em 4px; margin:0 !important; } /*- tady je neco kvuli twitteru -*/
#main .infobox h3 a:hover,
#main .infobox h4 a:hover	{ text-decoration:underline !important; }
#main .infobox p		{ margin:1.1em; }
#main .portret			{ float:left; margin:1.8em 2.4em 1.8em 0; border:1px solid #CCC; }

#page.fotky ul li			{ color:#999; }

#main #promo li a			{ text-decoration:none; color:black; }
#main #promo li a strong	{ text-decoration:underline; color:#F60; }
#main #promo li a:hover		{ text-decoration:none; color:#FFF; }
#main #promo li a:hover strong	{ text-decoration:none; color:#FFF; }


/*- Submenu BoB - vertikalni -*/
#submenu				{ text-align:center; float:right; position:relative; top:-0.5em; left:2em; margin-left:-1em; }
#submenu ul				{ margin:0 !important; padding:0; }
#submenu ul li			{ width:154px; list-style-type:none; }
#submenu ul li a		{ font-weight:bold; display:block; =height:1px; border-top:1px solid #FFF; color:#FFF; background:#F60; padding:0.2em 0 0.3em; text-decoration:none; }
#submenu ul li a:hover	{ background:#FFF; color:#F60; text-decoration:underline; }

/*- Social -*/
.social a img       { border:1px solid #FFF; }
.social a:hover     { background:none; }
.social a:hover img { border:1px solid #F60; }
dd.social           { margin-top:0.5em; }

/*- Twitter -*/
#twtr-widget-1 				{ font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;  }
#twtr-widget-1 *			{ padding:0 !important; -moz-border-radius:0; -webkit-border-radius:0; }
#twtr-widget-1 .twtr-hd		{ padding:0; }
#main .infobox h4			{ font-size:123.5% !important; }
#main .infobox h4 a			{ background:#F60 url('http://www.lakave.info/img/twitter-logo-sm.gif') 90% 50% no-repeat !important; padding:4px 1em 6px !important; }
#twtr-widget-1 .twtr-ft,
#twtr-widget-1 .twtr-profile-img,
#twtr-widget-1 h3			{ display:none !important; }
#twtr-widget-1 .twtr-tweet	{ padding:1.1em !important; }
#twtr-widget-1 .twtr-tweet a:hover { color:#FFF !important; }

/*- Paticka -*/
#footer				{ clear:both; color:#FFF; background:#F60; text-align:center; border-bottom:1px solid #FFF; padding:0.5em 0; }
#footer p			{ margin:0; font-size:85%; }
#footer a			{ color:#FFF; }
#footer a:hover		{ text-decoration:none; }
