body {
 font-family:Futura, Arial, sans-serif;
 font-size:90%;
 margin:20px auto 20px;
 text-align:center;
 padding:0px;
}
.page {
 margin:0px auto 0px;
 width:1195px;

 text-align:justify;
}
a {
 color:#F7931E;
}
a:hover {
text-decoration:none;
}
a:focus {
text-decoration:none;
}
a img {
 border:0px;
}
h2 {
 font-size:1.3em;
 color:#f7931e;
}

.menu ul {
 padding:0px;
 margin:0px;
 clear:both;
 width:1197px;
}
.menu ul li {
 list-style:none;
 display:block;
 position:relative;
 height:41px;
 width:170px;
 float:left;
 padding:0px;
 margin:0px 1px 0px 0px;
 font-size:1em;
 text-align:center;
 background:url("./sfw_images/menu-inactive-bg.gif") repeat-x;
}
.menu ul li a {
 color:#FFF;
 font-weight:bold;
 text-decoration:none;
 height:21px;
 width:160px;
 display:block;
 padding:15px 5px 5px 5px;
}


.menu ul li:hover,.menu li.hover {
 background:url("./sfw_images/menu-active-bg.gif") repeat-x;
}

.menu ul li.first {
 background:url("./sfw_images/menu-active-bg.gif") repeat-x;
}
span.corner {
 display:block;
 width:10px;
 height:10px;
 position:absolute;
}
.menu ul li.first a {
 background-image:url("./sfw_images/menu-active-corners-lft.gif");
 background-position:0px 0px;
 background-repeat:no-repeat;
}
 .menu ul li.first:hover a {
 background-image:url("./sfw_images/menu-active-corners-lft.gif");
}
.menu ul li.last a {
 background-image:url("./sfw_images/menu-inactive-corners-rgt.gif");
 background-position:right 0px;
 background-repeat:no-repeat;
}
 .menu ul li.last:hover a{
 background-image:url("./sfw_images/menu-active-corners-rgt.gif");
}

ul li {behavior: url('http://slunecnice.dev.elevator.cz/assets/templates/default/hover.htc');} 

span.corner.lt {left:0px; top:0px; background-position:0px 0px;}
span.corner.rt {right:0px; top:0px; background-position:10px 0px;}
span.corner.lb {left:0px; bottom:0px; background-position:0px 10px;}
span.corner.rb {right:0px; bottom:0px; background-position:10px 10px;}
/*
.act .menu ul li:hover  a span.corner {
 background-image:url("./sfw_images/menu-active-corners.gif");
 height:41px;
 width:9px;
}
.menu ul li a span.corner {
 background-image:url("./sfw_images/menu-inactive-corners.gif");
 height:41px;
 width:9px;
}
.menu ul li.first a span.corner.lft{
 left:0px; top:0px; background-position:0px 0px;
}
.menu ul li.last a span.corner.rgt{
 right:0px; top:0px; background-position:9px 0px;
}*/
.wrapper {
 clear:both;
}
.footer {
 background:#eff0f0;
 font-size:0.7em;
 height:100px;
 position:relative;
}
.footer p {
 text-align:center;
 padding-top:40px;
}
.footer span.corner {
 background-image:url("./sfw_images/footer-corners.gif");
}

.triplebox {
 margin:10px 0px 10px 0px;
}
.triplebox .box {
 width:390px;
 float:left;
 border-right:1px solid #000;
 padding:20px;
}
.triplebox .box.short {
 width:290px;
 border:none;

}

.triplebox .box h3 {
 color:#f7931e;
 margin-top:0px;
 padding-top:0px;
 font-size:1.3em;
}
.triplebox .box a {
 color:#000;
 font-size:0.9em;
 font-weight:bold;
}
.datum {
 font-weight:bold;
 font-size:1.1em;
}
.triplebox .box p.more {
 display:block;
 float:right;
 font-size:1.1em;
}
.triplebox .box p.more a {
 color:#f7931e;
 font-weight:bold;
}

.banner-cry {
width:1195px;
height: 420px;/*348px;*/
background:url("./sfw_images/image-big-run.jpg") no-repeat;
margin:10px 0px 10px 0px;
}
.banner-cry span.text {
font-size:6em;
color:#FFF;
 opacity:0.5;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
	filter: alpha(opacity=0.5);	
 padding:10px 0px 0px 20px;
 display:block;
 width:600px;
}
.content {
  margin-top:10px;
}
 .left h3 {
 color:#F7931E;
 }
 
