/* -------------------- tag styles --------------------*/
body,td,div {font-family: Source Sans Pro,sans-serif; }
html,body{margin:0;padding:0; height:100%; border:none;}
body{}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold;}
a:focus {outline: none;}
p{margin:0; padding:0;}
section,article,nav,header,footer{display:block;}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}

.ls25 {letter-spacing: 0.025em;}

/* ----------------------------------------------------*/

/* -------------------- HEAD start --------------------*/
/*
div#header {height: 90px; margin:0;}
div#head {width: 700px; height: 90px; margin: 0 auto; background-color:#fbfbfb; position:relative;}*/
	
	
/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#content {}
div#container {position:relative; margin:0 auto; height:auto !important; height:100%; min-height:100%;
    background:#f9f7ef url(../images/bck.jpg) no-repeat bottom left; background-size:cover;}
div#main {width:1320px; margin:0 auto; padding-bottom:52px; height:auto !important; height:100%; min-height:100%; position:relative;}
	img#logo{display:block; margin: 0px auto 15px auto; padding-top:40px;width:25%;}
    img.malvazija,img.merlot,img.rebula{position:absolute;}
    img.malvazija{width:179px; top:78px; left:80px; transform: rotate(-8deg);}
    img.merlot{width:145px; top:328px; right:305px; transform: rotate(10deg);}
    img.rebula{width:111px; top:306px; right:-100px; transform: rotate(15deg);}
div#main p{line-height:22px; text-align:center; font-size: 18px; color:#666366; position:relative; z-index:1000;}
div#main p a{color:#666366; text-decoration:none;}
div#main hr{display: block; height: 1px; border: 0; margin: 0 auto 25px auto; padding: 0; background-image: url(../images/dashed.png); background-repeat:repeat-x; width:250px;}
/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
footer {position:absolute; bottom:0; width:100%; clear:left; height: 52px; 
    background:#f9f7ef url(../images/foot.jpg) no-repeat center center; background-size:cover;
    /*background-color:#636363; border-top:1px solid #4f4f4f;*/}
div#foot {/*width: 700px; height: 370px; margin: 0 auto; background-color:#fbfbfb;*/
	/*-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);*/}
div#foot p{clear:both; text-align:center; color:#dbd9cc; font-size:12px; line-height:52px;}
/* --------------------- FOOT end ---------------------*/