/**
* Basic CSS styles for HTML elements 
* 
* MALAYSIA WEB
*
* This document was developed by Designeo, all rights reserved.
* {@link http://www.designeo.cz}
*
* @author       Honza Michalicka <info@designeo.cz>
* @copyright    (c) Honza Michalicka 2008 - {@link http://www.designeo.cz}
* @version      1.0
*/


/*
* Zakladni formatovani HTML prvku
* ------------------------------------------------------------------------------
*/
body {
    font-family: 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
    text-align: left;
    color: silver;
    font-size: 72%;
    line-height: 1.6em;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: black;
}
h1 {
    font-family: 'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
    color: #8bba1a;
    font-size: 200%;
    font-style: normal;
    font-weight: bold;
    line-height: 1.6em;
}

a:link, a:visited { color: #8bba1a; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }

p {margin: 0.5em 0 1.5em 0;}
hr { display: none; }
q, cite { font-style: italic }
abbr, acronym { border-bottom: 1px dotted inherit; cursor: help; }
img { padding: 0px; border: none; }
table { border-collapse: collapse; font-size: 100%; }
ul { padding: 0px 0 0 30px;}

/*
* Univerzalni tridy
* ------------------------------------------------------------------------------
*/

.hidden { display: none; }
.smaller { font-size: 90%;}
.cleaner { clear: both; }
.pozn { color: gray; }
.kapitalky {font-variant: small-caps;}

.acenter { text-align: center; }
.aright { text-align: right; }

.left { float: left; }
.right { float: right; }

.green {
    color: #8bba1a;
}
/*
* Flash gallery
* ------------------------------------------------------------------------------
*/
* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
    /*overflow: hidden; /* schova scrollbary */
    background: black;
}
#flashcontent {
    height: 100%;
}


/*
* Horni prouzek
* ------------------------------------------------------------------------------
*/
#TopLine {
    height: 40px;
    margin: 0;
    padding: 0;
    background: #2b2b2b;
}
#TopLine table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse; 
    font-size: 100%; 
}
#TopLine table td {
    margin: 0;
    padding: 0;
    height: 40px;
}
#Masthead {
	height: 40px;
	width: 222px;
	background: transparent url(../img/malaysia_sm.gif) top left no-repeat;
}
#Masthead a:link, #Masthead a:visited {
	display: block;
	width: 222px;
	height: 40px;
}
#Masthead span { display:none; }
#TopNavig {
    padding: 0 30px;
    float: right;    
}
#TopNavig ul {margin: 0; padding: 0; }
#TopNavig ul li {
    list-style-type: none; 
    float:left;
    position: relative;
    color: #8bba1a;
    padding: 0 10px; 
}
#TopNavig li ul {
  z-index: 11;
	position: absolute;
	left: -70px;
	top: 15px;
	display: none;
	width: 200px;
	padding: 15px 10px 10px;
	background:#2b2b2b;
	}
#TopNavig li ul li {
    float:none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
#TopNavig li:hover ul { display: block; }
#TopNavig a:hover {
  
}
#TopNavig .actual {
  background: #8bba1a;
  color: black;
  padding: 11px 5px 11px 5px;
}




#BottomLine {
    color: gray;
    margin: 25px 15px;
    clear: both;
    font-size: 90%;
    text-align: center;
}


#page {
  width: 1020px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

/*
* Boxiky  
* ------------------------------------------------------------------------------
*/
.rounded {
  background-color:#2b2b2b; 
  padding:20px;
}


#about {
    float: left;
    width: 32%;
    margin: 0 10px 10px 0;
    padding: 0px;
}
.about-in {
    padding: 20px;
}
#stats b, #about b, #onas b {
    color: #8bba1a;
}
#stats h2, #gals h2 {
  	height: 43px;
  	width: 244px;
  	background: transparent url(../img/stats.gif) top left no-repeat;
}
#stats h2 span, #gals h2 span {display: none; }
#gals h2 {
  	background: transparent url(../img/fotogalerie.gif) top left no-repeat;
}

  
/*
* RUZNE  
* ------------------------------------------------------------------------------
*/
.main-col {
    margin: 0 auto;
    padding: 0;
    vertical-align: top;
    text-align: left;
    width: 700px;
    float: left;
}

#recepty {
    margin: 0 auto;
    padding: 20px;
    vertical-align: top;
    text-align: left;
    width: 700px;
    float: left;
}

#side-col {
    text-align: left;
    float: right; 
    width: 300px; 
    margin: 10px 10px;
}
#countrybar {
    text-align: left;
    clear: both;
}
#onas {
    width: 650px;
    text-align: left;
}

#homepage {
  margin: 0 auto;
  text-align: center;
}
#homepage img{
  border: none;
  padding: 0;
  margin: 0;
}
#homepage area:hover {
  border: 1px solid red; 
}


.rozpocet td {
    padding: 2px 10px 2px 5px;
 }
 
 .rozpocet th {
    color: #8bba1a;
    font-weight: bold;
    padding: 5px 10px 5px 5px;
 }


/*
* DENIK  
* ------------------------------------------------------------------------------
*/
#denik {
    margin: 20px 0 0 0;
}
#denik b, #recepty b {
    color: #8bba1a;
}
#denik .note, #recepty .note {
    padding: 0 0 0 10px;
    border-left: 3px solid #8bba1a;
    margin-left: 5px;
}
#denik .datum {
    font-size: 110%;
    font-weight: bold;
}

/*
* Formatovani obrazku v deniku
* ------------------------------------------------------------------------------
*/
.pict{
    float: right;
    border: none;
    padding: 0;
    margin: 10px;
    text-align: center;
}
.pict-l{ float: left; margin: 4px 10px 4px 0;}

.pict img {
    margin: 0;
    padding: 0;
}
.pict a:link, .pict a:visited {
    margin: 0;
    padding: 0;
    line-height: 0;
} 
p.pict-text {
    font-size: 85%;
    font-style: italic;
    width: 120px;
    background: gray;
    color: white;
    text-align: center;
    margin: 0;
    padding: 0;
}


/*
* Zalozky v deniku
* ------------------------------------------------------------------------------
*/
.ui-tabs-hide { display: none; }
.ui-tabs-nav {
    list-style: none;
    margin: 0 20px;
    padding: 10px;
    float: left;
    width: 300px;
    background-color: #2b2b2b; 
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    margin: 0;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    padding: 0;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100%;
    text-decoration: none;
    /*white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
         color: #8bba1a; 
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background: #519e2d;
    color: black;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    padding: 20px;
    margin: 0 0 0 350px;
    background: #000; /* declare background color for container to avoid distorted fonts in IE while fading */
    width: 700px;
    background-color: #2b2b2b; /*#2b2b2b;*/ 
}

/*
* ------------------------------------------------------------------------------
*/