/* -------------------- tag styles --------------------*/
body,td,div {font-family: "Trebuchet MS"; font-size: 12px;}
html,body{margin:0;padding:0;height:100%;border:none;}
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; color: #002865;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {text-decoration: none;}
a:hover {}
a:focus {outline: none;}
a:active {}
a:visited {}

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

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

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

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

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #172459;} /*navy*/
.fc4 {color: #009ED9;} /*skyblue*/

.red {color: #FF3300;}
.orange {color: #FF9900;}
.gray {color: #666666;}

.ls25 {letter-spacing: 0.025em;}
.lh14 {line-height: 14px;}

.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.mb5 {margin-bottom: 5px;}
.mr5 {margin-right: 5px;}
.mr20 {margin-right: 20px;}
.mb10 {margin-bottom: 10px;}
.mb35 {margin-bottom: 35px;}
.mt10 {margin-top: 10px;}
.m10 {margin: 10px;}

.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.clear {clear: both;}
.dn {display: none;}
.fail {background-color: #FEFF7F;}

input#slama {display: none;}

.success {
border: 1px solid #20AF5C;
color: #077F39;
background-color: #9FFFC7;
padding: 5px;
text-align: center;
}

.failed {
border: 1px solid #DF535C;
color: #BF232D;
background-color: #FFCFD1;
padding: 5px;
text-align: center;
}

.capitalize {text-transform:capitalize;}

a.tdu, a.tdn:hover{text-decoration:underline;}

a.print{
display: block;
height: 24px;
line-height: 24px;
background: url(../images/print.gif) no-repeat left center;
padding-left: 33px;
}

.h30 {height: 30px;}
.w370 {width: 370px;}
.w730 {width: 730px;}
.w210 {width: 210px;}

div.ie_only {
line-height: 1px;
height: 1px;
}

form, fieldset, legend {
margin: 0;
padding: 0;
border: 0;
background: none;
}

/* -------------------------------------------------------------------------------------------*/
body {background: #fff url(../images/bck_body.gif) repeat-x left top;}
/* -------------------- HEAD start --------------------*/
div#container{
width: 1000px;
margin: 0 auto;
}
/* -------------------- MAIN start --------------------*/
div#left {
width: 200px;
background: #fff url(../images/bck_left.gif) repeat-x left top;
height: auto !important;
min-height: 580px;
height: 580px;
}

img#logo {
margin: 29px 0 35px 0;
}

img.iskanje {
margin: 25px 0 20px 0;
border-bottom: 1px solid #FF9176;
}

form#search{
width: 165px;
margin: 0 auto;
height: 20px;
margin-bottom: 35px;
}

input#search-text {
width: 130px;
height: 17px;
font-size: 11px;
line-height: 17px;
color: navy;
padding: 0;
top: 0;
left: 0;
}

input#search-submit {
width: 18px;
height: 18px;
background: #fff url(../images/submit.gif) no-repeat left top;
border: 0;
top: 0;
right: 0;
cursor: pointer;
}

form#trova-ricette{
width: 165px;
margin: 0 auto;
}

form#trova-ricette select{
width: 160px;
}

input#submit-trova-ricetta-si{
background: url(../images/but_najdi_si.gif) no-repeat left top;
width: 159px;
height: 27px;
cursor: pointer;
margin: 10px 0;
}

input#submit-trova-ricetta-hr{
background: url(../images/but_najdi_hr.gif) no-repeat left top;
width: 159px;
height: 27px;
cursor: pointer;
margin: 10px 0;
}

div.pink-line{
border-bottom: 1px solid #FFBDAA;
}

div#intro-gallery {
width: 172px;
margin: 0 auto;
}

ul.left-menu, ul.left-submenu{
margin: 0;
padding: 0;
list-style-type:none;
width: 165px;
margin: 0 auto;
}

ul.left-submenu{
margin-bottom:15px;
}
ul.left-menu li{
margin-bottom: 5px;
}

ul.left-submenu li{
border-bottom: 1px solid #FFBDAA;
/*height: 15px;*/
}

ul.left-submenu li.active{
background: url(../images/bck_submenu-li.gif) repeat-x left bottom;
}

