@charset "UTF-8";
/* CSS Document */
/*

font-family: 'PT Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Play', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Slab', serif;

*/

/*Copyright EFM – eightyfive.cz*/

body { background-color:#ffffff; background-image:none; background-position:center top; background-repeat:repeat-x;font-family: 'Signika', sans-serif; font-weight:300; text-align:left; }
body { background-image:url("../img/bg940.jpg"); color: #007d95; border-top:5px solid #f3d4c6;}
header { position:relative; margin: 0!important}

.topLine { background-color: transparent; position: absolute; left: 0; top: 0; width: 100%; z-index: 900; padding: 7px 0;  height:20px; display: none;}

.languageBar {  text-align: right; padding: 0px; color: #ffffff; z-index: 999; position:absolute; top:2px; right:0px; width:50%; height:auto; }
.languageBar a { font-size: .8em; color: #666; -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-khtml-border-radius: 0px 0px 5px 5px;
               border-radius: 0px 0px 5px 5px; background-color: #f0f0f0; padding: 5px 10px;}
.languageBar a.active, .languageBar a:hover { background-color: #e9bfb1; color: #fff; }

.mainContent { padding-top: 25px; background-color: #fff;}

.logo { margin:0; background-color: #ffffff; z-index: 999 !important; height: 300px; text-align: center;}
.logo img { padding: 30px 0;}
.logo p.claim { padding: 0 40px; text-align: center; font-style: italic; color: #6c7073; font-size: 1.1em; font-weight: 400;}

.pic { margin: 0; height: 300px;}
.track { margin-top: 0px; background-color: #ffffff; height: 300px;}

p { font-size:1em; margin-bottom:10px; text-align:left; line-height:1.5em;}
article a { color:#007d95; text-decoration:none; font-weight: 400;}
article a:hover {color: #e9bfb1;}
p a { text-decoration: underline;}
p strong { font-weight: 600;}
img.pull-left { margin-right:15px;}
img-pull-right { margin-left:15px;}
p.back a { text-decoration:none; font-size:.9em; font-weight:300;}

.plastic a:hover img { opacity:.8; }

p.prosaic {font-family: 'Italianno', cursive; color: #e9bfb1; font-size: 2.1em; text-align: right; margin-top: 20px;}
p.prosaicInfo { font-size: .9em; text-align: right;color: #ccc; }
p.prosaicInfo span { color: #ccc; font-size: .8em;}

p.babyClaim {font-family: 'Italianno', cursive; color: #007d95; font-size: 1.7em; margin: 0px 0 20px 0; letter-spacing: 1px; text-align: left; line-height: 1.2em;}

.gradientMask {background-color: #ffffff;background-image:url("../img/gradientMask.png"); background-repeat: repeat-y; background-position:  right bottom; position: absolute;left: 0px; top: 0px; height: 300px;}

ul li { font-size: .9em; line-height: 1.7em;}
article ul li:before { color: #e9bfb1;}
article ul { margin-bottom: 20px; margin-top: -5px;}

a:hover, a:focus { text-decoration:none; color:#333;}

p a { font-weight:700;}
p a:hover { text-decoration:underline;}
article p a, article ul li strong { letter-spacing:0.5px;}
article p { margin-bottom:20px;}

.pageContent { margin-left: 0; padding-right: 20px;}

img.pull-right { margin-left: 15px; margin-bottom: 15px;}

h1, h2, h3 { color: #007d95;}
h1 {font-size: 1.1em; line-height: 1.2em; font-weight: 500;}
h2 { font-size: 2em; color: #e9bfb1; font-weight:500;}
h3 { font-size: 1.3em; margin-bottom: 10px; margin-top: 20px;font-weight: 500; }
h4 { font-size: 1.2em; color: #e9bfb1; margin-bottom: 10px; margin-top: 5px; text-transform: normal; font-weight: 500;}

header h2, article h2 { border-bottom: 3px dotted #efefef; padding-bottom: 10px; margin-bottom: 18px;}

.topNav { background-position: center top; background-repeat: repeat-y; background-image:url("../img/quickNavBg.png"); display: block; -webkit-border-radius: 0 10px 0 10px;-moz-border-radius: 0 10px 0 10px;-khtml-border-radius: 0 10px 0 10px;border-radius: 0 10px 0 10px;}
.topNav ul { padding: 0 5px; margin: 0;}
.topNav ul li { display: inline-block; padding: 10px 0; margin: 0 0 0 3px; list-style: none;}
.topNav ul li a {background-image:url("../img/quickNavLinkBg50.png"); padding: 10px 25px;
              -webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px; color: #007f97; word-break: keep-all; font-weight: 500; 
              letter-spacing: 0px; font-size:1.25em; text-shadow:#FFF 0px 1px 0px; margin: 5px 0 5px 0px; line-height: 40px;}
.topNav ul li a:hover, .topNav ul li.menuactive a { background-image:url("../img/quickNavLinkBg.png") }


nav.thirdNav ul { background-color: #fff; margin: -10px 15px 00px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px; padding: 0 15px 40px 10px;
background-image:url("../img/bgThirdNav.png"); background-position: center bottom; background-repeat: no-repeat;}
nav.thirdNav ul li { margin:0 0 0px 0; list-style: disc !important; padding: 0; display: block;}
nav.thirdNav ul li a { line-height: 24px; color: #666 !important; padding-left: 5px;}
nav.thirdNav ul li.menuactive a {font-weight:700; }
nav.thirdNav ul li a:hover { text-decoration:underline;}

.navbar .nav > li > a { font-size: 1.1em !important; text-align:left; color: #007d95 !important; text-transform: uppercase;}
.navbar-inner { background-color: transparent; margin: -25px 15px 00px 15px; padding: 10px; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-khtml-border-radius: 0px 0px 5px 5px;
               border-radius: 0px 0px 10px 10px; background-image:url("../img/bgAsideNav.jpg"); background-position: right bottom; background-repeat: no-repeat; }

ul.nav > li > ul { text-align:left; visibility:hidden; height:0;}
ul.nav > li.menuactive > ul, ul.nav > li.menuactive > ul { visibility:visible; height:auto; display: block; margin-bottom:3px; margin-left: 35px;}
ul.nav > li > ul > li a, ul.nav > li > ul > li > ul > li a { line-height:19px;} 	

ul.nav > li > ul > li > ul { text-align:left; visibility:hidden; height:0;}
ul.nav > li.menuactive > ul li.menuactive > ul { visibility:visible; height:auto; display:block;}
.nav a { color: #007d95 !important; }

ul.nav > li > ul > li.menuactive a { font-weight: 300;}
ul.nav > li > ul > li.menuactive a.menuactive { font-weight: 700;}

.navbar .nav > li.menuactive > a { font-weight: 700;}

.contact {padding: 0 20px 15px 35px; font-size: .9em; color: #6c7073; margin-top: -10px;background-image:none; background-position: center bottom; background-repeat: no-repeat;}
.contact h3 {font-size: 1em; font-weight: 600; margin: 0 0 5px 0; padding: 0; line-height: normal;color: #6c7073;}
.contact p { padding: 0 0 5px 0; margin: 0;}
.contact p a {color: #6c7073; font-weight: 400;}

.asidePhoto {margin: 1px 15px 15px 15px; padding-top: 0px; background-color: #fff}

.asideInfo { background-color: #e9bfb1;-webkit-border-radius: 0px 10px 0px 10px;-moz-border-radius:  0px 10px 0px 10px;-khtml-border-radius:  0px 10px 0px 10px; border-radius:  0px 10px 0px 10px; padding: 7px 15px; margin: 15px;}
.asideInfo h2 { font-size:1.1em; color:#FFF; line-height:normal; text-shadow: #945a47 0px 1px 0px; font-weight: 700;}
.asideInfo p, .asideInfo ul li, .asideInfo a { color:#FFF; line-height:normal; }
 .asideInfo a:hover { text-decoration:underline;}
 .asideInfo ul li { margin-bottom:5px;} 

.newbornWidget { margin: 15px;position: relative}
.newbornWidget h2 { line-height: normal; font-size: .9em; margin: 0; padding: 0; padding-top: 5px; color: #007d95;}
.newbornWidget h3, .newbornWidget h3 a { color: #e9bfb1; font-size: 1.1em; margin: 10px 0 0 0;}
.newbornWidget h3 a:hover { text-decoration:underline;}
.newbornWidget .baby {background-image:url("../img/newborn.jpg"); background-position: center bottom; background-repeat: no-repeat; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-khtml-border-radius: 0px 0px 5px 5px;
               border-radius: 0px 0px 10px 10px; height: 200px;}
.newbornWidget .top { background-color: #f0f0f0;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-khtml-border-radius: 10px 10px 0px 0px;
               border-radius: 10px 10px 0px 0px; padding: 15px; margin: 0;  }
.newbornWidget .content { padding: 0 15px;}

section.storiesPage { background-image:url("../img/storiesBG.png"); background-position: right top; background-repeat: no-repeat;}
.mediaContent { padding:0 20px;}
.mediaContent p { text-shadow: #fff 2px 2px 5px;}
.media {cursor: pointer; margin: 20px 0 20px 0; border-bottom: 1px dotted #f0f0f0; padding-bottom: 20px;}
.mediaThumb img { width: 120px; height: 120px; margin-right: 20px; }
.mediaThumb {  }
.media:hover .mediaThumb { opacity: .7; cursor: pointer; }
.media h3 { padding-top: 0; margin-top: -5px;}
.media h3 a, .media h3 a:hover {color: #007d95; margin: 0 0 5px 0; border-bottom: 2px dotted #efefef; display: inline-block; padding-bottom: 0px;}
.readStory { background-color: #e9bfb1; color: #fff; font-style:italic; text-decoration: none; font-weight: 300;  padding: 2px 7px; font-size: .8em; letter-spacing: 1px;
display: inline-block; margin-top: 5px;}
.media:hover .readStory:hover, .media:hover .readStory:focus, .readStory:hover { background-color: #efefef; color: #007d95;}

.iconCap {background-image:url("../img/cap.png"); background-position: left bottom; background-repeat: no-repeat; width: 43px; height: 43px; position:absolute; right: -23px; top: -23px;}
.stories {background-image:url("../img/pribehy.png"); background-position: left; background-repeat: no-repeat; line-height:30px; padding-left: 40px; font-size: .8em;
         color: #007d95; text-decoration: none; display: block; cursor: pointer; }

.mediaContent.support { margin-left:-20px; padding-left:20px;}		 

footer { padding: 10px 0; font-size:.75em; margin-top:30px; color:#ccc;}
.author p { text-align:right !important; padding-right:20px;}
.copyright p { padding-left:20px;}
.author a img { opacity:0.5;}
.author a:hover img { opacity:1;}
footer a {color:#ddd;}

.team h3, .team h3 a, .team h3 a:hover { line-height:normal; margin-bottom:5px; padding-bottom:0; display:block !important;  color: #007d95;}
.team h3 a { background-image:url(../img/info.png); background-position:right; background-repeat:no-repeat;}
.team img {-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; opacity:.85;}
.team img:hover { opacity:1;}
.team h4 { margin:-5px 0 25px 0; padding:0; color:#c9c9c9; font-size:1em; text-transform:normal;}

.round5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}

a.noborder { color:#999; text-decoration:none;}
a.noborder:hover, a.noborder:hover span { color:#000;}

p.date { color: #e9bfb1; padding-bottom:10px; border-bottom:1px dotted #efefef; }

a.dotaz { background-color:#e9bfb1; color:#FFF; padding:5px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; font-size:1em; font-weight:300; text-decoration:none !important;}
a.dotaz:hover { background-color:#007d95; color:#FFF;}


label { font-weight:700; margin:10px 0 5px 0; font-size:.9em; }
input[type=text], textarea { font-size:.9em !important;  }
textarea { width:350px; font-size:.8em !important; padding:10px;}
input[type=file] { }
.submit input { margin-top:20px !important; background-color:#e9bfb1; color:#FFF; padding:8px 16px; -webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px; font-size:1em; font-family: 'Signika', sans-serif; border:0; }
.submit input:hover { background-color:#007d95; color:#fff !important}

.carousel {
        overflow: hidden;
      }
.carousel .item {
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
      }
.carousel .item img, .slide { margin: 0; padding: 0;}
.carousel .item .text { position: absolute; left: 0px; bottom: 20px; font-size: 1.3em; text-align: left; text-shadow: #fff 1px 1px 1px; line-height: 1.5em; width: 50%;  color: #666 }
.carousel .item .text.s02 {text-align: left;}

.carousel .active.left, .carousel .active.right {
        left:0;
        opacity:0;
        z-index:2;
      }
.carousel .next, .carousel .prev {
        left:0;
        opacity:1;
        z-index:1;}



#content-box {
	position: relative; width: 100%; height: 100%; margin: 0; background-color: transparent;
}

@media (min-width:0px){
    .topNav ul {text-align: center;padding-top: 5px; padding-bottom: 5px;}
    .topNav ul li a  { line-height: 25px;
    body { background-image:url("../img/bg01.jpg") !important }
    }
@media (min-width:0px) and (min-width:1199px){
        body { background-image:url("../img/bg01.jpg") !important } 
    }
   
	
@media (min-width:976px){
    .topNav ul {padding-top: 5px; padding-bottom: 5px; text-align: center;}
    .topNav ul li a  { line-height: 25px;
    body { background-image:url("../img/bg01.jpg")}
    }
    
@media (min-width:1200px)  {
    .topNav ul {text-align: center; padding-top: 5px; padding-bottom: 5px;}
    .topNav ul li a  { letter-spacing: 2px !important; }
    .topNav ul li { margin-left:10px; }
	}