/*
Theme Name: Cosmetic
Theme URI: 
Author: prezentuj.se
Author URI: http://prezentuj.se/
Description: 
Version: 
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* BASE STRUCTURE */

html {
  margin: 0!important;
  padding: 0;
  height: 100%;       
}
body {   
  margin: 0!important;
  padding: 0;
  height: 100%;
  font-family: Arial;
  font-size: 12px;
  color: #6b6065;
  background: #FFF url(images/bg.jpg) no-repeat top center;
}
h1 {
  width: 991px;  
  height: 245px;
	position: relative;
	padding: 0;
	margin: 0;
}
h1 a {
  width: 991px;  
  height: 245px;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px; 
}
h1 a span {
	position: absolute;
	display: block;
  width: 991px;  
  height: 245px;
	left: 0px;
  top: 0px;
	background: url(images/logo.jpg) no-repeat;
}
h2{
  margin: 0;
  padding: 3px 0 4px 30px;
  font-size: 19px;
  color: #6b6065;
  display: block;
  font-weight: bold;
  margin: 10px 0 20px 0;
  background: url(images/h2-bg.png) no-repeat;
}  
h2.h2-article{
  margin: 13px 0 24px 20px;
  background: none;
  padding: 0;
}            
h3{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #77b000;
  display: block;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
h4{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #6b6065;
  display: block;
  font-weight: normal;
  margin: 10px 0 5px 0;
}           
img
{
  border: none;
  padding: 0;
  margin: 0;
}
strong{
  font-weight: bold;
}

a, a:visited{
  color: #77b000;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
p{
  line-height: 20px;
  margin: 7px 0;
}
.bold{
  font-weight: bold;
}
.clear{
  clear: both;
}

ul{
  padding-left: 10px;
}

ul li{
  list-style-type: none;
  
  background: url(images/li-bg.png) no-repeat 0 7px;
  min-height: 25px;
  color: #6b6065;
  line-height: 25px;
  width: 100%;
  padding-left: 20px;
}

/* HEADER */
.page{
  width: 991px;
  display: block;
  margin: 0 auto;
}

header {
  width: 100%;
  height: 305px;
  display: block;
  margin: 12px 0 0 0;
  padding: 0;
}
header .header-logo {
  width: 991px;  
  height: 245px;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.breadcrumb {
  height: 34px;
  width: 961px;
  display: block;
  float: left;
  font-size: 12px!important;
  line-height: 34px;
  padding-left: 30px!important;
}

/* NAV */

nav{
   width: 971px;
   float: left;
   height: 60px;
   display: block;
   margin: 0 10px;
}
nav ul {
  width: 991px;
  height: 44px;
  padding: 0;
  margin: 16px 0 0 0;
}
nav ul li {
  list-style-type: none;
  float: left;
  background: none;
  padding: 0;
  margin: 0;
  height: 44px;
  width: auto;
}
nav ul li a, nav ul li a:visited{
  height: 36px;
  list-style-type: none;
  text-align: center;
  float: left;
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  padding: 8px 10px 0 10px;
  margin: 0 10px;
}
nav ul li a:hover {
  background: url(images/menu-hover-bg.jpg) repeat-x bottom;
}
nav ul li.current_page_item > a {
  font-weight: bold;
  background: url(images/menu-hover-bg.jpg) repeat-x bottom;
}

/* SUBMENU
------------------------------------------*/
.menu ul.sub-menu {
    position: absolute;
    display: none;
    z-index: 999;
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #deeabb;
    float: left;
    padding: 0;
    margin: 44px 0 0 10px;
    width: 203px;
}

.menu ul.sub-menu li {   
    list-style-type: none;
    width: 100%;
    margin: 0;
    height: 43px;
    background: url(images/sub-menu-bg.jpg);   
}

.menu ul.sub-menu li a {
    width: 188px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 29px;
    text-align: left;
    padding: 14px 0 0 15px;
    color: #FFF;
    margin: 0;
}

.menu ul.sub-menu li a:hover {
    background: #deeabb;
    height: 28px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu li:hover ul.sub-menu {
    display: block;
}

.menu ul.sub-menu li:last-child a:hover {
    background: #deeabb;
    height: 29px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu ul.sub-menu li.current-menu-item a{
    background: #deeabb;
    height: 28px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu ul.sub-menu li:last-child.current-menu-item a{
    background: #deeabb;
    height: 29px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu ul.sub-menu li:first-child {
	background: url(images/sub-menu-bg-first.jpg);
}

.menu ul.sub-menu li:last-child {
	background: url(images/sub-menu-bg-last.jpg);
}

/* CONTENT */

section {
  width: 991px;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  background: url(images/content-bg.jpg) no-repeat;
}
section.secondary-section {
  background: url(images/content-secondary-bg.jpg) no-repeat;
}
section.price-section {
  background: url(images/content-price-bg.jpg) no-repeat;
}
section.price-section .content {
  width: 961px;
  min-height: 370px;
  display: inline;
  float: left;
  padding: 30px 0 0 30px;
}
section .content-left {
  width: 440px;
  min-height: 370px;
  display: inline;
  float: left;
  padding: 30px 20px 0 30px;
}
section .content-left-second {
  width: 553px;
}
section .content-right {
  width: 501px;
  display: inline;
  float: left;
  padding: 30px 0 0 0;
} 
section .content-right-second {
  width: 388px;
}
section .content-right-third {
  padding: 30px 20px 0 30px;
  width: 941px;
}                     
section .content-right article {
  height: 140px;
  width: 461px;
  margin: 0 20px 12px 20px;
  background: url(images/article-bg.png) no-repeat bottom; 
}
section .content-right-third article {
  height: 140px;
  width: 931px;
  margin: 0 20px 12px 0;
  background: url(images/article-bg.png) no-repeat bottom; 
}
section .content-right-third article.article-secondary {
  width: 931px;
}
section .content-right article.article-secondary {
  width: 348px;
}
section .content-right article .article-line {
  height: 118px;
  width: 10px;
  margin: 0 14px 0 0;
  display: inline;
  float: left;
  background: url(images/article-line-p.jpg) no-repeat; 
}
section .content-right article .article-line-s {
  background: url(images/article-line-s.jpg) no-repeat; 
}
section .content-right article .article-img {
  height: 99px;
  width: 99px;
  margin: 0;
  display: inline;
  float: left;
  background: url(images/article-img.png) no-repeat;
  margin: 0 14px 0 0;
  padding: 9px; 
}
section .content-right article .article-text {
  width: 286px;
  margin: 0;
  display: inline;
  float: left;
  padding: 0 5px; 
}
section .content-right-third article .article-text {
  width: 766px;
  margin: 0;
  display: inline;
  float: left;
  padding: 0 5px; 
}
section .content-right article .article-text .article-text-title {
  font-size: 16px;
  color: #77b000;
  font-weight: bold;
}
section .content-right article .article-text p {
  color: #000000;
  font-size: 12px;
  line-height: 18px;
}
.price-item {
  width: 928px;
  height: 101px;
  display: block;
  float: left;
  background: url(images/price-line-p.jpg) no-repeat;
  margin: 0 0 3px 0;
}
.price-item-last {
  margin: 0 0 23px 0!important;
}
.price-item-second {
  background: url(images/price-line-s.jpg) no-repeat;
}
.price-item .price-item-text {
  margin: 0 22px;
  width: 764px;
  height: 101px;
  display: inline;
  float: left;
}
.price-item .price-item-text h3 {
  color: #6b6065;
  font-size: 13px;
}

.price-item .price-item-price {
  width: 120px;
  height: 101px;
  display: inline;
  float: left;
  background: url(images/price-item-price.jpg) no-repeat;
  font-family: 'Italianno', cursive;
  font-size: 25px;
  text-align: center;
}
.price-item .price-item-price .first-price {
  color: #ffffff;
  width: 50px;
  display: inline;
  float: right;
  margin: 15px 0 0 0;
  line-height: 15px;
}
.price-item .price-item-price .second-price {
  color: #585858;
  width: 56px;
  display: inline;
  float: right;
  margin: 38px 9px 0 0;
}
/* obrazky sluzby -------------------------- */
.price-item .price-item-price-a1 {
  background: url(images/price-item-price-a1.jpg) no-repeat;
}
.price-item .price-item-price-a1-auge {
  background: url(images/price-item-price-a1-auge.jpg) no-repeat;
}
.price-item .price-item-price-a1-depilation {
  background: url(images/price-item-price-a1-depilation.jpg) no-repeat;
}
.price-item .price-item-price-a1-gesicht {
  background: url(images/price-item-price-a1-gesicht.jpg) no-repeat;
}
.price-item .price-item-price-a1-korper {
  background: url(images/price-item-price-a1-korper.jpg) no-repeat;
}
.price-item .price-item-price-a1-makeup {
  background: url(images/price-item-price-a1-makeup.jpg) no-repeat;
}
.price-item .price-item-price-a1-manner {
  background: url(images/price-item-price-a1-manner.jpg) no-repeat;
}
.price-item .price-item-price-a1-massage {
  background: url(images/price-item-price-a1-massage.jpg) no-repeat;
}
.price-item .price-item-price-a1-meso {
  background: url(images/price-item-price-a1-meso.jpg) no-repeat;
}
.price-item .price-item-price-a1-sugaring {
  background: url(images/price-item-price-a1-sugaring.jpg) no-repeat;
}
.price-item .price-item-price-a1-wrapping {
  background: url(images/price-item-price-a1-wrapping.jpg) no-repeat;
}
/* ---------------------------------------- */

.price-item .price-item-text-small {
  width: 674px;
}
.price-item .price-item-price-large {
  width: 210px;
}
.price-line {
  width: 928px;
  height: 2px;
  float: left;
  display: block;
  background: #bdea48;
  margin: 7px 0;
}

/* CONTACT */

.content-wrapper-left3{
  width: 679px;
  float: left;
  display: block;
  padding: 0;
  height: 373px;
  background: url(images/content-left-bg2.jpg) no-repeat right;
}
.content-wrapper-right3{
  width: 246px;
  height: 339px;
  float: right;
  display: block;
  padding: 15px 14px 19px 22px;
  background: url(images/contact-form-bg.jpg) no-repeat;
}
.contact-body {
  padding: 0 14px 0 0;
}
.contact-body .contact-body-left {
  background: url(images/contact-map-bg.jpg) no-repeat;
  height: 275px;
  width: 374px;
  display: inline;
  float: left;
  padding: 18px 0 0 17px;
}
.contact-body .contact-body-right{
  display: inline;
  float: left;
  height: 287px;
  width: 251px;
  padding: 6px 0 0 16px;
}
.contact-form {
  color: #585858;
}
.contact-form .item1{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 19px 0 0 23px;
  
}
.contact-form .item2{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 0 14px;
  height: 35px;
}
.contact-form .item3{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0 14px;
  height: 35px;
}
.contact-form .item4{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0 14px;
  height: 35px;
}
.contact-form .item5{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0 14px;
  height: 101px;
}
.contact-form .item6{
  display: block;
  width: 139px;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 0 0 107px;

}
.contact-form  input.contact-form-input{
  width: 190px;
  height: 32px;
  background: url(images/contact-form-input-bg.jpg) no-repeat;
  border: 0;
  padding: 0;
  color: #585858;
  font-size: 12px;
  padding-left: 10px;
  border-top: 1px solid #dbf29e;
  border-left: 1px solid #dbf29e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.contact-form  textarea.contact-form-input2 {
  width: 180px;
  height: 78px;
  background: url(images/contact-form-input-bg2.jpg) no-repeat;
  border: 0;
  padding: 0;
  color: #585858;
  font-size: 12px;
  padding: 10px;
  font-family: Arial;
  border-top: 1px solid #dbf29e;
  border-left: 1px solid #dbf29e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.contact-form  input.contact-form-button{
  width: 108px;
  height: 41px;
  background: url(images/contact-form-button-bg.jpg);
  border: 0;
  padding: 0;
  color: #FFF;
}
p.contact {
  padding-left: 10px;
  line-height: 12px;
}
p.padding-b {
  padding-bottom: 10px;
}
p.contact-cross {
  height: 39px;
  width: 220px;
  background: url(images/contact-cross.jpg);
  padding: 10px;
  line-height: 20px;
}

/* FOOTER */      

footer{
  width: 991px;
  height: 87px;
  display: block;
  float: left;
  margin: 0;
  background: url(images/footer-bg.png) no-repeat center;
}
footer a.cosmetic-ico{
  width: 166px;
  height: 60px;
  display: inline;
  float: left;
  margin: 16px 17px 0 42px;
  background: url(images/logo-ico.png) no-repeat 0 0;
}
footer a.cosmetic-ico:hover {
  background: url(images/logo-ico.png) no-repeat 0 -60px;
}
footer .footer-link{
  width: 550px;
  height: 20px;
  display: inline;
  float: left;
  margin: 38px 0 0 20px;
}
footer .footer-created-by{
  width: 160px;
  height: 20px;
  display: inline;
  float: left;
  margin: 38px 0 0 20px;
}
footer .footer-link a, footer .footer-created-by a{
  color: #757575;
  text-decoration: none;
}
footer .footer-link a:hover, footer .footer-created-by a:hover{
  color: #6b6065;
  text-decoration: underline;
}
 
/* END FOOTER */