@font-face {
	font-family: MyriadWebPro;
  src: url(http://salon-vera.com/templates/frontend.salon-vera/font/myriadwebpro.eot);
  font-style: normal;
  font-weight: normal;
  /* EOT file for IE */
}
@font-face {
  font-family: MyriadWebPro;
  src: url("http://salon-vera.com/templates/frontend.salon-vera/font/myriadwebpro.ttf"); /* TTF file for CSS3 browsers */
  font-style: normal;
  font-weight: normal;
}
@font-face
{
    src: url("http://salon-vera.com/templates/frontend.salon-vera/font/MyriadWebPro-Bold.ttf");
    font-family: main;
    font-style: normal;
    font-weight: bold;
}
@font-face
{
    src: url("http://salon-vera.com/templates/frontend.salon-vera/font/MyriadWebPro-Bold.eot");
    font-family: main;
    font-style: normal;
    font-weight: bold;
}
body{
    /*background: url('../images/grey.png');*/
    background: #fff /*url('../images/black_white_design.jpg')*/;
	font-family: "Myriad Pro", Myriad, Helvetica, Arial, serif;
    color: #333;
    text-align: center;
    margin-top: 0px;
}
#hlavicka {
    width: 100%;
    height: 80px;
    position: fixed; 
    z-index: 1000;
    top: 0;
    left: 0;
    text-align: center;
    background: #febb0c /*url('../images/pattern_pruhledne.png')*/;
}
.oddelovac2{
    width: 100%;
    height: 5px;
    background: #fff;    
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    
    opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
#hlavicka-in{
    max-width: 1000px;
    height: 80px;
    margin: 0 auto; 
    text-align: left; 
	position: relative;
}

#hlavicka ul.sub-menu{
    border: none;
    list-style-type: none;
    height: 35px;
    margin-top: 0px;
    float: right;
    margin-right: 8px;
	position: absolute;
	right: 0px;
	top: 81px;
	display: none;
}
#hlavicka ul.sub-menu li{
    display: block;
    float: left;
    
    height: 100%;
}
#hlavicka ul#top-menu ul.sub-menu li a{
    display: block;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: #fff;
    line-height: 35px;    
    font-size: 1.2em;
    margin-top: 6px;
	border-bottom: none;
	background: rgba(254,187,12,0.8);
}
#hlavicka ul#top-menu ul.sub-menu li .active a{
    border-bottom: 5px solid rgba(213,131,3,0.5);
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
    
    opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    position: relative;
    z-index: 2000;
	
}
#hlavicka ul#top-menu{
    border: none;
    list-style-type: none;
    height: 50px;
    margin-top: 30px;
    float: right;
    margin-right: 8px;
}
#hlavicka ul#top-menu li{
    display: block;
    float: left;
    height: 100%;
}
#hlavicka ul#top-menu li a{
    display: block;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: #fff;
    line-height: 50px;    
    font-size: 1.2em;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    transition: 0.5s all ease;
    padding-bottom: 1px;
    border-bottom: 5px solid transparent;
}
#hlavicka ul#top-menu .active a{
    border-bottom: 5px solid #97bf0d/*rgba(255,234,0,0.5)*/;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    transition: 1s all ease;
    
    opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    position: relative;
    z-index: 2000;
}

#hlavicka ul#drop-menu{
    border: none;
    list-style-type: none;
    height: 50px;
    margin-top: 30px;
    float: right;  
    display: none;
    padding-left: 0px;
    margin-right: 8px;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
}
#hlavicka ul#drop-menu p{
    display: block;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: white;
    line-height: 50px;    
    font-size: 1.2em;
    margin: 0px;
    padding-bottom: 1px;
    border-bottom: 5px solid #97bf0d;
    text-align: right;
    position: relative;
    z-index: 2000;
    cursor: pointer;
    
}
#hlavicka ul#drop-menu li{
    background: #97bf0d;
    text-align: right;
    padding: 5px 15px;   
    display: none;
}
#hlavicka ul#drop-menu li a{
    text-decoration: none;
    font-size: 1.2em;
    color: white;
}
#hlavicka ul#drop-menu .active a{
    
}
.odstavec img.uvodka{
    padding: 0px;
	width: 100%;
	/*height: 300px;*/
    max-width: 100%;
	border: 0px solid black;
}

.logo{
    position: relative;
    top: 20px;
    left: 5px;
}
.mensi{
    width: 50%;
}
#obsah{
	margin-top: 0px;
    padding-top: 0px;	
}
#obsah { overflow: hidden; }
#wrapper {
	position: relative;
	left: 0;
}
.stranka{
	/*display: none;*/
	overflow: hidden; float: left;	
}
h2{
	/*text-shadow: 1px 1px 4px #000;
	color: #fff;*/
    font-size: 2.8em;
    color: #97bf0d;;
    font-weight: normal;    
    letter-spacing: -3px;
    margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding-top: 105px;
}
h3{
	/*text-shadow: 1px 1px 4px #000;
	color: #fff;*/
    font-size: 2em;
    color: #97bf0d;;
    font-weight: normal;
    /*text-shadow: 1px 1px 2px #000;*/   
    /*margin-top: 0px;*/
    margin-bottom: 0.2em;
    line-height: 2em;
}
.oddelovac{
    width: 100%;
    height: 5px;
    background: transparent;
    margin-top: 2em;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    
    opacity: 0.2;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
}


p, ul, ol{
    font-size: 0.9em;
    color: #444;
    line-height: 2em; 	
}
ul, ol{
    border-left: #febb0c 5px solid;
    margin-left: 5px;
    padding-left: 30px;
}
table tr td{
	border: 1px solid #8ec168;
	padding: 5px;
}
blockquote{
    border-left: #eee 5px solid;
    margin-left: 5px;
    padding-left: 10px;
    font-style: italic;
}
.odstavec{
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
}
.odstavec a{
    color: #555;
    text-decoration: none;
    border-bottom: #555 1px dashed;
}
.odstavec img{
    border: #aaa 1px solid;
    padding: 5px;
    background: #fff;
	margin: 5px;
}
.odstavec.paticka{
    margin-top: 2em;
    margin-bottom: 10em;
    text-align: right;
    clear: both;
}
.dva-sloupce{
    -moz-column-count:2; 
    -moz-column-gap:30px; 
    -webkit-column-count:2; 
    -webkit-column-gap:30px; 
    column-count:2; 
    column-gap:30px;
}
.text{    
    padding: 0px;
    margin: 0px;
}
.text p{
    margin-top: 0px;
}

#mapa{
	/*width: 100%;
	height: 400px;
	max-width: 400px;
	margin: 1em 0;*/
}

.flexslider{
	max-width: 500px;
	margin: 0 auto !important;
}

.flexslider img{
	margin: 0px;
	padding: 0px;
	border: none;
	max-height: 400px;
	max-width: 500px;
}
.flexslider li{
	/*margin-right: 5px;*/
	
}
.flexslider ul, .flexslider ol{
	border: none;
}
.flexslider a{
	border: none;
	padding: 0px;
	line-height: 3em;
}