body {font-size: 11px; font-family: Arial, sans-sarif; background-image: url('../img/bg_funlife.jpg'); background-color: #252825; background-attachment: fixed; background-position: top center;}

#obal {width: 900px; margin-top: 50px; margin-left: auto; margin-right: auto;}

/* sekce WE SUPPORT */
div.body{margin:0 auto;margin-top:20px;width:800px;color:#5a5a5a;font-size:11px;}
div.body a {color:#9b8e01;font-size:11px; cursor: pointer;}



.novinka {margin: 20px 0 0 0;}
.novinka a.lightbox {margin: 0px 10px 0 0px;float:left;border:5px solid black;}
.novinka hr {display:none;}
.novinka strong {color:#5A5A5A; padding:0;margin:0px;font-weight:bold;font-size:12px;display:block;}
.novinka p {margin:10px 0 0 0;text-align:justify;line-height: 180%}
.novinka .nextimg {display:none;}
img.support { margin:-70px 0 0 480px; }


/* horni */
#horni a {color: #fbdeba; text-decoration: none;}
#horni a:hover {color: #fbdeba; text-decoration: underline;}

#logo {margin-left: 15px; float: left; width: 150px;}
#menu1 {width: 700px; float: right; margin-bottom: 10px;}
#menu {margin: 0px; padding: 0px; text-align: right; float: right; margin-left: 10px;}
#menu li, #menu li a, #menu li a:hover {display: inline; margin-left: 13px; float: left; color: #a4967f; font-size: 12px; width: auto;}

/* hlavicka */
#hlavicka {clear: both; margin: 0px;}

/* menu */
#menu2 {font-size: 12px; margin-top: -6px; margin-bottom: 5px; margin-left: 9px;}
#menu2 a {color: #fbdeba; text-decoration: none;}
#menu2 a:hover {text-decoration: underline;}
#menu2 ul {margin: -3px 2px 0px 0px; padding: 0px;}
#menu2 li {display: inline; width: 217px; margin-right: 5px; float: left; color: #fbdeba;}
.polozka {padding: 10px; padding-top: 0px; text-align: center;}

/* obsah */
#obsah-box {clear: both; background-image: url('../img/pozadi-tmave.png'); padding: 15px;}
#obsah {background: #1e1e1e; color: #666; padding-top: 10px; padding-bottom: 15px;}
#obsah-pruh {background-image: url('../img/obsah-pruh.gif'); background-repeat: repeat-y; background-position: 644px 0;}
#obsah-levy {width: 642px; float: left;}
#obsah-levy .box15 h1{padding-top: 10px;}
#obsah-levy .box15 h2{padding: 10px 0px 5px 0px; margin-top: 15px;}
#obsah-levy .box15 h3{padding-top: 15px; margin-bottom: 5px; color: #888; font-size: 17px;}
#obsah-levy .box15 p{font-size: 1.08em; line-height: 1.55em; text-align: justify;}
#obsah-levy .box15 strong{font-weight: 600; color: #888;}
#obsah-levy .box15 ul{margin: 10px 0px; padding: 0px 0px 0px 18px; font-size: 1.08em; line-height: 1.55em; list-style: square;}

#obrazky-velke {text-align: center;}
#obrazky-velke img {border: solid #121212 7px; margin: 20px;}

#obsah-pravy {width: 225px; margin-left: 644px; text-align: center;}
#klienti-nadpis {font-size: 16px; color: #A0927C; padding-bottom: 5px; margin-bottom: 22px; padding-top: 12px; display: block;}
#klienti {text-align: center}
#klienti img {margin-bottom: 25px;}
#klienti #seeall {display:block;width:20px;height:10px;float:right;background-image: url('../img/seeall.jpg');}


/* obsah - horni - obrazek */
     /* doresit ten ocasek */
#obsah-horni-box {clear: both; background-image: url('../img/pozadi-tmave.png'); padding: 15px; padding-bottom: 0px;}
#obsah-horni {background: #1e1e1e; color: #5a5a5a; padding: 10px; padding-bottom: 6px;}

/* portfolio */
#obsah strong {font-weight: normal;}
#portfolio-menu a {color: #726d66; text-decoration: none;}


/* portfolio - barvy */
.modra #aktivni, .modra .p-dalsi, .modra h2, .modra h3, .modra h4, .modra strong, .modra a, .modra #portfolio-menu a:hover {color: #99dade;}
.zluta #aktivni, .zluta .p-dalsi, .zluta h2, .zluta h3, .zluta h4, .zluta strong, .zluta a, .zluta #portfolio-menu a:hover {color: #f1ef80;}
.cervena #aktivni, .cervena .p-dalsi, .cervena h2, .cervena h3, .cervena h4, .cervena strong, .cervena a, .cervena #portfolio-menu a:hover {color: #f19c88;}
.zelena #aktivni, .zelena .p-dalsi, .zelena h2, .zelena h3, .zelena h4, .zelena strong, .zelena a, .zelena #portfolio-menu a:hover {color: #8de58e;}
.bezova #aktivni, .bezova .p-dalsi, .bezova h2, .bezova h3, .bezova h4, .bezova strong, .bezova a, .bezova #portfolio-menu a:hover {color: #5d5346;}

.modra #portfolio-h2 {border-bottom: solid #2e2e2e 1px;margin-left: -20px;padding-left:20px;font-size:16px;}
.zluta #portfolio-h2 {border-bottom: solid #2e2e2e 1px;margin-left: -20px;padding-left:20px;font-size:16px;}
.cervena #portfolio-h2 {border-bottom: solid #2e2e2e 1px;margin-left: -20px;padding-left:20px;font-size:16px;}
.zelena #portfolio-h2 {border-bottom: solid #2e2e2e 1px;margin-left: -20px;padding-left:20px;font-size:16px;}
.bezova #portfolio-h2 {border-bottom: solid 2e2e2e 1px;margin-left: -20px;padding-left:20px;font-size:16px;}

#portfolio-h2 {text-align: left; margin-top: 3px;}

/* portfolio - 1. sloupec */
#obsah-modra {background: #1e1e1e; color: #666; padding-top: 10px; padding-bottom: 15px;}
#obsah-zluta {background: #1e1e1e; color: #666; padding-top: 10px; padding-bottom: 15px;}
#obsah-cervena {background: #1e1e1e; color: #666; padding-top: 10px; padding-bottom: 15px;}
#obsah {background: #1e1e1e; color: #666; padding-top: 10px; padding-bottom: 15px;}

h2 span {font-family: 'Arial Narrow',Arial,sans-serif; font-weight: normal; font-size: 16px; color: #A0927C; padding-bottom: 5px; margin-bottom: 22px; padding-top: 6px;}
#portfolio-levy-1 {width: 310px; float: left; margin-top: 10px;}
#box15-1 {padding: 0px 0px 15px 15px;}
#box15-1-obsah {}
.obr-okraj {border: solid #121212 5px;}
.p-dalsi {font-size: 14px; margin-top: 20px; font-weight: bold; margin-bottom: 10px;}
.nahled {margin: 6px; float: left; border: solid #121212 5px; width: auto;}

#obsah-nahledy {padding:0 10px 0 0;margin:31px 0px 0 0;}
#obsah-nahledy.modra {border-top: solid #8DDACD 1px;}
#obsah-nahledy.zluta {border-top: solid #f1ef80 1px;}
#obsah-nahledy.cervena {border-top: solid #f19c88 1px;}
#obsah-nahledy.zelena {border-top: solid #8de58e 1px;}
#obsah-nahledy.bezova {border-top: solid #99dade 1px;}

#obsah-nahledy #box15-1-obsah img {margin:10px 0 0 0; border:3px solid #121212;}
#obsah-nahledy div.thumbs-cover { width: 350px; }
#obsah-nahledy .nextimg { float: left; margin: 10px 20px 0 0px; width: 85px; overflow: hidden; border: 0px none; } /* 77px sirka obrazku + 2x4px border = 85 */
#obsah-nahledy .nextimg.last { margin-right: 0; position: relative; /*right: -5px;*/ }
#obsah-nahledy .nextimg img { float:left;margin: 0 0 0 0; padding: 0; border:4px solid #121212;cursor:pointer;}

/* nahledy */
#obsah-nahledy a {width: 77px; height: 77px; margin: 5px 15px 0 0;overflow: hidden; float: left; border: solid #121212 4px;}
#obsah-nahledy .zobraz.last a {margin-right:0px;position: relative;}
.zobraz a {background-position: 0px 0px; }




/* portfolio 2. sloupec */
#portfolio-levy-2 {width: 285px; float: left; font-size: 1.05em; line-height: 1.5em; margin-top: 10px;}
#box15-2 {margin: 0px 15px 15px 0px; padding:0 0 0 20px;width: 300px; text-align: justify;}
#portfolio-menu {text-align: left; padding-bottom: 13px; font-size: 15px; padding-top: 10px; color: #726d66; border-bottom: solid #2E2E2E 1px;}
#portfolio-menu a {padding: 0 5px 0 0px;}

#obsah-pruh { position: relative; }
#obsah-pruh div.showMore {  }
#obsah-pruh div.showMore a {text-decoration:none;color:#5A5A5A;display:block;position: absolute; background: url('../img/sipka.jpg'); padding:12px 120px 10px 128px; top: 305px; left: 10px;cursor:pointer;}

#podporujeme-img {margin-left: -10px; margin-top: 9px;}


/* patka */
#patka {clear: both; padding-top: 10px; margin-bottom: 30px;}
#patka a {text-decoration:none;} 
#patka-levy {width: 192px; text-align: center; color: #645E52; float: left; margin-left: 15px; margin-right: 30px;}
a .patka-dolni {color: #645E52;}
#patka-pravy {width: 620px;float:right;text-align:right;}
#patka-pravy div.funlife {float:right; width:210px; color:#636564; border-top: 1px solid #303231;margin: 10px 0 0 0;padding: 7px 0 0 0;}
.patka-menu ul {margin: 0px; padding: 0px; margin-top: 12px;}
.patka-menu li {display: inline;}

.patka-horni li, .patka-horni li a {color: #727372;}
.patka-dolni li, .patka-dolni li a {color: #645E52;}
.patka-menu span {margin-left: 5px; margin-right: 5px;}

/* ostatni */
.cleaner {clear: both; height: 0px;border:none;}
hr.cleaner.klienti {clear: both; height: 0px;border:none;background:none;}
.box15 hr.clean { clear: both; height: 0px; border: 0px none; background: none; margin: 0px; padding: 0px; background: transparent; visibility: hidden; }

.certification-left { width: 100px; float: left; margin-top: 20px; }
.certification-right { width: 500px; float: right; margin-top: 5px; }

.box15 {padding: 15px; padding-top: 0px;}
.box15 h1 {border-bottom: 1px solid #2E2E2E;}
.box15 hr {height:1px;width:100%;background:none;color:#2E2E2E;border-bottom: 1px solid #2E2E2E;}
.box15 a {color:#A0927C;}
.box15 a:hover{text-decoration: none;}
.box15 .boxvpravo {padding:0 15px 0 0;width:50%;float:right;}
.box15 .boxvlevo {padding:0 0 0 15px;width:50%;float:left;}
.box15 .pravak{text-align:right;width:165px;}
#obsah-levy .box15 .pravak p{text-align: right;}


/* spolecne prvky */
img {border: none;}

h2, h3, h4 {font-family: 'Arial Narrow', Arial, sans-serif; font-weight: normal; }

h1 {font-size: 18px; color: #A0927C; padding-bottom: 5px; margin-top: 0px; padding-bottom: 11px;}
h2 {font-size: 18px; color: #A0927C; padding-bottom: 5px; margin-top: 0px; padding-bottom: 11px;}
h3 {font-size: 20px; margin-top: 6px; border-bottom: solid #2E2E2E 1px; padding-bottom: 10px;}
h4 {font-size: 14px; margin-top: 25px;font-weight:bold;}

#klientiall a {float:left;height:120px; width:190px; margin: 20px 20px 0 7px;}
#klientiall a img{float:left;}




.iso-img { display: block; float: left; width: 153px; text-align: center; margin: 0px 24px; }
.iso-img img { opacity: 0.5; filter: alpha(opacity = 50); }
.iso-img strong { display: block; text-align: center; }