/* CSS Document */
html, body {height:100%; width:100%; margin:0px; padding:0px; }


	/* clear default styles and browser fixes
--------------------------------------------------------------*/
* {margin:0px; padding:0px;}
ul,ol { list-style:none }
h1 { font-size:24px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:14px;}
h5 { font-size:14px;}
h6 { font-size:12px;}
ul,ol,li,pre,form,body,html,p,blockquote,fieldset,input,td, table {font-size:12px; margin:0; padding:0;  }
td, th, table {border:0px none; font-weight:normal}
a img,:link img,:visited img { border:none }
/*------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {font-weight:bold;}
body {font: 62.5%/1.3 Tahoma, Arial, Helvetica, sans-serif; color:#333; background:#ccc}
a {color:#996633; text-decoration:none}
a:hover {text-decoration: underline; color:#996633}
/*font: bold 1.2em/1.3em Arial, Helvetica, sans-serif;*/
a, input, div{outline: 0;}
hr {border:0px; border-bottom:1px solid #97d0d1; margin:1px 0;}

center {position:absolute; left:-10000px; height:0px; width:0px; overflow:hidden;}
	/* begin custom style
--------------------------------------------------------------*/


#main {
	position:relative;
  	width: 1000px;
  	margin: 0 auto;
  	padding: 0px 0 0 0;
	background:#ccc;
	}

  