ul.left-submenu li a{
display: block;
/*line-height: 15px;*/
/*height: 15px;*/
}

div#contact-left {
margin-left: 20px;
}

div#contact-left a{
color: #172459;
}

div#contact-left a:hover{
color: #009ED9;
}

div#intro-gallery a{
display: block;
width: 77px;
margin-bottom: 10px;
}

div#intro-gallery a.fl{padding-left: 3px;}
div#intro-gallery a.fr{padding-right: 3px;}

div#intro-gallery img{
vertical-align: top;
}

div#right {
width: 800px;
background: #fff url(../images/bck_right.gif) repeat-x left top;
height: auto !important;
min-height: 580px;
height: 580px;
}

ul#menu{
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 5px;
}

ul#menu li, ul#menu a{
display: block;
width: 132px;
height: 62px;
float: left;
}

ul#menu li img{
vertical-align: top;
}

div#content{padding-top: 19px; padding-left: 24px; text-align: left;}

div#content h1 {
height: auto !important;
min-height: 44px;
height: 44px;
line-height: 44px;
}

div#intro-left{
width: 400px;
background: #FFE8E3 url(../images/bck_intro-left.gif) no-repeat left top;
height: auto !important;
min-height: 100px;
height: 100px;
}

div.dater{
width: 88px;
height: 65px;
background: url(../images/bck_date.gif) no-repeat left top;
top: -5px;
right: 21px;
padding-top: 18px;
}

img.intro-title{
top: 19px;
left: 20px;
}

div#intro-left h1{
margin-top: 60px;
height: auto !important;
min-height: 35px;
height: 35px;
line-height: 35px;
padding-left: 10px;
font-size: 15px;
}

div#ricette {
width: 730px;
background: url(../images/bck_ricette.gif) repeat-x left top;
height: auto !important;
min-height: 496px;
height: 496px;
}

div#ricette div.colon{
width: 234px;
float: left;
padding-left: 9px;
}

div.colon img.tit{
margin: 10px 0;
}

div.recept {margin-bottom: 20px;}

div.recept div.h30 {line-height: 14px;}

div#intro-right{
width: 359px;
}

div.intro-izpost {
width: 359px;
height: auto !important;
min-height: 181px;
height: 181px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 12px;
position: absolute;
top: 67px;
}

div.intro-izpost  a{
width: 340px;
height: auto !important;
min-height: 145px;
height: 145px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 12px;
position: absolute;
cursor: pointer;
text-decoration: none;
}

div.intro-izpost  a:hover{
text-decoration: none;
}

div.ozadje-izpost {
width: 359px;
background: url(../images/bck_empty.jpg) no-repeat right bottom;
height: auto !important;
min-height: 140px;
height: 140px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
top: 2px;
}


div.intro-post {
width: 342px;
background: url(../images/bck_right-div.gif) no-repeat left bottom;
height: auto !important;
min-height: 140px;
height: 140px;
margin-bottom: 20px;
padding-bottom: 10px;
margin-left: 14px;
}

div.intro-post h2{
font-size: 16px;
text-transform:uppercase;
}

div.ricette-left{width:400px; z-index: 1;}
div.ricette-right{width:330px;}

div.completa{background:url(../images/bck_ricette-right-buttons.gif) repeat-x left top;}

div.bck-orange{
background: #FFF8F6 url(../images/bck_ricette-right.gif) repeat-x left top;
height: auto !important;
min-height: 400px;
height: 400px;
}

a.tabele-nutri{
background: #FFF8F6 url(../images/bck_tabele-nutri.gif) no-repeat left top;
height: 35px;
line-height: 35px;
width: 400px;
display: block;
}

a.tabele-nutri span{
display: block;
margin-left: 35px;
}

div#nutri-drop{
background-color: #FFA48A;
width: 400px;
z-index: 10000;
}

div#nutri-drop div{
background-color: #FFD2C6;
margin: 0 30px;
}

div#nutri-drop table.prodotti{
background-color: #FFBBA8;
margin: 0 0 0 30px;
}

div#nutri-drop div table{
width: 95%;
margin: 0 auto;
}

