/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a {color:#269de8;}



img { position:relative;}
strong  {font-weight:normal;}

.clear {  clear: both;
          height: 0; 
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.obal   { width:980px;
          margin-left:auto;
          margin-right:auto;
          position:relative;}

          
/*#online_zadost .obal  {  overflow:hidden;}*/ 
          
          
.obal_text  { width:720px;
              position:relative;
              float:left;
            }
            
#prubeh .obal_text  { width:660px;}
          
body  {   font-family: 'Open Sans', sans-serif;}

.light		{	font-weight:300;
            line-height:26px;
		        font-size:16px; }
		        
h1    {   font-size:30px;
          color:#f74c30;
          line-height:34px;
          margin-bottom:20px;}
          
h2    {   font-size:30px;
          color:#f74c30;
          line-height:34px;
          margin-bottom:20px;}
#prubeh h2  { font-size:36px;}
          
.bily   { color:#fff;}
.fialovy  { color:#3f4257;}


/*------------------------------menu-----------------------------------------*/

nav { position:fixed;
      height:60px;
      width:100% ;
      z-index:9000;
      }

nav #logo { position:absolute;
            width:208px;
            height:28px;
            left:0;
            top:10px;}
            
nav ul   {  position:relative;
            /*left:360px;*/
            float:right;
            width:350px;
            height:42px;
            background-image:url("images/background_menu.png"); 
            margin-top:22px;}
            
nav li    { float:left;
            list-style-type:none;
            font-family: 'Open Sans', sans-serif;
            font-size:15px;
            font-weight:300;
            margin-left:45px;}
            
/*.of, .pr, .np   { margin-left:10px;} */
            
nav li a  { color:#313d85;
            font-size:20px;
            text-decoration:none;
            position:relative;
            top:10px;
            /*transition: color 0.3s ease;
            -webkit-transition:color 0.3s ease;
            -moz-transition:color 0.3s ease;
            -o-transition:color 0.3s ease;
            -ms-transition:color 0.3s ease;*/}
            
nav li a:hover  { color:#fb502d;}


/*----------------------------header------------------------------------------*/

header  { width:100%;
          height:500px;
          background-image:url("images/background_header.jpg");
          background-size:cover;
          background-repeat:no-repeat;
          background-position:center;}
          
.header_text  { width:421px;
                min-height:238px;
                position:relative;
                float:left;
                top:150px;} 
                
.women      { width:565px;
              height:295px;
              position:absolute;
              right:0;
              top:193px;} 
.slogan   { width:692px;
            height:54px;
            position:relative;
            float:left;
            top:125px;} 
            
.button   { position:relative;
            top:30px;
            margin-left:40px}
                  
.stav_a	{z-index:5000;
		position:absolute;}

.stav_b	{z-index:1;
	position:absolute;} 
  
  
/*--------------------------------uvod-----------------------------------------*/ 

#uvod   { width:100%;
          height:1470px;
          background-color:#313d85;
          }
          
.levy_sloupec { width:320px;
                position:relative;
                /*left:0;*/
                float:left;}
                
.pravy_sloupec { width:320px;
                position:relative;
                margin-left:20px;
                float:left;}
                
.reklamni_sloupec { width:250px;
                    position:relative;
                    float:right;
                    /*left:70px;*/}
                    
.reklamni_sloupec img { margin-top:20px;}



.hlavni_vyhody  { list-style-image:url("images/list_decoration.png");
                  list-style-position:outside;
                  padding-left:20px;
                  width:320px;}
                      
.hlavni_vyhody li  {  width:280px;
                      /*color:#585858; */
                    }
     

/*---------------------------------prubeh--------------------------------------*/

#prubeh   { width:100%;
            height:880px;
            background-color:#313d85;}
            
.prubeh-stred { position:relative;
                width:600px;
                text-align:center;
                margin:0 auto;}
                
.postup     { width:500px;
              text-align:center;
              position:relative;
              margin-top:30px;
              list-style-type:decimal;
              margin-left:auto;
              margin-right:auto;}
              
.postup li  { margin-top:15px;
              margin-bottom:15px;}
              
              
/*---------------------------------online_zadost-------------------------------*/

#online_zadost  { width:100%;
                  /*min-height:575px;
                  max-height:1890px; */
                  height:inherit;
                  background-color:#fde76d;
                  }
                  
.obal_zadost  { width:500px;
                position:relative;
                margin-left:0;
                padding-bottom:30px;
                /*padding-left:60px;*/}
                
.obal_zadost h2 { font-size:40px;
                  color:#f74c30;
                 
                  margin-bottom:30px;
                  margin-left:200px;}
                  
.obal_zadost  p { width:870px;
                  position:relative;
                  left:100px;
                  padding-bottom:20px;}
                  
.women_form   { width:463px;
                  height:375px;
                  position:absolute;
                  bottom:0px;
                  margin-left:500px;}

#odeslat {
background-color:#009DE8;
-webkit-border-radius: 5px;
border-radius: 5px;
display-block;
height:40px;
width:155px;
-webkit-box-shadow: inset 3px 3px 2px 0px #6CCEFC;
box-shadow: inset 3px 3px 2px 0px #6CCEFC;
}

.odeslat_text {
color:#fff;
display:block;
padding-top:10px;
}

 /*----------------------------prubeh-------------------------------------------*/

#zkusenosti { width:100%;
              height:inherit;
              background-color:#313d85;
          }
          
.levy_zkusenosti  { width:480px;
                height:inherit;
                position:relative;
                padding-top:75px;
                float:left;}

.pravy_zkusenosti { width:480px;
                height:relative;
                position:static;
                padding-top:75px;
                float:right;}
                
#zkusenosti p { padding-bottom:30px;}
                
                
#zkusenosti h2  { color:#fff;
                  font-size:36px;
                  top:50px;
                  position:relative;}
                  
h3    { font-size:16px;
        font-weight:bold;
        color:#fff;
        padding-bottom:10px}
.mt50 {margin-top: 100px}
/*------------------------------footer----------------------------------------*/

footer  { width:100%;
          height:140px;
          background-color:#fde76d;
           }
           
.footer_logo  { margin-left:auto;
                margin-right:auto;
                position:relative;
                display:block;
                top:20px;}
                
.footer_adresa  { position:relative;
                  text-align:center;
                  font-size:14px;
                  line-height:16px;
                  top:35px;}
/*-------------------------stranak one column ------------------------------*/

.one-column { background-color:#fde76d;
	      padding-left: 100px;
              padding-top: 20px;}