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

@font-face {
    font-family: 'ad';
    src: url('../font/ad.eot');
    src: url('../font/ad.eot?#iefix') format('embedded-opentype'),
         url('../font/ad.woff') format('woff'),
         url('../font/ad.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body {font-family: 'ad', Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;line-height: 1.7em;margin: 0;padding: 0; text-align: center; background: url(../images/bg.jpg) 0 0 repeat;}

a, h1, h2, h3, h4, p, ul, li, form, fieldset, td {margin: 0;padding: 0;}
ul, li {list-style: none;}

.s18 {font-size: 18px; line-height: 28px;}
.s29 {font-size: 29px; line-height: 42px;}
.s42 {font-size: 42px; line-height: 56px;}
.s54 {font-size: 54px; line-height: 100px;}
.and {margin: 15px 0 15px 9px;}

.and span {
	display: inline-block;
	background: url(../images/and.png) center center no-repeat;
	overflow: hidden;
	margin: 0 5px -15px 5px; 
	}
.and span em {
	display: inline-block;
	width: 45px;
	height: 56px;
	text-indent: -9999px;
}

.tyrkys {color: #69C0AD;}

.myrtle-left {background: url(../images/floral.png) 0 center no-repeat; padding: 14px 55px;}
.myrtle-right {background: url(../images/floral.png) right center no-repeat; padding: 27px 55px;}

#pre-wrap {
	padding: 20px 0;
	margin: 0 auto;
	width: 640px
}

#wrap {
	background-color: #F2E3D1;
	width: 600px;
	color: #4A4A4A;
	margin: 0 auto;
	}

#heart-top {
	background: url(../images/heart.png) center 50px no-repeat;
	padding: 50px;
}

#heart-bottom {
	background: url(../images/double-heart.png) center bottom no-repeat;
	padding: 50px 0;
}















/* 

#header {
	background: #000;
	text-align: center;
	height: 180px;
	}
#header .in {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	}
#header h1 {position: absolute;top: 64px;left: 0;width: 324px;height: 45px;overflow: hidden; text-indent: -9999px;}
#header h1 span {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/cafe-bardolino.png) 0 0 no-repeat;z-index: 1;cursor: pointer;}

#menu {
	float: right;
	margin-top: 50px;
	height: 85px;
	}
#menu li {
	display: block;
	float: left;
	padding: 10px 5px;
	border-right: 1px solid #333;
	}
#menu li.last {
	border-right: none;
	}
#menu li a {
	padding: 0 10px;
	line-height: 65px;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	}
#menu li a:hover, #menu li.active a {
	color: #f3b100;
	}

#content {
	background: url(../images/bg-kavarna.jpg) top center repeat-x #321d11;
	padding: 30px 0 50px 0;
	}
#content .in {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	background: url(../images/bg-content.png) 0 0 repeat;
	color: #f5f5f5;
	}
#content .inner {
	padding: 30px;
	}
#content h2 {
	margin-top: -30px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	background: #f3b100;
	color: #000;
	line-height: 50px;
	font-size: 170%;
	padding: 0 30px;
	font-weight: normal;
	}
#content h3 {
	color: #f3b100;
	font-size: 170%;
	padding-bottom: 15px;
	font-weight: normal;
	}
#content p {
	padding-bottom: 20px;
	}
#content img {
	border: 5px solid #f5f5f5;
	}
#content a {
	text-decoration: underline;
	color: #f3b100;
	}
#content a:hover {
	text-decoration: none;
	}

#footer {
	background: url(../images/footer.png) 0 0 repeat-x;
	clear: both;
	height: 300px;
	margin-top: -9px;
	}
#footer .in {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding-top: 45px;
	color: #380101;
	}
#footer #footer-left {
	float: left;
	width: 269px;
	}
#footer #footer-center {
	float: left;
	width: 340px;
	margin-right: 30px;
	padding-left: 30px;
	border-right: 1px solid #a79a81;
	border-left: 1px solid #a79a81;
	}
#footer #footer-right {
	float: left;
	width: 229px;
	}
#footer h2 {
	font-weight: normal;
	font-size: 170%;
	padding-left: 40px;
	line-height: 33px;
	padding-bottom: 20px;
	}
#footer #footer-left h2 {
	background: url(../images/icon-contact.png) 0 0 no-repeat;
	}
#footer #footer-center h2 {
	background: url(../images/icon-mapa.png) 0 0 no-repeat;
	padding-left: 36px;
	}
#footer #footer-right h2 {
	background: url(../images/icon-hodiny.png) 0 0 no-repeat;
	}
#footer a {
	color: #380101;
	text-decoration: underline;
	}
#footer a:hover {
	text-decoration: none;
	}
#footer p {
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 100%;
	}

#listek-left {
	float: left;
	width: 419px;
	border-right: 1px solid #504f4f;
	}
#listek-right {
	float: right;
	width: 390px;
	}

#listek-left table, #listek-right table {
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	margin-bottom: 30px;
	line-height: 1.3em;
	}
#listek-left table td, #listek-right table td {
	vertical-align: top;
	padding: 4px 5px;
	}
#gallery { text-align: center;}
#gallery img { margin: 0 5px 10px 5px;}

#content ul {
	padding-bottom: 20px;
	padding-left: 10px;
	}
#content ul li {
	background: url(../images/bullet.png) left center no-repeat;
	padding-left: 13px;
	}



*/