div#nutri-drop div table td.th{
text-align: left;
text-transform:uppercase;
font-size: 11px;
font-weight:bold;
}

div#nutri-drop div table td{
text-align: right;
font-size: 11px;
}

div.preparazione{
width: 730px;
padding: 20px 0;
}

div.recept-list{
height: 90px;
padding: 8px;
}

div.rl-name {
height: 90px;
width: 320px;
}

div.rl-name td {
height:90px;
vertical-align:middle;
}

div.rl-dific {
width: 120px;
padding-top: 30px;
}

div.rl-tempo {
width: 90px;
padding-top: 20px;
}

div.rl-pages {
line-height: 90px;
}

form#invia-ricetto div.inner-form{
margin: 0 10px;
padding: 10px 0;
}

form#invia-ricetto label{
line-height: 24px;
height: 24px;
margin-right: 10px;
}

form#invia-ricetto label.w190{
width: 190px;
display: block;
float: left;
margin: 5px 0;
}

form#invia-ricetto label.tempo{
background: url(../images/tempo.gif) no-repeat right center;
}

form#invia-ricetto label.riomare{
background: url(../images/logo-small.gif) no-repeat right center;
}

form#invia-ricetto label.piatti{
background: url(../images/img-piatti.gif) no-repeat right center;
}

form#invia-ricetto label.diff{
background: url(../images/img-diff.gif) no-repeat right center;
}

form#invia-ricetto label.stagioni{
background: url(../images/img-stagioni.gif) no-repeat right center;
}

form#invia-ricetto select{
float: left;
height: 21px;
margin: 5px 0;
height: 24px;
width: 158px;
margin-left: 10px;
}

fieldset#uploader {
top: 200px;
right: 7px;
width: 220px;
}

input#rl-submit{
width: 157px;
height: 26px;
background: url(../images/bck_rl-submit.gif) no-repeat left top;
cursor: pointer;
line-height: 22px;
font-size: 11px;
font-weight: bold;
}

div.prodotti-group {
width: 730px;
height: 293px;
background: url(../images/bck_prodotti.gif) no-repeat left top;
margin: 10px 0;
padding-left: 15px;
}

div.product {
width: 208px;
height: 269px;
overflow: hidden;
background: url(../images/bck_product-bottom.gif) no-repeat left bottom;
margin: 12px 0;
float: left;
margin-left: 35px;
}

div.product.first {
margin-left: 0;
}

div.product img {
margin-bottom: 4px;
}

div.product img.title {
margin-top: 8px;
}

div.product-main {
width: 400px;
}

div#splash {
top: -5px;
left: -3px;
background: url(../images/splash.png) no-repeat left top;
width: 224px;
height: 172px;
padding-top: 30px;
}

a#splash-close {
top: 20px;
right: 10px;
display: block;
width: 16px;
height: 16px;
border: 1px solid silver;
line-height: 16px;
text-align: center;
color: silver;
font-size: 18px;
}

div.product-ricette {
width: 320px;
}

ul.ricette-consigliate {
background: url(../images/bck_ricette.gif) repeat-x left top;
height: auto !important;
min-height: 325px;
height: 325px;
padding: 5px;
margin: 0;
list-style-type: none;
}

ul.ricette-consigliate li{
margin-bottom: 5px;
height: 90px;
}

div.product-ricette h2 {
line-height: 44px;
}

ul#ElencoProdotti {
margin: 0;
padding: 0;
list-style-type: none;
width: 135px;
}

ul#ElencoProdotti li{
border-bottom: 1px solid #fff;
}

ul#ElencoProdotti li a{
display: block;
}

ul#ElencoProdotti li a:hover, ul#ElencoProdotti li a.active{
background-color: #FFD2C6;
}

td.TabellaProdotto {
background-color: #FFD2C6;
padding: 0px 10px 10px 10px;
margin: 0px 10px 10px 10px;
}

.TabellaProdotto .th {
  font-weight: bold;
}

#TabellaProdotto1 .fs11 {
  height: 30px;
  line-height: 30px;
}


  
div.video {
width: 310px;
height: 246px;
border: 5px solid #FFCDBF;
}

table.bottom-products td {
padding-right: 15px;
}

ul.tonno-left {
width: 265px;

}

