/*------------------------------------------------------------------------------------------------
Author Name: Hrvoje Mesec
Web Page: www.pizzeria-stari-zagreb.hr
Date of Creation: 21.9.2011.
Date of Last Update:
------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
#1 General Styles, Whole Document
------------------------------------------------------------------------------------------------*/

* { padding: 0; margin: 0; border: 0; }

html, body {height: 100%; width: 100%;}

body {font-family: calibri, Verdana, sans-serif; font-size:100%; background:#fffef0;}

html {overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical;}

/*------------------------------------------------------------------------------------------------
#2 Main Areas; Container= div#stranica, Header= div#gore, Body= div#sredina, Footer= div#dolje
------------------------------------------------------------------------------------------------*/
div#stranica {min-height:100%; height: auto !important; height:100%; margin: 0 auto -100px; width:1000px; border:#d5d5d5 solid 1px; background:#fff;}
div#gore {height:100px; width:1000px; margin-left:auto; margin-right:auto; background:url(images/gore_pozadina_zaglavlja_pizzeria_stari_zagreb.jpg) no-repeat;}
div#menu {height:32px; width:100%; background-color:#ff4040;  border-top:3px solid #fff; border-bottom:3px solid #fff;}
div#menu_menu {width:1000px; margin-left:auto; margin-right:auto;}
div#flyer {height:380px; width:100%; background-color:#ff4040;}
div#flyer_flyer {width:1000px; margin-left:auto; margin-right:auto; padding-right:10px;}
div#content {height:100%; width:1000px; margin-left:auto; margin-right:auto; min-height:1000px; position:relative;}
div#dno {background-color:#ff4040; width:100%; height:100px; position:relative;}
div#dno_dno {width:1000px; margin-left:auto; margin-right:auto; padding-top:20px;}

/*------------------------------------------------------------------------------------------------
#4 Header Styles
------------------------------------------------------------------------------------------------*/


#menu_menu ul{padding:0; margin:0; z-index:10000;}
#menu_menu li{position: relative; float: left; list-style: none; margin: 0; padding:0;} 
#menu_menu li h1{font-size:130%; font-weight:normal;} 
#menu_menu li h1 a{height: 30px; width:130px; display: block; text-decoration:none; color:#fff; border-right:#fff solid 1px; text-align:center; padding-top:2px;} 
#menu_menu li h1 a:hover{text-decoration:none; color:#900000; background-color:#ff7e7e;} 
#menu_menu ul ul{position: absolute; top: 30px; visibility: hidden;} 
#menu_menu ul li ul{background-color:#ff4040;} 
#menu_menu ul li ul li a{padding-right:0px; padding-bottom:0px;} 
#menu_menu ul li:hover ul{visibility:visible;} 
#menu_menu ul li a.current {background:#ff7e7e;}



div#gore img.logo {margin-top:10px; float:left; margin-left:50px;}
div#gore_kontakt {text-align:right; float:right; margin-right:5px;}
div#gore_kontakt p {color:#000; font-size:80%; font-weight:bold;}


div#dno_dno {text-align:center;}
div#dno_dno_h1 {margin-left:300px;}
div#dno_dno_h1 h1 {color:#fff; float:left; font-size:100%; padding-right:20px;}
div#dno_dno_h1 h1 a {text-decoration:underline; color:#fff;}
div#dno_dno_h1 h1 a:hover {color:#900000;}
div#dno_dno p {color:#fff; font-size:80%;}
div#dno_dno p a {text-decoration:underline; color:#fff;}
div#dno_dno p a:hover {color:#900000;}



/*------------------------------------------------------------------------------------------------
#5 Body Styles
------------------------------------------------------------------------------------------------*/

div#content_left {position:relative; height:100%; width:630px; float:left; margin-top:30px; padding-left:20px;}
div#content_right {position:relative; height:100%; width:300px; float:right; margin-top:30px; border:#d5d5d5 solid 1px; background:#ff4040; margin-right:10px; text-align:center; padding:10px;}
div#content_bottom {position:relative; height:100%; width:1000px; padding-top:100px;}

div#content_left h1 {font-size:160%; color:#ff4040;}
div#content_left p {font-size:110%; color:#000; padding-bottom:0px;}
div#content_left p a {text-decoration:none; color:#ff4040;}
div#content_left p a:hover {color:#900000;}
div#content_left img {border:1px solid #ff4040; width:500px; height:auto; margin:10px 0 10px 50px;}
div#content_left a img {border:2px solid #ff4040;}
div#content_left a:hover img {border:2px solid #900000;}
div#content_left h2 {font-size:140%; color:#ff4040;}
div#content_left h2 a {text-decoration:none; color:#ff4040;}
div#content_left h2 a:hover {color:#900000;}

div#content_right h3 {font-size:160%; font-weight:normal; margin-bottom:15px; text-decoration:underline; color:#fff;}
div#content_right h3 a {text-decoration:none; color:#fff;}
div#content_right h3 a:hover {color:#900000;}
div#content_right h2 {font-size:200%; font-weight:normal; margin-bottom:15px; color:#fff;}
div#content_right h2 a {text-decoration:none; color:#fff;}
div#content_right h2 a:hover {color:#900000;}
div#content_right p {font-size:100%; font-weight:normal; margin-bottom:15px; color:#fff; float:left; margin-top:8px; margin-right:5px; margin-left:20px;}
div#content_right img.kosta {border:#fff solid 1px; width:280px; height:auto;}
div#content_right a img.kosta {border:#fff solid 2px;}
div#content_right a:hover img.kosta {border:#900000 solid 2px;}
div#content_right img.fejs {float:left;}

div#content_bottom_croatiaimage {float:left; width:280px; height:280px; border:1px solid #ff4040; background:#f4f4f4; margin-left:20px; padding:10px;}
div#content_bottom_croatiaimage img {float:left; margin-right:20px;}
div#content_bottom_croatiaimage h4 {font-size:140%; color:#900000;}
div#content_bottom_croatiaimage p {font-size:140%; color:#ff4040;}
div#content_bottom_croatiaimage p a {text-decoration:none; color:#ff4040;}
div#content_bottom_croatiaimage p a:hover {color:#900000;}


/*------------------------------------------------------------------------------------------------
#5 Footer Styles
------------------------------------------------------------------------------------------------*/

.polje1 {width:400px; float:left;}
.polje2 {width:70px; float:left; text-align:center;}
.polje3 {width:70px; float:left; text-align:center;}
.polje4 {width:70px; float:left; text-align:center;}
.polje5 {width:400px; line-height:0.7em; padding-bottom:10px;}
.polje6{width:540px; float:left;}
.polje7 {width:70px; float:left; text-align:center;}
.polje8 {width:540px; line-height:0.7em; padding-bottom:10px;}
.polje9 {width:540px; line-height:0em;}


div#dno_dno_mreze {width:167px; height:213px; overflow:hidden; margin:0px 20px 20px 20px; float:left;}
div#dno_dno_mreze img {width:167px; height:426px; margin:0px; padding:0px;}
div#dno_dno_mreze a img {position:relative; top:-213px; left:0px; border:none;}
div#dno_dno_mreze a:hover img {top:0px; left:0px; border:none;}

div#galerija a img {width:150px; height:110px; margin:0px 20px 20px 20px; float:left; border:3px solid #ff4040;}
div#galerija a:hover img {border:3px solid #900000;}

div#ostalo img {width:260px; height:210px; margin:0px 20px 20px 20px; float:left;}

/* The End--------------------------------------------------------------------------------------*/