.projects_menu {
 width:240px;
 background:#ededee;
}
.projects_menu h3 {
 display:block;
 background:#d8d9db;
 color:#6d6f71;
 padding:7px 20px 7px 20px;
 
 font-size:0.9em;
}
.projects_menu ul {
 display:block;
 padding:0px;
 margin:0px;
 text-align:left;
}
.projects_menu ul li {
 font-size:0.9em;
 list-style:none;
 margin:0px;
 padding:9px 20px 9px 20px;
 clear:both;
 position:relative;

}
.projects_menu ul li.active {
background:url("./sfw_images/projects-menu-bg.gif") repeat-y;
padding:0px;
}

.projects_menu ul li.active span.top {
display:block;
width:240px;
height:9px;
position:absolute;
background:url("./sfw_images/projects-menu-top.gif") no-repeat;
}


.projects_menu ul li.active span.bottom {
display:block;
width:240px;
height:9px;
position:absolute;
bottom:0px;
background:url("./sfw_images/projects-menu-bottom.gif") no-repeat;
*top:25px;
}

.projects_menu ul li a {
 color:#6d6f71;
 font-weight:bold;
 display: block;
}
.projects_menu ul li.active a{
 color:#f7931e;
padding:9px 20px 9px 20px;
display:block;
width:202px;
}
.projects_menu ul li.active ul {
 padding:0px;
}
.projects_menu ul li.active ul li {
 font-size:1em;
 color:#6d6f71;
 padding:5px;
 background:none;
}
.projects_menu ul li.active ul li a{
 color:#6d6f71;
 background:none;
 padding:0px;
 padding-left:30px;
}
.projects_menu ul li.active ul li.active{
 background:none;
}
.projects_menu ul li.active ul li span.top{display:none;}
.projects_menu ul li.active ul li span.bottom{display:none;}
.projects_menu ul li.active ul li.active a{
 color:#f7931e;
}
.left {
  border-right:1px solid #000;
 width:248px;
 float:left;
}

 
.right {
 float:left;
 width:933px;
 padding-left:8px;
}
.right h1 {
 color:#f7931e;
 font-size:1.3em;
}
.banner-children-play {
width:933px;
height:449px;
background:url("./sfw_images/image-children-play.png") no-repeat;
margin:10px 0px 0px 0px;
padding:0px;
}
.project-perex {
 background:#fbac18;
 color:#FFF;
 padding:10px 15px 10px 15px;
 text-align:justify;
}
.right .project-perex h1 {
 font-size:1em;
 padding:0px;
 margin:0px;
color:#FFF;
}
.project-perex p {
 font-size:0.9em;
 font-weight:bold;
 line-height:140%;
}

.project-menu {
 width:100%;
 height:38px;
 background-color:#fbac18;
 position:relative;
 margin-top:2px;
}

.project-menu ul {
 display:block;
 padding:0px;
 margin:0px;
 width:100%;
 white-space:nowrap;
}


.project-menu span.corner.rgt {
 background-image:url("./sfw_images/project-m-inactive-rgt.gif");
 background-position:right bottom;
 background-repeat:no-repeat;
 position:absolute;
 right:0px;
 bottom:0px;
 display:block;
 width:10px;
 height:20px;
 z-index:1;
}

.project-menu ul li {
 display:block;
 float:left;
 list-style:none;
 position:relative;
 width:25%;
 _width:231px;
 padding:0px;
 margin:0px;
 background-color:#fbac18;
 border:1px solid #fbac18;
 z-index:3;
 white-space:nowrap;
}

*:first-child+html .project-menu ul li {
 width:231px;
}

.project-menu ul li.active, .project-menu ul li:hover, .project-menu ul li.hover {
 background-color:#fff;
 background-image:url("./sfw_images/projects-arrow.gif");
 background-position:top center;
 background-repeat:no-repeat;
}

 
.project-menu ul li a {
 display:block;
 padding:10px 5px;
 text-align:center;
 color:#fff;
 font-size:1em;
 text-decoration:none;
 font-weight:bold;
 white-space:nowrap;
 background-repeat:no-repeat;
}
.project-menu ul li.first a {
 background-image:url("./sfw_images/project-m-inactive-lft.gif");
 background-position:0px bottom;
 background-repeat:no-repeat;
 position:relative;
 left:-1px;
 bottom:-1px;
}

