@charset "utf-8";

/* 
v-roli.cz Web Main CSS Document
Author: Pavel Hamřík (http://www.hmd.cz)
*/

html, body {padding:0; margin:0;}
body {text-align:center; background:#fff; font:0.75em Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; border-top:5px solid #890456;}

#container {margin:0 auto; padding:0; width:940px; text-align:left; position:relative; background:url(panel-column.gif) repeat-y 0 0;}

#identity {margin-top:-37px;}
#identity img {display:block;}

#panel {width:220px; float:left;}
#column-left {width:330px; float:left; margin:0 0 0 20px; padding:10px 0 20px;}

#footer {padding:45px 14px 15px; background:url(panel-footer.gif) no-repeat 0 0; font-size:0.9em; color:#fff; line-height:1.2em;}
#footer a {color:#c1d72e; text-decoration:none;}
#footer a:hover, #footer a:focus {text-decoration:underline;}

#flap {width:60px; float:right; margin:0 20px 0 0; padding:28px 0 0; background:url(flap-top.gif) no-repeat;}
#flap a {display:block; width:60px; height:98px; background:url(flap-akce.gif) 0 0 no-repeat; margin-top:-5px;}
#flap a:hover, #flap a:focus {background-position:-60px 0;}
#flap .separator {display:block; width:60px; height:39px; background:url(flap-separator.gif) 0 7px no-repeat;}
#flap-footer {width:60px; height:23px; position:absolute; bottom:0px; right:290px; background:url(flap-bottom.gif) 0 0 no-repeat;}
#flap #komorni {background-image:url(flap-komorni.gif);}
#flap #mestsky {background-image:url(flap-mestsky.gif);}
#flap #venkovni {background-image:url(flap-venkovni.gif);}
#flap #dilna {background-image:url(flap-dilna.gif);}
#flap #com {background-image:url(flap-com.gif);}
#flap #prihlaseni {background-image:url(flap-prihlaseni.gif);}

h1, h2 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:2em; font-weight:normal; color:#890456; margin:0.8em 0 0.6em;}
h2 {font-size:1.5em; color:#890456; margin:0.8em 0 0.5em;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#ec068d; font-size:1em; margin:0 0 0.4em;}
p {margin:0 0 0.8em;}

a {text-decoration:underline; color:#ec068d;}
a:hover, a:focus {text-decoration:underline; color:#890456;}

.toppest {border-top:none; padding:0; margin-top:0.5em;}
.big {font-size:2.7em; margin:0.4em 0 0.6em;}

#column-right {width:270px; float: right; padding:10px 0 20px;}
#column-right p {font-size:0.9em; line-height:1.4em; margin:0 0 0.8em;}
#column-right h2 {border-top:2px dotted #d0d0d0; padding:0.6em 0 0.1em; margin:0;}
#column-right .dhtmlgoodies_question {margin:1em 0 0.8em;}
#column-right h3 {font-size:0.9em; margin:0 0 0.4em;}

.picstrip {margin:1.4em 0 1em;}
.picstrip a {display:block; float:left; margin:0 6px 0 0;}
.picstrip a.third {margin:0;}
.picstrip a img {height:78px; width:103px; border:1px solid #ec068d;}
.picstrip a:hover img, .picstrip a:focus img {border-color:#890456;}

.minicol-left, .minicol-right {width:48%; float:right; font-size:0.9em;}
.minicol-left {float:left; border-right:2px dotted #d0d0d0; width:48%; padding:0 1% 0 0;}
.minicol-left .event a, .minicol-right .event a {display:block; padding:0 0 0 20px; font-size:1.1em; text-decoration:none;}
.minicol-left .event a:hover, .minicol-left .event a:focus, .minicol-right .event a:hover, .minicol-right .event a:focus {text-decoration:underline;}
.minicol-left .last {margin-bottom:0;}

.action {margin:0 0 2em;}
.action img {float:left; margin:25px 0 0;}
.action p {margin-left:115px;}

.more {text-align:right;}
.more a {text-decoration:none;}
.more a:hover, .more a:focus {text-decoration:underline;}

#partners {padding:15px 14px; background:#fff; position:relative; z-index:100;}
#partners a {display:block; margin:0 0 20px; position:relative; z-index:120;}
#partners a.last {margin:0;}
#partners a img {border:none;}
#partners .left {float:left;}
#partners .right {float:right;}
#partners .cover {line-height:0.8em; padding:0;}

#flashcontainer {background:#fff; width:220px; height:180px; margin-top:-5px;}

.cleaner {clear:both;}