#header {margin:8px 0 0 0; position:relative; background:url(../images/design/bg_header.png) no-repeat left top; z-index:50; float:left;}
#header #logo {display:block; position:absolute; top:220px; left:434px;}
#header_wing {position:absolute; left:845px; top:82px;}
.langselect {position:absolute; right:25px; top:316px; color:#ccc; font-size:13px; z-index:200; padding:5px 11px 8px 11px; text-transform:uppercase; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
.langselect:hover {color:#996633}

#topmenu {float:left; margin:5px 0 0 40px; width:870px; z-index:5000; height:47px}
#topmenu li {position:relative; float:left; margin:9px 0px 0 0;}
#topmenu li ul {display:none; position:absolute; z-index:5001; left:0px; top:28px; width:160px; padding0px 0 2px 0; background:#000;}
#topmenu li a {display:block; padding:5px 11px 8px 13px; color:#ccc; text-transform:uppercase; text-decoration:none; font-size:13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif}
#topmenu li:hover ul {display:block; left:-5px;}
#topmenu li:hover > a {color:#996633}
#topmenu li.active > a {color:#ccc;}
#topmenu li li.active > a {color:#996633; border-bottom:0px none}
#topmenu li li:hover > a {color:#996633}
#topmenu li ul li {float:none; margin:0 0 0 3px; width:160px; }
#topmenu li ul li a { padding:4px 10px 6px 14px;  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:0px none;}
#topmenu ul ul ul {display:none !important}

#rotator { position:relative; float:left; width:100%; margin:0px 0 0px 0; padding:0 0 0 0px; }
#rotator img {display:block; margin:0px auto; padding:1px 15px 15px 1px; background:url(http://www.restaurant-agava.hr/images/design/shadow.png) no-repeat left top;}

#topline {height:36px;float:right;}
#topline ul {float:right; }
#topline ul li {float:right; margin:14px 10px 0 10px; color:#fff;}
#topline ul li a {color:#fff; text-decoration:none; font-weight:bold;}
#topline ul li.active a, #topline ul li a:hover {color:#45a1f4; }

#flashcontainer_home { margin:2px 0 0 8px; width:980px; height:300px; overflow:hidden;  padding:0px 0px 0px 0px;}

#content { color:#333; z-index:1}

#left {position:relative; float:left; width:220px; padding:30px 0 0 0;}
#left h3 { background:url(http://www.restaurant-agava.hr/images/design/bg_heading.png); color:#fff; font-size:21px; line-height:39px; padding:0 0 0 12px; margin:20px 0 5px 0; font-weight:normal }

#left #leftmenu { background:url(http://www.restaurant-agava.hr/images/design/bg_menu.png); border:1px solid #dee2eb}
#left #leftmenu li a {font-weight:bold; color:#333; font-size:12px; text-decoration:none; display:block; padding:10px 0 10px 13px;}
#left #leftmenu li a:hover, #left #menu li a.active {color:#0060c7; background:#fff}
#left #leftmenu li.active {background:#fff;}
#left #leftmenu li {padding:0px 0 0px 0px; border-bottom:1px solid #dee2eb}
#left #leftmenu li li {list-style-type:circle; margin:0 0 0 50px; padding:0 0 0 0px;  border-bottom:0px none}
#left #leftmenu li li li {list-style-type:circle; margin:0 0 0 20px; padding:0 0 0 0px;  border-bottom:0px none}
#left #leftmenu li li a {font-weight:normal; font-size:11px; padding:5px 0 5px 0px;}

#crumbs {display:none; font-size:11px; margin:20px 0 0 40px; text-transform:uppercase; color:#999}
#crumbs a {font-size:11px; color:#999; text-transform:uppercase;}

#p_contentcontent { float:left; width:100%; background:url(../images/design/bg_maincontent.png) repeat-y; }
.left_col {position:relative; float:left; width:310px; min-height:300px; padding:100px 0 0 40px; background:url(../images/design/separator.png) no-repeat right bottom;}
.right_col {position:relative; float:left; width:580px; min-height:300px; padding:100px 0 0 40px; }


#contentholder {position:relative; float:left; width:980px; margin:0px 0 0px 8px; z-index:2 !important; color:#fff; background:url(../images/design/bg_content.png);}
#contentholder h1 {text-transform:uppercase; display:none;}
#contentholder img {border:0px solid #464646}
#contentholder p {margin:0 0 10px 0;}
h1, h2, h3, h4, h5, h5, h6 {margin:12px 0 10px 0; color:#fff; font-weight:normal; line-height:1em}
#contentholder #pagetitle {display:none; font-size:24px; width:500px; height:40px; margin:0 0 0px 0px; padding:0 0 0 0px; line-height:40px;}
#contentholder ul, #contentholder ol {margin:0 0 10px 25px;}
#contentholder ul li {list-style-type:disc}
#contentholder ol li {list-style-type:decimal}
#contentholder td {padding:1px 20px 1px 0; font-size:1em; font-family:Tahoma, Arial, Helvetica, sans-serif; border-bottom:1px solid #ddd}
#maincontent {margin:0 0px;}

#formTable {border:0px none}
#formTable td, #formTable th { padding:5px 0; text-align:left; border:0px none}
input, textarea { font-family:Tahoma; font-size:1em;}
tbody {border:0px none}

#tenderlist {width:100%}
#tenderlist td, #tenderlist th {padding:5px; text-align:left; vertical-align:top; border-right:1px dotted white; border-bottom:1px dotted white}
#tenderlist th {background:#25244e; color:#fff; font-size:10px;}
#tenderlist td {color:#22214b; font-size:10px;}
#tenderlist .Row td {background:#a9defd}
#tenderlist .AltRow td {background:#99cdff}


#right {position:relative; width:186px; margin:20px 15px 15px 0px; float:right; display:none;}
#right a img { display:block; border:1px solid #d4d4d4; padding:7px; margin: 0;}
#right a { display:block; background:url(http://www.restaurant-agava.hr/images/design/bg_right_banner.png) no-repeat left bottom; padding-bottom:17px;}


.sidebox {position:relative; width:100%; margin:0 0 10px 0;}
.sidebox p {}
.sidebox img {margin:0px;}

/*	CTYPES	*/
.galleryholder {margin-left:0px}
.galleryholder div {position:relative; float:left; margin:0 13px 13px 0; padding:0px; text-align:center; overflow:hidden;}
.galleryholder div img {border:1px solid #989898 !important; }
.galleryholder div.size_80 {width:82px; height:82px;}

#footer {position:relative; clear:both; width:980px; min-height:125px; margin:0px 0 0px 8px; padding:0; background:url(../images/design/bg_content.png) left top;}
#footer_inner {position:relative; clear:both; width:100%; margin:0px 0 0px 0; padding:0; background:url(../images/design/bg_footer.png) no-repeat left top;}
#footer p { text-align:left; color:#fff; font-size:11px; margin:110px 0 10px 285px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif}
#footer a { text-decoration:none;}
#footer img {padding-left:280px;}

#footermenu {float:left; margin:45px 0 0 85px; width:100%; overflow:hidden}
#footermenu ul { width:960px}
#footermenu li {position:relative; margin:0px 0 30px 0px; width:160px; float:left;}
#footermenu li ul {  padding:0 0 2px 0; height:auto; width:240px; overflow:hidden;}
#footermenu li a {display:block; padding:1px 5px 1px 0px; color:#fff; text-transform:uppercase; text-decoration:none; font-size:11px;font-family:'Swiss721BT-RomanCondensed';}
#footermenu li ul li {float:none; margin:0px; border:0px none; }
#footermenu li ul li a { padding:0px 10px 1px 0px; font-family:Arial; font-size:11px; text-transform:none}

.face {position:absolute; top:100px; right:75px;}
.trip {position:absolute; top:100px; right:20px;}

#bottom { position:relative; float:left; width:100%; height:12px; background:url(../images/design/bg_bottom.png) no-repeat left top;}

	/* general classes
--------------------------------------------------------------*/
.leftoff { position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}

.small {font-size:10px; font-weight:bold}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.og {color:#ff7f00 !important}
.red {color:red}
.gray {color:#333}
.white {color:#fff}

.fl {float:left; display:inline;}
.fr {float:right; display:inline;}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}