ul.tonno-left li a:active {
color: #002663;
}

ul.tonno {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.tonno li{
height: 28px;
line-height: 28px;
background: url(../images/bck_tonno-li.gif) no-repeat left center;
padding-left: 16px;
}

div.tonno-right-text {
width: 423px;
height: 420px;
background: url(../images/tonno-text.jpg) no-repeat left top;
}

div.tonno-right-text div {
margin: 15px;
overflow-y: auto;
overflow-x: hidden;
height: 395px;
font-family: "Trebuchet MS";
font-size:11px;
line-height:13px;
text-align:justify;
padding-right: 3px;
}

div.tonno-right-text div b, div.tonno-right-text div strong{
color:#039FD9;
}

div.tonno-right-text div img{
margin-top: 10px;
}

a.back-to-top {
display: block;
background: url(../images/back-to-top.gif) no-repeat right center;
padding-right: 16px;
}

div.maintext h2 {
color: #009ED9;
font-size: 18px;
margin-bottom: 10px;
}

div.maintext b {
color: #009ED9;
}

div.maintext a {
font-size: 12px;
text-decoration: underline;
color: #172459;
}

div.maintext img {
float: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 15px;
margin-bottom: 5px;
}

div.maintext img.fr {
float: right;
margin-right: 0;
margin-left: 10px;
}

div.promozione {
width: 719px;
background: url(../images/bck_promo.gif) no-repeat left top;
}

div.promo-foot {
width: 719px;
height: auto !important;
min-height: 360px;
height: 360px;
background: url(../images/bck_promo-foot.gif) no-repeat left bottom;
padding: 20px;
}

form#contatti label.input_label{
display: block;
width: 100px;
float: left;
}

form#contatti {
width: 610px;
}

form#contatti br{
clear: both;
}

form#contatti textarea {
color: #172459;
font-size: 11px;
font-family: "Trebuchet MS";
}

form#contatti label.input_label {
font-weight: bold;
}

form#contatti textarea, input#input_name, input#input_mail {
width: 500px;
margin-bottom: 10px;
}

input#submit-invia-si{
width: 159px;
height: 27px;
background: url(../images/but_poslji_si.gif) no-repeat left top;
cursor: pointer;
}

input#submit-invia-hr{
width: 159px;
height: 27px;
background: url(../images/but_poslji_hr.gif) no-repeat left top;
cursor: pointer;
}

