/*- Novy Ginkgo styl -*/

/*- Obrazek v hlavicce -*/
#header			{ background:#999933 url("http://www.ginkgo-praha.org/engine/img/zahlavi_jachymov2.jpg") 51% 15px no-repeat; }


/*- Obecne -*/
h1, h2, h3, h4, h5, h6, ul, li, form	{ margin:0; padding:0; }
img				{ border:0; }

.hide			{ position:absolute; left:-10000px; top:-10000px; }
.none			{ display:none; }
.clearer,
.clear-left,
.foto-clear		{ clear:both; height:1px; visibility:hidden; overflow:hidden; }
.clear-left,
.foto-clear		{ clear:left; }
.foto-clear		{ height:1em; }

.bacha			{ font-weight:bold; color:#FF6633; }
a.bacha			{ font-weight:bold; }

/*- Zakladni pozicovani -*/
html, body		{ text-align:center; margin:0; padding:0 0 6px 0; background:#003333; font-family:"Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; }

#page			{ background:#FFFFEF; position:relative; width:744px; margin:8px auto; text-align:left; padding:8px; border:1px solid #333333; border-color:silver black black silver; }
#header			{ position:relative; height:116px; border-bottom:2px solid #FFFFEF; }
#menu			{ float:right; width:174px; margin:-1.5em 0 16px 16px; }
#search			{ background:#FF6633; text-align:center; border-top:2px solid #FFFFEF; color:#FFFFEF; padding:0.5em 1em; }
#nav			{ padding:1px 3px 2px; font-size:68%; _font-size:75%; background:#FF6633; color:#FFFFEF;  }
#nav a			{ color:#FFFFEF; }
#main			{ margin:16px 0; }
#footer			{ clear:both; }

/*- HLAVICKA -*/
#deck			{ position:absolute; left:0; top:0; padding:2px 0; width:100%; background:#999933; text-align:center; }
#deck h1		{ font-weight:bold; font-size:65%; _font-size:75%; color:#FFFFEF; }
#deck h1 a		{ text-decoration:none; }
#deck a,
#deck a:visited,
#hlavni-linky a,
#hlavni-linky a:visited		{ color:#FFFFEF; }
#logo-ginkgo				{ float:left; position:relative; }
#logo-csop					{ float:right; position:relative; }
#hlavni-linky				{ position:absolute; left:0; bottom:0; padding:0 32px 1px 12px; font-size:55%; background:#999933; }
/*-#link-ginkgo				{ display:none;			float:left; margin-top:-2px; }
#link-csop					{ display:none;			float:right; margin-top:-2px; }-*/

/*- Zalozky -*/
#zalozky					{ position:absolute; left:160px; bottom:-2px; width:360px; font-size:89%;  }
#zalozky li					{ float:left; }
#zalozky li					{ list-style-type:none; /*-background:#fff url(zal_lev.gif) left top no-repeat; margin-right:6px;-*/ }
#zalozky li	span			{ display:block; /*-background:url(zal_pr.gif) right top no-repeat;-*/ }
#zalozky li a				{ _height:1px; float:left; padding:2px 8px 1px 8px; border:2px solid #FFFFEF; border-width:2px 2px 2px 0; font-weight:bold; text-decoration:none; color:#FFFFEF; }
#zalozky li.sel a			{ border-bottom:0px; padding-bottom:3px; }

#zalozky li#tab-ginkgo a	{ background:#FF6633; border-left:2px solid #FFFFEF; }
#zalozky li#tab-eko a		{ background:#333366; }
#zalozky li#tab-natura a	{ background:#996600; }

/*- Hledani -*/
#search input	{ font-size:80%; }
#search #q		{ width:75px; }
#search #submit	{ width:60px; font-weight:bold; color:#333333; }

/*- Menu -*/
#menu						{ font-size:85%;  }
#menu ul li					{ list-style-type:none; width:174px; background:#FF6633; border-top:1px solid #FFFFEF; }
#menu ul li a				{ display:block; padding:4px 2px 5px 1.2em; _height:1px; color:#FFFFEF; background:#FF6633; font-weight:bold; border-top:1px solid #FFFFEF; text-decoration:none; }
#menu ul li a:hover			{ color:#FFFFEF; background:#999933; border:2px solid #FFFFEF; border-width:1px 2px 0 2px; }

#menu ul li ul li a				{ padding:2px 2px 3px 2.4em; font-weight:normal; border-top:0; }
#menu ul li ul li a:hover		{ border:1px solid #FFFFEF; border-width:0px 1px; }
#menu ul li ul li ul li			{ border-top-width:0; font-size:89%; }
#menu ul li ul li ul li a		{ padding-left:3.6em;  }
#menu ul li ul li ul li ul li a	{ padding-left:4.8em;  }

/*- vybrane -*/
#menu ul li a.selected	{ color:#999933; background:#FFFFEF url(../img/sipka_zel.gif) 0.5em 50% no-repeat; margin-right:1em; font-weight:bold; padding-top:6px; padding-bottom:7px; border:1px solid #FFFFEF; border-width:0px 1px;  }

/*- Pro text -*/
#main				{ background:#FFFFEF; font-family:Arial, San-serif; color:#333333; font-size:89%; }

#main h1,
#main h2,
#main h3			{ color:#999933; font-family:Impact, "Techno CE", sans-serif; font-weight:normal; }

#main h2			{ font-size:240%; margin:0 0 16px 16px; }
#main h3			{ margin:16px; padding:1.4em 0 0 0; border-top:2px dotted #999933; }
#main h4			{ margin:16px; }

#main p				{ line-height:1.5; margin:16px; text-align:justify;}

#main a:link,
#main a:visited		{ color:#999933; }
#main a:link.red,
#main a:visited.red	{ color:#FF6633; }
#main a:hover		{ text-decoration:none; }

#main .left			{ float:left; margin:0 16px 16px 0; }
#main .right		{ float:right; margin:0 0 16px 16px; }
#main .clear		{ clear:both; width:100%; }

#main ul			{ margin:0 0 0 3em; }
#main ul li			{ margin:0 0 0.3em; }
#main dl        {margin: 0 0 0 1em;}
#main dl dt     {font-weight: bold; margin: 1em 0 0 0;}
#main dl dd     {margin: 0 0 0 1em;}

#main table			{ margin:16px; }
#main table .left,
#main table .right	{ float:none; margin:0; }
#main table .left	{ text-align:left; }
#main table .right	{ text-align:right; }
#main table .center	{ text-align:center; }

#main table.tabulka	{ border-collapse:collapse; background:#FFFFFF; }
#main table.tabulka th,
#main table.tabulka td	{ padding:2px 4px; border:1px solid #333; }
#main table.tabulka th	{ background:#999933; color:#FFFFFF; }
#main table.tabulka.alert th	{ background:#FF6633; color:#FFFFFF; }

/*- Fotka -*/
#main .foto			{ border:2px solid #999933; /*-border-top-style:solid; border-right-style:outset; border-bottom-style:outset; border-left-style:solid; border-top-color:#669966; border-right-color:#99CC99; border-bottom-color:#99CC99; border-left-color:#669966; border-width:1px 2px 3px 1px;-*/ } 
#main .foto img		{ vertical-align:bottom; border:2px solid #FFFFEF; }
#main .popis		{ width:auto; color:#FFFFEF; font-size:89%; font-weight:bold; padding:2px 3px 1px; background:#999933; /*-border-top:2px solid #FFFFEF;-*/ }

/*- Sloupek -*/
#main .sloupek		{ font-size:89%; border:2px solid #999933; }
#main .sloupek h3	{ color:#FFFFEF; background:#999933; padding:0 0.4em 2px; margin:0; border:0; }
#main .sloupek h3.blank	{ color:#999933; background:#FFFFEF; }
#main .sloupek p,
#main .sloupek ul		{ font-weight:bold;  margin:8px; line-height:1.4em; }
#main .sloupek ul		{ padding:10px 0 5px 18px; }
#main .sloupek ul li	{/* margin:0 0 1em 0;*/ }
#main .sloupek dl     {margin: 0 0 0 0.6em;}
#main .sloupek dl dt  {}
#main .sloupek dl dd  {}
#main .sloupek .foto-mini {margin: 16px;}
#main .sloupek .foto-mini-left {margin: 16px 28px 16px 16px;}

#main .uzky			{ width:170px; }
#main .stredni		{ width:360px; }
#main .siroky		{ width:550px; }

/*-#main .pod-menu		{ width:170px; float:right; margin:0 0 16px 16px; }-*/

/*- Vyrazny sloupek -*/
#main .sloupek.alert			{ border-color:#FF6633; }
#main .sloupek.alert h3			{ background:#FF6633; }
#main .sloupek.alert h3.blank	{ color:#FF6633; }

/*- Podpis -*/
#main .autor		{ text-align:right; padding:0 1em 0 0; font-weight:bold; font-style:italic; border-bottom:2px solid #999933; }

/*- Nahled -*/
#main a.nahled				{ float:left; width:157px; height:157px; overflow:hidden; border:1px solid #333333; padding:7px 0 0 7px; margin:8px 0px 8px 16px; _margin:8px; background:#FFFFFF; text-decoration:none; }
#main a.nahled img			{ float:left; margin:0 7px 7px 0; }
#main a.nahled .popisek		{ font-size:75%; color:#333333; }
#main a:hover.nahled		{ background:#FFFFCC; }

/*- Upoutavka -*/
#main .upoutavka		{ width:268px; margin:0 0 8px 8px; _margin-left:6px; }
#main .upoutavka h3		{ border:0; padding:0; margin:8px; }
#main .upoutavka img	{ float:left; margin:3px 8px 4px; }
#main .upoutavka img a	{ overflow:hidden; }
#main .upoutavka p		{ margin:8px; line-height:1.2; }
#main .upoutavka p a	{ color:#333333 !important; text-decoration:none; }

#main .upoutavka.normal-ram		{ border:2px solid #999933; width:264px; }
#main .upoutavka.alert-ram		{ border:2px solid #FF6633; width:264px; }
#main .upoutavka.alert-ram h3 a	{ color:#FF6633; }
#main .upoutavka.pozadi				{ background:#FFFFCC; }
#main .upoutavka.ok-pozadi			{ background:#999933; }
#main .upoutavka.alert-pozadi		{ background:#FF6633; }
#main .upoutavka.ok-pozadi h3 a,
#main .upoutavka.ok-pozadi p a,
#main .upoutavka.alert-pozadi h3 a,
#main .upoutavka.alert-pozadi p a	{ color:#FFFFEF !important; }

/*- Paticka -*/
#footer				{ background:#999933; /*-border-top:2px solid #999999;-*/ padding:4px 0; font-size:70%; text-align:center; color:#FFFFEF; font-weight:bold;  }
#footer	#tools		{ background:#FF6633; float:right; border:2px solid #FFFFEF; border-right:0; padding:1px 1em 3px; position:relative; top:-1.2em;  }
#footer a:link,
#footer a:visited	{ color:#FFFFEF; }
#footer a:hover		{ text-decoration:none; }


.video-stream {margin: 6px 6px 6px 18px;}
/*embed {margin: 6px 6px 6px 18px;}*/
/*object{margin: 6px 6px 6px 18px;}*/



/* skrývací třída pro odkazy klávesových zkratek */
.skryj	{ position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden; }

/* pro vektorovou vrstvu api.mapy.cz*/
vml\:* {behavior: url(#default#VML);}



#main .coments  {/*background: #CFE;*/}

#main .coments-container    {/*background: #DCA;*/ font-size: small;margin:16px;}
#main .coment               {/*background: #ADF;*/ padding-bottom: 8px;}
#main .coment .coment-content   {margin-left: 0px; font-size: 90%;}
#main .coment .coment-content p,
#main .coment .coment-content dl,
#main .coment .coment-content dt,
#main .coment .coment-content dd,
#main .coment .coment-content li,
#main .coment .coment-content ul,
#main .coment .coment-content ol,
#main .coment .coment-content table,
#main .coment h4 {/*background: #BFC;*/  margin: 0px 0px 0px 16px; padding: 0px;}
#main .coment .coment-content dt    {margin-left: 0px;}
#main .coment .coment-content li    {margin-left: 32px;}
#main .coment .coment-content table {border-collapse: collapsed; border: solid #993; border-width: 1px 0px 0px 1px; margin-left: 32px;}
#main .coment .coment-content table th{border: solid #993; border-width: 0px 1px 1px 0px;  background: #993; color: #FFFFEF;margin: 0px;padding: 2px;}
#main .coment .coment-content table td{border: solid #993; border-width: 0px 1px 1px 0px; margin: 0px;padding: 2px;}
/*#main .coment h4    {color: #993;}  */
#main .coments-container p.coment-paginator-last    {border-top: 1px solid #993;}
#main .coments-container p .coment-paginator        {float: right; margin: 0px; /*background: red;*/}
#main .coments-container p.coment-paginator-first,
#main .coments-container p.coment-paginator-last    {/*background: green;*/ margin:0px;}
#main .coments-container p .coment-paginator a    {text-decoration: none;}
#main .coments-container a.coment-paginator-current {font-weight: bold; color: black;}
#main .coment-answers   {margin-left: 36px; font-size: 95%;}
#main .coment-answers p {margin: 4px; font-size: 95%;}
#main .coment-answers h5    { font-size: 95%; margin-top: 8px; color: black;}


#main .coment .coment-bar   {float: right; color: grey; margin: 4px 8px; font-size: x-small;}
#main .coment h4            {padding: 4px 0px; border-top: 1px solid #993;margin: 0px;}
#main .coment-answers .coment h4{border-top: 1px solid #FFFFEF;color: black;}
#main .coment-answers       {} 
#main .coment h4 a.coment-number{color: #999; text-decoration: none; font-size: 85%;}
#main .coments-container a.coment-rel-down,
#main .coments-container a.coment-rel-up    {padding-left: 10px; color:#FF6633; }
#main .coments-container a.coment-rel-down    {background: url(http://www.ginkgo-praha.org/engine/img/link-rel-down.gif) 0px 70% no-repeat;}
#main .coments-container a.coment-rel-up    {background: url(http://www.ginkgo-praha.org/engine/img/link-rel-up.gif) 0px 30% no-repeat;}


#main .cf_new,
#main .cf_prev,
#main .cf_error {margin: 8px 16px;}
#main .cf_prev  {background: #FFFFAA; padding: 8px 0px 8px 0px;}
#main .cf_prev h4.cf_prev_title   {margin: 0px 0px 0px 4px; pading: 0px; color: #993;}

#main .cf_new label     {font-weight: bold;}
#main .cf_new .text,
#main .cf_new textarea  {margin: 4px; border: 1px solid #993;font-family:"Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; font-size: small;}


/*
.cf_new, .cf_error, .cf_prev_box    {margin: 0 16px;}
.cf_new input, .cf_new textarea,
.cf_prev button {margin: 3px; border: 1px solid #993; font-family:"Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; font-size: small; }
.cf_new label   {font-weight: bold;}
.cf_new textarea    {width: 510px;}
  */

/*
#main div.cf_prev_box {background: #FFFFcc;}
#main .coment   {font-size: small;}
#main .coment h4    { margin: 4px 16px;}
#main .coment-content{margin: 0px 0px 0px 16px; font-size: 90%;}
#main .coment-content p{}


#main .coment-time{float:right; color: grey; margin: 6px; font-size: x-small;}
#main a.coment-del    {text-decoration: none; font-weight: bold;}
#main a.coment-number {color: #CCC; text-decoration: none; font-size: x-small;}

*/


#main .sloupek.pulnocnik {margin-right: 4px; margin-left: 0px;}
#main .sloupek.pulnocnik:nth-child(even){margin-right: 0px;}
#main .sloupek.pulnocnik:nth-child(odd) {margin-right: 16px;}
#main .sloupek.pulnocnik ul {font-weight: normal;}
#main .sloupek.pulnocnik img {width: 130px; margin: 20px 24px 20px 16px;}


h3 sup.bacha {font-weight: normal; font-size: 90%; position: relative; left: 1em;}