.project-menu ul li.last a {
 background-image:url("./sfw_images/project-m-inactive-rgt.gif");
 background-position:right bottom;
 background-repeat:no-repeat;
 position:relative;
 left:1px;
 top:1px;
}
.project-menu ul li.last {
 padding:0px;float:right;margin-top:-38px;
 *margin-top:0px;
 *font-size:13px; 
}


.project-menu ul li.active a, .project-menu ul li:hover a, .project-menu ul li.hover a{
 color:#fbac18;
}

.project-menu ul li.first a.active, .project-menu ul li.first a:hover {
 background-image:url("./sfw_images/project-m-active-lft.gif");
 background-repeat:no-repeat;
}

.project-menu ul li.last a.active, .project-menu ul li.last a:hover {
 background-image:url("./sfw_images/project-m-active-rgt.gif");
 background-repeat:no-repeat;
}



/* ...................................................................................................*/

/*.....................................................................................................*/


.project-content h2 {
 margin-bottom:0;
 padding-bottom:0;
}

.project-content h3 {
 margin:0;
 padding:0;
}

.project-content p {
 margin:0;
 padding:0;
}

.project-content h3 {
 color:#f7931e;
}

.box-darcovska-sms { 
 float:right;
 position:relative;
 left:4px;
 padding-top: 10px;
}

.box-vykouzlit-usmev {
margin-top:10px;
 width:520px;
 height:320px;
 background-color:#ffc20e;
 text-align:center;
 color:#ef4023;
 padding:25px 0px 25px 0px;
 position:relative;
 float:right;
}

.box-vykouzlit-usmev span.corner{
 background-image:url("./sfw_images/vykouzlit-usmev-corners.gif");
}
.partner {
 text-align:center;
 margin-bottom:10px;
 padding-bottom:10px;
}
.video {
 float:left;
 margin:13px 5px 0px 0px;
 }

.left .aktualita {
 clear:both;
 margin-bottom:15px;
}
.left .aktualita .datum {
 margin:0;
 padding:0;
}
.left .aktualita p {
 margin:0px 5px 5px 0px;
 padding:0px 5px 5px 0px;
 text-align:left;
}
.left .aktualita p a {
 color:#000;
 line-height:140%;
 font-size:0.85em;
 font-weight:bold;
}
.left .aktualita a.more {
 display:block;
 float:right;
 margin:5px;
 color:#F7931E;
 text-decoration:none;
 font-weight:bold;
}

p {
 padding:3px 10px 3px 10px;
}

p.intro {
 padding:0px 10px 0px 10px;
 font-size:1.2em;
 color:gray;
}
h4 span.blog_date { font-size:0.9em;}
.podpora-box {
 float:right;
}
a.podpora {
 width:135px;
 height:43px;
 display:block;
 font-size:1px;
 text-decoration:none;
 color:#FFCE55;
 margin:5px;
}
a.podpora.financne {
 background-image:url("./sfw_images/podporte-nas-financne.gif");
}
a.podpora.vyrobkem {
 background-image:url("./sfw_images/kupte-si-nas-vyrobek.gif");
}
a.podpora.dobrovolnictvim {
 background-image:url("./sfw_images/stante-se-dobrovolnikem.gif");
}
.partners-list  {
 
}
.partners-list .cover {
 float:left;
 margin:0px 10px 0px 10px;
 display:table;
 height:150px;
}
.partners-list .cover a.partner {
 display:table-cell;
 vertical-align:middle;
 padding:5px;
 border:1px solid #FFF;
 |line-height:160px;
}
.partners-list .cover a.partner:hover {
 background-color:#EDEDEE;
 border-color:#D8D9DB;
}
.thumbscontainer {
 padding:10px 30px 10px 30px;
}

ul.partner_image_sidebar,
ul.display_partners {
  padding: 0;
  margin: 0;
}

ul.display_partners li {
  width: 280px;
  height: 120px;
  text-align: center;
  list-style: none;
  vertical-align: middle;
  display: table-cell;
}



ul.partner_image_sidebar li {
  width: 240px;
  height: 130px;
  text-align: center;
  list-style: none;
  vertical-align: middle;
  display: table-cell;
}