/* NAGRADNA IGRA - begin */
div.nagradna_igra{width: 633px; text-align: center; margin: 0 0 0 22px;}
div.nagradna_igra_text1{width: 633px; height: auto !important; min-height: 107px; height: 107px; margin: 27px 0 0 0; padding: 0; border-bottom: 5px solid #FFC0AD; text-align: left; font-size: 18px; font-family: "Trebuchet MS"; letter-spacing: 0.009em; color: #172459; line-height: 20px;}
div.nagradna_igra_text1 h1,div.nagradna_igra_text1 h2{display: inline; font-size: 24px; letter-spacing: 0.009em; color: #172459; line-height: 20px; font-weight: normal;}
div.nagradna_igra_text1 h2{color: #009ED9;}

div#nagradna_igra_text2{width: 633px; height: auto !important; min-height: 144px; height: 144px; margin: 27px 0 0 0; padding: 0; border-bottom: 5px solid #FFC0AD; text-align: left; font-size: 12px; font-family: "Trebuchet MS"; letter-spacing: 0.05em; color: #172459; line-height: 14px; font-weight: normal; }
div#nagradna_igra_text2 h1{display: block; font-size: 18px; color: #009ED9; line-height: 22px; font-weight: normal; margin: 0; padding: 0;}
div#nagradna_igra_text2 div.right_text{width: 495px; margin: 0 0 0 7px;}
div#nagradna_igra_text2 div.right_text a,div#nagradna_igra_text2 div.right_text a:visited,div#nagradna_igra_text2 div.right_text a:focus,div#nagradna_igra_text2 div.right_text a:active{font-size: 12px; color: #172459; text-decoration: underline;}

div#nagradna_igra_form{width: 625px; margin: 29px 0 0 0; background: url(../images/nagradna_igra_form_top.gif) top left no-repeat;}
div#nagradna_igra_form_top{width: 625px; height: 28px; background: url(../images/nagradna_igra_form_top.gif) top left no-repeat;}
div#nagradna_igra_form_bottom{width: 625px; height: 24px; background: url(../images/nagradna_igra_form_bottom.gif) top left no-repeat;}
div#nagradna_igra_form_middle{width: 594px; height: auto! important; min-height: 372px; height: 372px; padding: 44px 0 0 31px; background: url(../images/nagradna_igra_form_bck.gif) top left repeat-y;}
div#nagradna_igra_form_middle div.label{width: 180px; height: 25px; padding: 0 3px 0 0; margin: 0 0 17px 0; line-height: 25px; overflow: hidden; font-size: 12px; color: #002865; font-family: "Trebuchet MS"; text-align: left;}
div#nagradna_igra_form_middle input.polje{width: 340px; height: 25px; padding: 0 3px 0 0; margin: 0 0 17px 0; overflow: hidden; border: 1px solid #ABADB3;}
div#nagradna_igra_form_middle textarea.polje{width: 340px; height: 100px; padding: 0 3px 0 0; margin: 0 0 17px 0; border: 1px solid #ABADB3;}
div#nagradna_igra_form_middle input.fail{width: 340px; height: 25px; padding: 0 3px 0 0; margin: 0 0 17px 0; overflow: hidden; border: 1px solid red;}
div#nagradna_igra_form_middle input.submit{width: 188px; height: 42px; margin: 0 0 0 273px; border: 0px; background: url(../images/nagradna_igra_submit.gif) top left; cursor: hand; cursor: pointer;}
div#nagradna_igra_form_middle input.submit_next{width: 188px; height: 42px; margin: 0 0 0 273px; border: 0px; background: url(../images/nagradna_igra_nadaljuj.gif) top left; cursor: hand; cursor: pointer;}
div#nagradna_igra_form_middle div.dev{width: 183px; height: 1px;}
div#nagradna_igra_form_middle input.check{width: 16px; height: 16px; margin: 0; padding: 0;}
div#nagradna_igra_form_middle div.label_check{height: 16px; line-height: 16px; margin: 0 0 17px 0; padding: 0 0 0 9px; font-size: 12px; color: #10A4DC; font-family: "Trebuchet MS"; text-align: left;}
/* NAGRADNA IGRA - end */

/*popup*/
div#dark-popup{top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
div#ovoj-fade-pic{top: 0px; left: 0px; width: 100%; height: 100%;}
img#fade-pic-popup{margin: 10px 0 0 0; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
div#fade-pic-bck{margin: 114px 0 0 0; padding: 0 10px 0 10px; width: 459px; height: 264px;}
div#fade-pic-bck_title{top: 128px; left: 182px; width: 215px; font-family: Verdana; font-size: 14px; color: #199545; letter-spacing: -0.025em; font-weight: bold; text-align: left;}
div#fade-pic-bck_text{top: 165px; left: 182px; width: 215px; font-family: Verdana; font-size: 12px; color: #199545; text-align: left; letter-spacing: -0.025em;}
img#fade-pic-borska{top: 78px; left: 6px;}
div#fade-pic-bck-more{top: 233px; left: 373px; font-family: Verdana; font-size: 12px; color: #199545; text-align: left; letter-spacing: 0.00025em;}
div#fade-pic-bck-more a,div#fade-pic-bck-more a:hover,div#fade-pic-bck-more a:active,div#fade-pic-bck-more a:focus,div#fade-pic-bck-more a:visited{font-family: Verdana; font-size: 12px; color: #199545; text-align: left; letter-spacing: 0.00025em;}
div#fade-pic-bck-more a:hover{text-decoration: underline;}
img#fade-pic-close{top: 0px; left: 0px; width: 25px; height: 24px;}

/* -------------------- FOOT start --------------------*/
div#foot {
height: 45px;
line-height: 45px;
background: #FDC9BB url(../images/bck_foot.gif) repeat-x left top;
z-index: 0;
}

div#foot span {
margin-right: 45px;
}

img#logo_foot {top: 0; right: 0;}