/* -------------------------------------------------
 * Lostindream - Grafik a webdesigner
 * - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Popis: Hlavni kaskadovy styl pro lostindream.net
 *  Verze: 1.0
 *  Datum: 23.2.2012, 04:48:56
 *  Autor: Lostindream
 * ---------------------------------------------- */

  /* -- RESETOVANI -- */
  html,body,
  div,span,
  applet,object,iframe,
  /* seznamy */ dl,dt,dd,ul,ol,li,
  /* nadpisy */ h1,h2,h3,h4,h5,h6,
  p,blockquote,pre,
  a,abbr,acronym,address,
  big,cite,code,del,ins,dfn,font,em,strong,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,
  /* -- Formulare -- */ form,fieldset,label,legend,/*input,textarea,*/optgroup,option,
  /* -- Tabulky -- */ table,caption,tbody,tfoot,thead,tr,th,td

  {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
  


  /* -- OBECNE DEFINICE -- */
	html, body {margin:0; padding:0; height:100%;}
  body {background-color:#e5e5e5; font:62.5%/150% Calibri,'Trebuchet MS','Geneva CE',lucida,sans-serif; text-align:center;}
  body{line-height:1}
  
  /* Seznamy */
  ol,ul{list-style:none}
  
  /* Nadpisy */
  h1, h2, h3, h4, h5, h6 {font-weight: normal; padding: 0.5em 0; font-family: /*'museo-1','museo-2',*/'Georgia CE','Times New CE','New York CE',Georgia,times,serif;}
  h1 {font-size: 240%; padding-top: 0;}
  h2 {font-size: 200%;}
  h3 {font-size: 180%;}
  h4 {font-size: 140%;}
  h5 {font-size: 120%;}
  h6 {font-size: 110%; font-weight: bold;}

  /* Formatovani */
 blockquote,q{quotes:none}
 blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
 :focus{outline:0}
 ins{text-decoration:none}
 del{text-decoration:line-through}

  /* Tabulky */
  table {margin: 1em 0 1.2em; width: 100%; border: medium none; border-collapse:collapse; border-spacing:0;}
  tr {padding: 2px 0; /*border-bottom: 1px solid #c2c4c6;*/}
  th, td {padding: 4px 10px; border:1px solid #d9d9d9; border-left-style:dotted; border-right-style:dotted; font-size:110%;}
  th {color:#999999; font-weight: normal; background-color:#f2f2f2; font-size:120%; line-height:150%;}
  td {color:#595959; font-size: 100%;}

  /* Odkazy */
  a, a:visited, a:active {color: #008cbf; text-decoration: none;}
  a:hover {color: #00678c; text-decoration: underline;}

  pre {display: block; width: 90%; white-space: pre; font-family: consolas, 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;}

  /* -- LAYOUT -- */

	/* Logo */
  h1 {position:absolute; left:50%; top:50%; margin-left:-108px; margin-top:-185px;}
  h1 #logo, h1 #logo:visited, h1 #logo:hover {display:block; width:198px; height:40px; line-height:40px; text-indent:-9999px; border:none; /*font-size:70%;*/ background:transparent url('./obr/logo-lostindream.png') no-repeat 0 0;}
  /*h1 #logo:hover, h1 #logo:focus {background-position: 0 -40px;}*/
	h1 br {display:none;}
	h1 span {position:relative; color:#888; font-size:70%; left:40px; top:-10px; font-family:Calibri,'Trebuchet MS','Geneva CE',lucida,sans-serif;}
	h1 #logo.hover {background-position:0 -40px;}

  /*.ahoj {background:transparent / *#19051a* / url('./obr/ahoj.png') no-repeat 50% 50%; /* border-radius:50px;* /}*/
	#ahoj {display:block; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-45px; background-color:#19051a; width:80px; height:80px; line-height:80px; color:#fff; text-align:center; text-decoration:none; font-family:'museo-1','museo-2',serif; font-size:200%; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); -o-transform:rotate(-15deg); transform:rotate(-30deg);}

	#monitor {width:308px; height:275px; position:absolute; left:50%; top:50%; margin-left:-154px; margin-top:-105px; background:transparent url('./obr/bg-monitor-transparent.png') no-repeat;}
	#monitor #screen {margin:12px; width:284px; height:186px; position:relative;}
		#screen a#portfolio {display:block; width:100%; height:100%; color:#fff; text-decoration:none; font-size:160%; text-align:center; line-height:186px;}
		#screen a#portfolio:hover {color:#fff; text-decoration:none;}
			#portfolio .ikonka {position:absolute; left:-12px; top:10px; margin-left:-20px;}

	#exopolitika {display:block; position:absolute; left:90%; top:-10px; width:32px; height:100px; background:transparent url('./obr/bg-exopolitika-label.png') no-repeat;}

	#social {list-style:none; position:absolute; left:50%; bottom:50%; margin-left:180px; margin-bottom:-100px; width:50px;}
	#social li {display:block; float:left; padding:5px;}
	#social li .ikonka {/*position:absolute; right:80px; bottom:-20px;*/position:static; background-color:#ccc; text-indent:-9999px;}
	#social li .ikonka:hover {background-color:#991f47;}
	#social li .ikonka.facebook {background-image: url('./obr/ikonky/facebook.png');}
	#social li .ikonka.twitter {background-image: url('./obr/ikonky/twitter.png');}
	#social li .ikonka.lastfm {background-image: url('./obr/ikonky/lastfm.png');}
	#social li .ikonka.csfd {background-image: url('./obr/ikonky/csfd.png');}
	#social li .ikonka.facebook:hover {background-color:#1f4799;}
	#social li .ikonka.twitter:hover {background-color:#29cccc;}
	#social li .ikonka.csfd:hover {background-color:#cc1414;}


  /* -- TRIDY -- */

  /* Zrusi obtekani float */
  .cln {clear: both; width: 100%; height: 0px; line-height: 100%; font-size: 0.01%;}
  
  /* Skryte elementy */
  .skryte {position: absolute; left: -9000px;}
	.nodisplay {display:none;}
	.hidden {visibility:hidden;}
  
  /* Zarovnani textu */
  .c {text-align: center;}
  .l {text-align: left;}
  .r {text-align: right;}
  
  /* Rozdeleni stranky */
  .l50, .l25, .l33, .l38, .l66, .l75, .l62 {float: left;}
  .p50, .p25, .p33, .p38, .p66, .p75, .p62 {float: right; /*margin-left: -5px;*/}

  .l25, .p25 {width: 25%;}
  .l33, .p33 {width: 33.333%;}
  .l50, .p50 {width: 50%;}
  .l66, .p66 {width: 66.666%;}
  .l75, .p75 {width: 75%;}
  .l38, .p38 {width: 38.2%;}
  .l62, .p62 {width: 61.8%;}
  
  /* Mezery */
  .lmez5 {margin-left: 5px;}
  .lmez10 {margin-left: 10px;}
  .lmez20 {margin-left: 20px;}

  /* Zaoblene rohy */
  .roh {position: absolute; width: 5px; height: 5px; background-repeat: no-repeat;}
  .roh.lh {left:0; top:0; background-position: 0 0;}
  .roh.ld {left:0; bottom:0; background-position: 0 -5px;}
  .roh.ph {right:0; top:0; background-position: -5px 0;}
  .roh.pd {right:0; bottom:0; background-position: -5px -5px;}

  /* Zpravy */
  .zprava {padding: 10px; background-color: #f8f8f8; border: 1px solid #ddd; color: #888; font-size: 110%;}
  .zprava.upozorneni {padding-left: 40px; background: #fffbe5 url('./obr/ikonky/exclamation.png') no-repeat 12px 10px; border-color: #f2e6aa; color: #e5bf00;}
  .zprava.chyba {padding-left: 40px; background: #ffe8e8 url('./obr/ikonky/cross_circle.png') no-repeat 12px 10px; border-color: #fbc9c9; color: #e55c5c;}
  .zprava.info {padding-left: 40px; background: #e9f5ff url('./obr/ikonky/information.png') no-repeat 12px 10px; border-color: #c8e4fc; color: #5ca5e5;}
  .zprava.uspech {padding-left: 40px; background: #ebffe5 url('./obr/ikonky/tick_circle.png') no-repeat 12px 10px; border-color: #afff99; color: #4ccc29;}

  /* Ikonky */
  .ikonka {display:block; background-color:#661466; background-position:50% 50%; width:40px; height:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
  /*.ikonka:hover {opacity:0.5;}*/
	.ikonka.mini {width:30px; height:30px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}

	.ikonka.like {background-image: url('./obr/ikonky/like.png');}

  .ikonka.ok {background-image: url('./obr/ikonky/tick.png');}
  .ikonka.ne {background-image: url('./obr/ikonky/cross.png');}

  .ikonka.spravce {background-image: url('./obr/ikonky/user_orange.png');}
  .ikonka.uzivatel {background-image: url('./obr/ikonky/user.png');}
  .ikonka.upravit-uzivatele {background-image: url('./obr/ikonky/card__pencil.png');}
  .ikonka.smazat-uzivatele {background-image: url('./obr/ikonky/minus_circle.png');}

  /* Bloky */
  .blok {padding-top: 10px; border-top: 1px solid #f0f0f0;}

  /* Napoveda a pomoc */
  .pomoc {border-bottom: 1px dashed #d6d8da; cursor: help;}

  .rychla-pomoc {}
  .rychla-pomoc .vysv {padding-bottom: 10px;}
  .rychla-pomoc .vysv strong {font-size: 120%;}
  .rychla-pomoc .vysv p {padding-top: 4px; color: #444548; /*font-style: italic;*/}
  
  /* Ostatni */
  .podnadpisem {padding: 7px 0; background: transparent url('./obr/bg-podnadpisem-linka.gif') repeat-x; font-size: 110%; color: #444648; font-style: italic;}
  .druhy td {background-color: #f7fafc;}
  .oznac td {background-color: #ffffd9; border-color: #FFE664;}