html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, caption {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
p { margin: 15px 0px;}
body { font-family: 'Open Sans', sans-serif; font-size:14px; line-height: 1.5em; color:#004848; background:url(images/flora_bg.jpg) center top no-repeat; }
:root {
--main-color: #D0281E;
--hover-color: #fff;
}
a { color:#840002; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}
.langs a, .langs{ color:var(--main-color); text-decoration:none;}
.langs a:hover { color:var(--main-color); text-decoration:underline;}
.bottom a { color:#fff; text-decoration:underline;
}
.container {
width:1200px;
margin:0 auto;
position:relative;
background-color:#FFF;
}
.right_side ul li, .right_side ol li, .text_content ul li {
margin-left:40px;
}
.header {
height:180px;
}
.header_left {
float:left;
}
.header_right {
float:right;
}
.site_logo {
height: 170px;
width: 300px;
position:absolute;
left:10px;
top:5px;
}
.valuta {
font-size:14px;
color:#840042;
border-bottom:1px solid #FFDFEF;
padding:3px;
padding-left:40px;
}
.top_bar_line {
margin:0px;
padding:0px;
background:#F4F4F4;
width:100%;
}
.top_bar_line_container {
width:1200px;
margin:0 auto;
height:40px;
}
.main_menu_line {
margin:0px;
padding:0px;
background:#D0281E;
width:100%;
}
#comanda_button {
font-size:13px;
color:#FFF;
padding:6px 10px 6px 10px;
border:0px solid #CCC;
cursor:pointer;
background:#D0281E;
text-decoration:none;
opacity:0.9;
filter:alpha(opacity=90);
}
#comanda_button:hover {
opacity:1.0;
filter:alpha(opacity=100);
}
.top_bascket{
height: 80px;
width: 350px;
float:right;
border:0px solid #CCC;
background:url(images/top_basket.png) 40px 50px no-repeat;
text-align:right;
font-size:15px;
padding-top:40px;
color:#000000;
line-height:22px;
}
.phone {
position:absolute;
left:500px;
top:80px;
height: 30px;
text-align:left;
font-size:30px;
color:#D0281E;
line-height:22px;
font-weight:bold;
text-shadow: 1px 1px #FFFFFF;
}
.top_site p {
margin:0px; padding:0px;}
.site_cale {
width:850px;
padding:8px;
margin-top:0px;
padding-left:0px;
}
.langs {
float:right;
font-size:12px;
text-align:right;
padding:9px;
text-transform:uppercase;
}
.top_bar_title {
left:10px;
top:3px;
height:20px;
position:absolute;
color:#D2F0FF;
text-align:right;
width: 262px;
text-align:left;
}
.left_side {
width:250px;
float:left;
margin-left:5px;
margin-top:17px;
}
.right_side {
width:850px;
float:left;
padding-left:15px;
border-left:1px dotted #FCE8F1;
margin-top:7px;
margin-left:5px;
}
.right_side2 {
width:310px;
float:left;
float:left;
padding-right:0px;
padding-right:10px;
margin-left:5px;
margin-top:-20px;
}
.text_content img, .img {
border:1px solid #E8E8E8;
margin:0px 6px 6px 6px;
padding:6px;
background-color:#FFF;
}
.data {
font-size:13px;
color:#626262;
float:left;
margin-bottom:6px;
}
#top_right_menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#top_right_menu li {
display:inline;
text-decoration:none;
background:url(images/marker.gif) 10px no-repeat;
text-indent:25px;
padding-left:20px;
}
.message_info
{
background:var(--main-color);
width: 100%;
color: #fff;
padding: 15px;
position: fixed;
_position: absolute;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
-webkit-animation: animate-bg 5s linear infinite;
-moz-animation: animate-bg 5s linear infinite;
z-index:10000;
text-align:center;
font-size:18px;
}
.info
{
background-color: #4ea5cd;
border-color: #3b8eb5;
}
.error
{
background-color: #de4343;
border-color: #c43d3d;
}
.warning
{
background-color: #eaaf51;
border-color: #d99a36;
}
.success
{
background-color:#4F256D;
border-color: #666;
}
.message_info h1
{
margin: 0 0 5px 0;
font-size:12px;
text-align:center;
}
.message_info p
{
margin: 0;
text-align:center;
}
#search_box {
color: #000;
width: 205px;
height: 48px;
background: url(images/md_06.png) no-repeat left;
z-index: 1;
padding-left: 4px;
position:absolute;
right:0px;
bottom:-48px;
}
#search_box #s {
margin:10px 0px 0px 10px;
padding:6px;
color:#666;
border:0;
font-size:13px;
width:150px;
background-color:#D9D9D9;
float:left;
}
#search_box #go {
float:right;
width:30px;
height:28px;
cursor:pointer;
background:none;
border:0px;
}
.menu_bar {
position:absolute;
background:url(images/menu_bg_03.png) center top;
width:992px;
height:44px;
top:130px;
z-index:10;
left: -2px;
}
#nav {
float: left;
margin: 0; padding: 0;
z-index:5;
}
#nav li a, #nav li {
float: left;
font-size:12px;
font-weight:bold;
}
#nav li {
list-style: none;
position: relative;
cursor:pointer;
}
#nav li a {
padding: 12px 15px;
text-decoration: none;
color: white;
text-shadow: #000 1px 1px 0;
border-right:1px solid #606;
padding-right:23px;
}
#nav li a:hover {
color:#000;
text-shadow:#fff 1px 1px 0;
background:#FFD2FF;
}
#nav li li a:hover {
background: url(images/arrow_blue2.png) no-repeat 12px #FFD2FF;
}
/* Submenu */
.hasChildren {
position: absolute;
width: 15px; height: 15px;
background:url(images/arrow_blue.png) no-repeat;
right : 0px;
bottom: 10px;
}
#nav li ul {
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0; margin: 0;
background:#752F7F;
border-right:0px;
z-index:1;
}
#nav li:hover > ul {
display: block;
}
#nav li ul li, #nav li ul li a {
float: none;
font-weight:normal;
border-right:0px;
}
#nav li ul li {
_display: inline; /* for IE6 */
}
#nav li ul li a {
width: 300px;
display: block;
background: url(images/arrow_blue.png) no-repeat 12px;
padding:8px 8px;
text-indent:20px;
z-index:5;
}
/* SUBSUB Menu */
#nav li ul li ul {
display: none;
}
#nav li ul li:hover ul {
left: 100%;
top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 15px;
color:#800080;
text-rendering: optimizelegibility;
}
h1,
h2,
h3 {
line-height: 40px;
}
h1 {
font-size: 180%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 130%;
}
h4 {
font-size: 110%;
}
h5 {
font-size: 80%;
}
h6 {
font-size: 65%;
}
.page_title {
float:left;
font-size:28px;
color:#323232;
width:850px;
line-height:normal;
margin-bottom:10px;
margin-top:10px;
}
.page_title2 {
font-size:22px;
}
.info_text {
margin-top:5px;
margin-bottom:10px;
color:var(--main-color);
margin-left:5px;
}
.news_title_full {
padding:8px;
font-size: 23px;
color:#003E3E;
float:left;
padding-bottom:15px;
padding-left:0px;
line-height:normal;
}
.news_title {
padding:8px;
padding-left:0px;
font-size: 18px;
color:#003E3E;
clear:both;
font-weight:bold;
line-height:normal;
}
.text_content {
clear:both;
color:#333333;
}
.foto_scroll {
width: 100%;
margin:0 auto;
}
.foto_scroll img {
margin:0px 4px 3px 4px;
padding:6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
max-height:100px;
border:1px solid #EBEBEB;
background-color:#fff;
}
.title {
background: url("images/module_bg_line.png") repeat-x scroll center bottom transparent;
font-size: 16px;
font-weight: bold;
height: 30px;
line-height: 30px;
padding-bottom: 2px;
text-shadow: 1px 1px 0 #FFFFFF;
text-transform: uppercase;
color:#333;
}
.line {
height:4px;
border-top:1px dotted #FFE6F3;
margin:5px 0px 5px 0px;
clear:both;
}
.line_news {
height:1px;
border-top:1px dashed #CCC;
margin:10px 0px 5px 0px;
clear:both;
}
.line2 {
border-bottom: 1px dotted #BBBBBB;
margin:10px 0px 10px 0px;
height:2px;
}
.line3 {
border-bottom: 1px dotted #BBBBBB;
margin:3px 0px 3px 0px;
height:2px;
}
hr {border: none 0;
border-bottom: 1px dotted #BBBBBB;
margin:10px 0px 10px 0px;
height:1px;
}
#block {
border:0px dotted #D2E9FF;
background:#F8F8F8;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
padding:8px;
margin-bottom:10px;
}
.clear {
clear:both;}
#page_up {
cursor:pointer;
margin:5px;
color:#fff;
}
.readmore { display: block; background: url('images/read_more2.png') 0 0 no-repeat; padding-top: 7px; margin: 10px 0; cursor: pointer; height: 26px; line-height: 26px; width: 143px; text-align: center; font: bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform: uppercase; color: #4e4e4e; text-shadow: #fff 1px 1px 0;}
.readmore:hover{ display: block; background: url('images/read_more.png') 0 0 no-repeat; color: #000;text-shadow: #fff 1px 1px 0; text-decoration:none;}
.readmore2 a { display: block; background: url('images/but_blue.png') 0 0 no-repeat; padding-top: 7px; margin: 10px 0; cursor: pointer; height: 26px; line-height: 26px; width: 143px; text-align: center; font: bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform: uppercase; color:#fff; text-shadow: #000 1px 1px 0;}
.readmore2 a:hover{ display: block; background: url('images/but_blue2.png') 0 0 no-repeat; color:#fff;text-shadow:text-shadow: #000 1px 1px 0; text-decoration:none;}
/*--pagination links-------*/
.pages {
height:30px;
width:500px;
margin:7px 0px 7px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
behavior: url(border-radius.htc);
}
.pages ul {
list-style-type:none;
margin:7px 0px 7px 0px;
}
.pages li {
float:left;
padding:2px 3px 0px 3px;
margin:0px;
}
.pages li a {
padding:2px 5px;
text-decoration:none;
color:#369;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.pages li a:hover {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color:#40a2c8;
color:#FFF;padding:2px 5px;
text-decoration:none;
}
.pages li.nolink {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color:#40a2c8;
color:#FFF;padding:2px 5px;
text-decoration:none;
}
.pages li.current {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color:#40a2c8;
color:#FFF;padding:2px 5px;
text-decoration:none;
color:#FFF;
}
tr.d0 td {
background-color:#F2FBFF;
border-bottom:1px dashed #A8E2FF;
padding:10px;
width:500px;
}
tr.d1 td {
background-color: #F7FDFD;
border-bottom:1px dashed #A8E2FF;
padding:10px;
width:500px;
}
.nojavascript {
font-size: 18px;
position: absolute;
width: 500px;
text-align: center;
padding: 5px 20px 10px 20px;
left: 50%;
margin-left: -220px;
top: 160px;
border: 5px solid #333;
color: #FFF;
background-color:#369;
}
.nojavascript p {
font-size: 13px;
margin: 0px;
text-indent:-70px;
}
.nojavascript h1 {
font-size: 20px;
margin-right: 0px;
margin-bottom: 10px;
margin-top: 0px;
text-indent:-70px;
}
.input {
font-size:12px;
width:250px;
padding:4px;
}
.input2 {
font-size:13px;
width:280px;
padding:8px;
margin:5px 5px 2px 5px;
border:1px solid #F5EAF2;
background-color:#FDEEF5;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
font-family: 'Open Sans', sans-serif;
}
.input2:hover {
background-color:#FFF;
}
.input3 {
width:40px;
padding:5px;
height:17px;
border:1px solid #CCC;
}
#qty_button {
width:30px;
font-size:16px;
padding:0px;
padding-bottom:2px;
margin-top:5px;
border:0px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#F6EBF3;
cursor:pointer;
color:#000;
}
#qty_button:hover {
background-color:#CCC;
}
.delete_button {
width:17px;
height:17px;
padding:2px;
padding-bottom:2px;
margin-top:-2px;
border:0px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#FFE8FF;
cursor:pointer;
background:url(images/bullet_cross.png) 2px 2px no-repeat #F2F2F2;
}
.delete_button:hover {
background-color: #CCC;
}
.readmore_shadow {
width:143px;
height:21px;
background:url(images/md_18.png) center top;
margin-top:-22px;
}
.center_content {
margin-top:20px;
}
input.btn {
width:153px;
height:41px;
border-top:0px;
border-right:0px;
border-bottom:0px;
border-left:0px;
background-image:url(images/comanda_03.png);
cursor:pointer;
}
input.btn2 {
width:122px;
height:28px;
border-top:0px;
border-right:0px;
border-bottom:0px;
border-left:0px;
background:url(images/comanda2.gif) bottom center no-repeat ;
cursor:pointer;
color:#FFF;
font-weight:bold;
font-size:11px;
padding-bottom:7px;
padding-left:6px;
margin-top:6px;
}
.box {
width:300px;
float:left;
margin-right:15px;
border-right:1px dashed #CCCCCC;
height:200px;
}
.box a {
color:#333;
}
.message-box { text-align: left; padding: 10px; color:#000; width:97%; margin:5px auto; }
.message-box ul li { margin-left:30px; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok { background-color:#EEE; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }
#continut ol li {
margin-left:40px;
}
#page_up {
cursor:pointer;
margin:5px;
}
.no_img {
border:0px solid #E8E8E8;
margin:0px;
padding:0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.nav_cap {
width: 270px;
margin:0px 0px 0px 0px;
padding: 10px 20px;
color:#FFF;
font-size:16px;
font-weight:bold;
text-align:left;
background:#840002;
}
.nav_cap img {
margin-right:5px;}
.nav_block{
border-radius: 0px 0px 5px 5px;
border:0px solid #DFE8EF;
border-top:0px;
margin:0px 0px 10px 5px;
width: 230px;
}
.navigation {
margin-bottom:20px;
}
ul.navigation {
list-style: none;
}
ul.navigation li {
list-style:none;
border-bottom:1px solid #E5E5E5;
}
ul.navigation li a {
line-height: 18px;
font-size: 14px;
padding: 8px 10px;
color:#000000;
display: block;
text-decoration: none;
text-shadow: 1px 1px 0px #fff;
cursor:pointer;
}
ul.navigation .active a{
background-color:#E5E5E5;
color:000;
text-shadow: 1px 1px 0px #fff;
border:0px;
}
ul.navigation li a:hover {
background-color:#E5E5E5;
color:#000000;
text-shadow: 1px 1px 0px #ffffff;
}
ul.navigation ul {
margin: 0;
padding: 0;
display: none;
}
ul.navigation ul li {
margin: 0;
padding: 0;
clear: both;
}
ul.navigation ul li a {
padding-left: 25px;
font-size: 14px;
font-weight: normal;
outline:0;
text-shadow: 1px 1px 0px #fff;
background:url(images/arrow_blue.png) 10px 14px no-repeat;
cursor:pointer;
}
ul.navigation ul li a:hover {
color:000;
text-shadow: 1px 1px 0px #fff;
background:url(images/arrow_blue2.png) 10px 14px no-repeat #E5E5E5;
}
ul.navigation ul ul li a {
padding-left: 50px;
background:url(images/arrow_blue.png) 35px 13px no-repeat ;
cursor:pointer;
}
ul.navigation ul ul li a:hover {
color:000;
text-shadow: 1px 1px 0px #fff;
background:url(images/arrow_blue2.png) 35px 13px no-repeat #E5E5E5;
}
ul.navigation span{
float:right;
}
.page_tools {
float:right;
}
.tools_floating {
float:left;
margin-left:10px;
}
.photo {
position:relative;
width: 200px;
height: 160px;
left: 0px;
top: 0px;
float:left;
margin:7px;
}
.photo img {
margin:0px 3px 3px 3px;
padding:7px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height : auto;
border:1px solid #E6E6E6;
max-height:160px;
max-width:180px;
background: #FFF;
}
.pagination {
text-align:center;
padding:10px;
}
a.paginate {
border: 1px solid #CCC;
padding: 5px 9px 5px 9px;
text-decoration: none;
color: #000;
margin-left:3px;
box-shadow: 0px 1px 1px 0px #cccccc;
background-color: #E0E0E0;
background-image: -moz-linear-gradient(center top , #FAFAFA 0pt, #DCDCDC 100%);
border-color: #CCCCCC #CCCCCC #AAAAAA;
box-shadow: 0 0 1px #FFFFFF inset;
text-shadow: 0 1px 0 #FFFFFF;
-webkit-border-radius: 2px;
border-radius: 2px;
}
a.paginate:hover {
color: #000;
text-decoration:none;
background-image: -moz-linear-gradient(center top , #FAFAFA 0pt, #cccccc 100%);
}
a.current {
border: 1px solid #CCC;
padding: 5px 9px 5px 9px;
text-decoration: none;
color: #000;
margin-left:3px;
box-shadow: 0px 1px 1px 0px #cccccc;
background-color: #E0E0E0;
background-image: -moz-linear-gradient(center top , #FAFAFA 0pt, #999999 100%);
border-color: #CCCCCC #CCCCCC #AAAAAA;
box-shadow: 0 0 1px #FFFFFF inset;
text-shadow: 0 1px 0 #FFFFFF;
-webkit-border-radius: 2px;
border-radius: 2px;
font-weight:bold;
}
.banners p{
margin:0px;
padding:0px;
padding:3px;
}
.bottom_side {
clear: both;
color:#004848;
margin: 0; padding: 10px;
width:100%;
padding-top:20px;
}
.bottom {
width:1200px;
position:relative;
margin:0 auto;
font-size:13px;
}
.bottom_bg {
clear: both;
color:#F6EBF3;
border-top: 0px solid #632C72;
margin: 0; padding: 0;
min-height: 50px;
width:100%;
padding-top:20px;
background:#840002;
}
#sitemap, #sitemap ul, #sitemap li{
margin:0;
padding:0;
list-style:none;
font-size:13px;
}
#sitemap{background:url(images/sitemap/line1.gif) repeat-y;}
#sitemap li{
line-height:20px;
margin-top:1px;
position:relative;
width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
float:left;
display:inline;
}
#sitemap li a{padding-left:28px;
}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(images/sitemap/collapsed.gif) no-repeat 0 0;}
#sitemap li span.expanded{background:url(images/sitemap/expanded.gif) no-repeat 0 0;}
/* sub levels */
#sitemap li ul{
margin-left:28px;
background:url(images/sitemap/line1.gif) repeat-y;
}
#sitemap li li{
background:url(images/sitemap/line2.gif) no-repeat 0 0;
}
/* etc. */
/* float fix */
#sitemap:after, #sitemap ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/* \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
/* */
#sitemap ul{display:none;}
div.day-number {
background:#999;
position:absolute;
z-index:2;
top:-5px;
right:-25px;
padding:5px;
color:#fff;
font-weight:bold;
width:20px;
text-align:center;
}
td.calendar-day, td.calendar-day-np {
width:120px;
padding:5px 25px 5px 5px;
border-bottom:1px solid #999;
border-right:1px solid #999;
}
.right_side table {
border-width: 1px;
border-spacing: 3px;
border-style: outset;
border-color:#CCC;
border-collapse: collapse;
margin-top:10px;
margin-bottom:10px;
}
.right_side table th {
border-width: 1px;
padding: 7px;
border-style: inset;
border-color:#CCC;
background-color:#FFF;
}
.right_side table td {
border-width:1px;
padding: 7px;
border-style: inset;
border-color:#CCC;
background-color:#FFF;
}
.no_border table {
border-width: 0px;
border-spacing: 0px;
border-style: outset;
border-color:#fff;
border-collapse: collapse;
margin-top:0px;
margin-bottom:0px;
}
.no_border table th {
border-width: 0px;
padding: 2px;
border-style: inset;
border-color:#fff;
background-color:#FFF;
}
.no_border table td {
border-width:0px;
padding: 2px;
border-style: inset;
border-color:#fff;
background-color:#FFF;
}
.product_box {
height:330px;
width:250px;
padding:15px;
margin:10px;
border:1px solid #FFF3FB;
float:left;
transition: box-shadow 0.5s ease;
transform: translateY(5px);
transition: transform 0.5s ease;
z-index:0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index:0;
}
.product_box:hover {
border:1px solid #EBD6E4;
-webkit-box-shadow: 0px 0px 25px 0px #FFE6F2;
-moz-box-shadow: 0px 0px 25px 0px #FFE6F2;
box-shadow: 0px 0px 25px 0px #FFE6F2;
transition: box-shadow 0.5s ease;
transform: translateY(-2px);
transition: all 0.2s ease 0s;
}
img.product_box_img {
max-height:200px;
max-width:260px;
padding:0px;
margin:0px;
border:0px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}
.product_box_img_space {
height:200px;
}
.product_box_brand {
text-align:center;
}
.product_box_title {
text-align:center;
font-weight:bold;
}
.product_box_intro {
margin-top:5px;
color:#666;
font-size:12px;
line-height:16px;
}
.product_box_price {
font-weight:bold;
text-align:center;
color:#800080;
font-size:13px;
margin-top:10px;
}
.product_box_price_old {
text-align:center;
color:#999;
font-size:11px;
font-weight:normal;
margin-left:7px;
text-decoration:line-through;
}
.product_add_to_cart_small {
width:164px;
height:33px;
background:url(images/add_to_cart_small.png) top no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:10px;
opacity:0.3;
filter:alpha(opacity=30);
transition: all 0.2s ease 0s;
}
.product_add_to_cart_small_text {
margin-top:6px;
width:140px;
color:#fff;
font-size:10px;
font-weight:bold;
text-align:center;
float:right;
text-transform:uppercase;
}
.product_add_to_cart_small:hover {
opacity:1.0;
filter:alpha(opacity=100);
}
.product_favorite {
position:absolute;
bottom:30px;
right:20px;
cursor:pointer;
color:#ccc;
font-size:15px;
transition: all 0.2s ease 0s;
width:23px;
height:20px;
text-align:center;
opacity:0.5;
filter:alpha(opacity=50);
}
.product_favorite:hover {
opacity:1.0;
filter:alpha(opacity=100);
}
.product_favorite_on{
color:#D0281E;
font-size:19px;
}
.product_favorite_off{
color:#ccc;
font-size:15px;
opacity:0.8;
filter:alpha(opacity=80);
}
.product_favorite_big {
font-size:28px;
position:absolute;
top:160px;
right:67px;
}
.product_add_to_cart_big {
width:225px;
height:50px;
background:url(images/add_to_cart_big.png) top no-repeat;
float:right;
margin-top:13px;
opacity:0.8;
filter:alpha(opacity=80);
transition: all 0.2s ease 0s;
}
.product_add_to_cart_big_text {
margin-top:15px;
width:190px;
color:#fff;
font-size:13px;
text-align:center;
float:right;
text-transform:uppercase;
}
.product_add_to_cart_big:hover {
opacity:1;
filter:alpha(opacity=100);
}
.product_box_read_more {
text-align:left;
color:#800080;
font-size:13px;
margin-top:10px;
}
.product_box_read_more img {
margin-bottom:-5px;
}
.product_content_gallery {
width:450px;
float:left;
margin:-10px 20px 0px 0px;
position:relative;
}
.product_content_data {
width:700px;
float:left;
margin:0px 0px 0px 5px;
}
.product_content_gallery img {
padding:10px;
border:0px;
display: block;
margin-left: auto;
margin-right: auto;
}
.product_content_gallery_small img {
max-height:60px;
margin-right:5px;
float:left;
opacity:0.5;
filter:alpha(opacity=50);
}
.product_content_gallery_small img:hover {
opacity:1.0;
filter:alpha(opacity=100);
}
.product_content_title {
text-align:left;
font-size:24px;
line-height: normal;
color:#7B0002;
}
.product_content_code {
text-align:left;
font-size:12px;
color:#666;
}
.product_content_intro {
text-align:left;
margin-top:10px;
font-size:13px;
}
.product_content_content {
text-align:left;
margin-top:10px;
font-size:13px;
}
.product_content_producer {
text-align:left;
font-size:14px;
}
.product_content_price {
text-align:left;
color:#A40002;
font-size:22px;
margin-top:15px;
font-weight:bold;
}
.product_content_price_old {
text-align:left;
color:#999;
font-size:22px;
font-weight:normal;
margin-left:7px;
text-decoration:line-through;
}
.product_stock {
height:26px;
width:200px;
padding-left:27px;
padding-top:5px;
margin-top:5px;
color:#666;
float:left;
}
.product_in_stock {
background:url(images/stock_yes.gif) left top no-repeat;
}
.product_not_in_stock {
background:url(images/stock_no.gif) left top no-repeat;
}
.product_content_quantity {
float:right;
margin-right:10px;
}
.product_label{
position:absolute;
top:15px;
left:15px;
z-index:2;
}
.product_label_new {
background:url(images/label_new.png) left top no-repeat;
height:60px;
width:60px;
clear:both;
}
.product_label_top {
background:url(images/label_top.png) left top no-repeat;
height:60px;
width:60px;
clear:both;
}
.product_label_sale {
background:url(images/label_sale.png) left top no-repeat;
height:60px;
width:60px;
clear:both;
}
.topnav {
position: absolute;
float:left;
margin:5px;
}
ul.topnav{
padding:0;
list-style:none;
}
.topnav li.dropdown1 {
cursor:pointer;
}
.topnav li.dropdown1:hover{
background: #840002 !important;
color: var(--hover-color) !important;
}
/* Main element of the naviagtion */
.topnav > li {
display: inline-block;
float: left;
background: none;
}
.topnav > li:nth-child(1) > a:hover {
background: none !important;
}
.topnav li a.active, .topnav li a:hover {
background:#840002 !important;
color: var(--hover-color) !important;
}
.topnav > li:nth-child(5){
background:none;
}
/* Link Style */
.topnav > li > a {
padding: 5px 10px 5px 10px;
display: block;
color: var(--main-color);
margin: 0;
font-size: 12px;
text-transform: uppercase;
border:0px;
text-decoration:none;
background: none;
}
.topnav > li:nth-child(1) > a,.topnav > li:nth-child(5) > a,.topnav > li:nth-child(6) > a,
.topnav > li:nth-child(7) > a{
background:none;
}
.topnav > li:nth-child(1) > a:hover, .topnav > li:nth-child(5) > a:hover, .topnav > li:nth-child(6) > a:hover{
background: #840002;
color: var(--hover-color) !important;
}
.topnav > li:hover > a{
color: #fff;
border-color:none;
}
.topnav li > ul li a:hover{
color: #fff !important;
}
/* Simple multilevel dropdown */
.topnav > li > ul {
opacity: 0;
visibility: hidden;
position: absolute;
list-style: none;
top: 14px;
width: 200px;
text-align: left;
margin-top:30px;
padding: 0px;
z-index: 99;
}
/* First level appear */
.topnav > li:hover > ul {
opacity: 1;
visibility: visible;
margin-top: 15px;
}
/* Style for dropdown links */
.topnav li > ul li{
position: relative;
}
.topnav li > ul li a{
background: var(--main-color);
color: #fff;
display: block;
padding: 4px 15px;
text-transform: uppercase;
position: relative;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
width:200px;
text-decoration:none;
font-size:13px;
}
.topnav > li > ul li:hover {
color:#000;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
}
.topnav ul.dropdown2 {
background: #e21737;
color: #fff;
z-index:10;
}
.topnav ul li:hover > a {
color:#000;
}
/* Second and third dropdown level */
.topnav > li > ul li ul {
opacity: 0;
visibility: hidden;
position: absolute;
list-style: none;
top:0px;
left: 200px;
width: 200px;
text-align: left;
padding: 0px;
margin-left: 30px;
}
.topnav > li > ul li ul li ul {
background-color:#FFF;
}
/* Second and third level appears */
.topnav > li ul li:hover > ul {
opacity: 1;
visibility: visible;
margin-left: 0px;
}
/* Full width dropdown */
/* Full dropdown appears */
.topnav > li:hover .fulldrop {
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.topnav ul li:hover:after {
color: white;
}
.topnav > li > ul li ul, .topnav li >ul li, .topnav > li > .fulldrop, .topnav > li > .coldrop, .topnav > li > ul, .topnav > li {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.3s ease-in-outs;
/* Opera */
}
/*MAINMENU */
.main_menu {
position: relative;
float:left;
}
ul.main_menu{
padding:0;
list-style:none;
}
.main_menu li.dropdown1 {
cursor:pointer;
}
.main_menu li.dropdown1:hover{
background: #840002 !important;
color: var(--hover-color) !important;
}
/* Main element of the naviagtion */
.main_menu > li {
display: inline-block;
float: left;
background: none;
}
.main_menu > li:nth-child(1) > a:hover {
background: none !important;
}
.main_menu li a.active, .main_menu li a:hover {
background: #840002 !important;
color: var(--hover-color) !important;
}
.main_menu > li:nth-child(5){
background:none;
}
/* Link Style */
.main_menu > li > a {
padding: 15px 12px 15px 12px;
display: block;
color: #fff;
margin: 0;
font-size: 15px;
text-transform: uppercase;
border:0px;
text-decoration:none;
background: none;
}
.main_menu > li:nth-child(1) > a,.main_menu > li:nth-child(5) > a,.main_menu > li:nth-child(6) > a,
.main_menu > li:nth-child(7) > a{
background:none;
}
.main_menu > li:nth-child(1) > a:hover, .main_menu > li:nth-child(5) > a:hover, .main_menu > li:nth-child(6) > a:hover{
background: #840002;
color: var(--hover-color) !important;
}
.main_menu > li:hover > a{
color: #fff;
border-color:none;
}
.main_menu li > ul li a:hover{
color: #fff !important;
}
/* Simple multilevel dropdown */
.main_menu > li > ul {
opacity: 0;
visibility: hidden;
position: absolute;
list-style: none;
top: 34px;
width: 200px;
text-align: left;
margin-top:30px;
padding: 0px;
z-index: 99;
}
/* First level appear */
.main_menu > li:hover > ul {
opacity: 1;
visibility: visible;
margin-top: 15px;
}
/* Style for dropdown links */
.main_menu li > ul li{
position: relative;
}
.main_menu li > ul li a{
background: var(--main-color);
color: #fff;
display: block;
padding: 4px 15px;
text-transform:none;
position: relative;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
width:300px;
text-decoration:none;
}
.main_menu > li > ul li:hover {
color:var(--main-color);
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
}
.main_menu ul.dropdown2 {
background: #e21737;
color: #fff;
z-index:10;
}
.main_menu ul li:hover > a {
color:#fff;
background: #840002;
}
/* Second and third dropdown level */
.main_menu > li > ul li ul {
opacity: 0;
visibility: hidden;
position: absolute;
list-style: none;
top:0px;
left: 300px;
width: 300px;
text-align: left;
padding: 0px;
margin-left: 30px;
}
.main_menu > li > ul li ul li ul {
background-color:#FFF;
}
/* Second and third level appears */
.main_menu > li ul li:hover > ul {
opacity: 1;
visibility: visible;
margin-left: 0px;
}
/* Full width dropdown */
/* Full dropdown appears */
.main_menu > li:hover .fulldrop {
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.main_menu ul li:hover:after {
color: white;
}
/* coldrop based dropdown */
.main_menu .coldrop {
opacity: 0;
visibility: hidden;
position: absolute;
list-style: none;
top:118px;
background-color: #0078b3;
min-height: 100px;
text-align: left;
margin-top:30px;
padding: 0;
padding: 0 10px;
z-index: 99;
}
.main_menu > li > ul li ul, .main_menu li >ul li, .main_menu > li > .fulldrop, .main_menu > li > .coldrop, .main_menu > li > ul, .topnav > li {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.3s ease-in-outs;
/* Opera */
}
.button{
background: var(--main-color);
color: #fff;
font-size: 14px;
text-transform:uppercase;
width: 200px;
line-height: 30px;
margin: 20px 20px;
text-align: center;
border: 0;
transition: all 0.2s ease 0s;
cursor:pointer;
font-family: 'Open Sans', sans-serif;
padding:5px;
}
.button:hover {
background:#840002;
}
.suma_total{
font-size:28px;
padding:10px;
float:right;
text-align:right;
margin-right:15px;
color:#D0281E;
}
.cat_item {
margin: 5px 0px 5px 0px;
padding:0px;
float:left;
width:100%;
height:40px;
overflow:hidden;
padding-bottom:0px;
position:relative;
background-color:#D0281E;
}
.cat_item_line {
width:40%;
background-color:#ccc;
height:3px;
}
.cat_item:hover {
background-color:#840002;
}
.cat_item_content{
padding: 10px;
position:absolute;
bottom:0px;
width:100%;
}
.cat_item_title a {
font-size:16px;
text-align:left;
color:#fff;
}
.cat_item_title a:hover {
}
.cat_item_img {
background-position: center center;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:300px;
width: 100%;
}
.cat_top_desc_img {
background-position: center center;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:120px;
width: 100%;
opacity:0.2;
margin:15px 0px 15px 0px;
filter:alpha(opacity=20);
}
.hide {
display:none;
}
.show {
display:block;
}
.main-bdy{
width: 100%;
margin: 0 auto;
padding:20px;
padding-top:0px;
}
.main-bdy input[type="text"],.main-bdy input[type="password"],.main-bdy input[type="email"],.main-bdy textarea{
outline:none;
border:0px solid #D7D7D7;
font-size:14px;
color:#000;
padding:10px;
background:#fdeef5;
width:88%;
font-family: 'Open Sans', sans-serif;
margin-bottom:15px;
text-indent:20px;
}
.main-bdy textarea{
resize:none;
min-height:100px;
}
.main-bdy input[type="submit"]{
outline: none;
border: none;
background:#CC0000;
font-size: 16px;
padding: 10px 0px;
width: 35%;
margin:0 auto;
color: #fff;
cursor:pointer;
}
.main-bdy input[type="submit"]:hover{
background:#720001;
}
.icon-ph {
display: inline-block;
width: auto;
height: auto;
min-width: 16px;
padding: 4px 5px;
font-size: 15px;
font-weight: normal;
text-align: center;
position:absolute;
left:4px;
top:4px;
z-index:3;
color:#D0281E;
}
.input-container {
position:relative;
}
.flex-caption {
position: absolute;
bottom: 15%;
left: 5%;
z-index:1;
padding:20px;
max-width:650px;
max-height:300px;
overflow:hidden;
background-image:url(slider/slider_bg.png);
-webkit-box-shadow: 22px -1px 45px 3px rgba(255,255,255,0.6);
-moz-box-shadow: 22px -1px 45px 3px rgba(255,255,255,0.6);
box-shadow: 22px -1px 45px 3px rgba(255,255,255,0.6);
color:#F7ECF4;
}
.flex_title {
font-size:32px;
line-height:normal;
color:#D0281E;
}
.slider_shadow {
width:1200px;
height:33px;
margin:0 auto;
background:url(images/shadow_03.png) top center no-repeat ;
z-index:10;
}
.banner_delivery{
background-color:#E74E98;
width:242px;
}
.banner_delivery p{
text-align:center;
text-transform:uppercase;
font-size:22px;
color:#fff;
padding:15px;
margin:0px;
}
.banner_delivery p.small{
text-align:center;
text-transform:none;
margin:0px;
font-size:14px;
color:#F5EAF2;
background-color:#D0281E;
padding:5px;
font-weight:normal;
}
.top_banner{
background-color:#D0281E;
width:215px;
margin:15px;
float:left;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
position:relative;
transition: box-shadow 0.5s ease;
transform: translateY(5px);
transition: transform 0.5s ease;
opacity:0.85;
filter:alpha(opacity=85);
}
.top_banner img{
width:215px;
}
.top_banner .banner_title{
text-align:center;
text-transform:uppercase;
font-size:22px;
color:#fff;
padding:15px;
margin:0px;
line-height:24px;
margin-top:-3px;
}
.top_banner a:hover {
text-decoration:none;
}
.top_banner:hover {
opacity:1;
filter:alpha(opacity=100);
-webkit-box-shadow: 0px 0px 25px 0px #D780B1;
-moz-box-shadow: 0px 0px 25px 0px #D780B1;
box-shadow: 0px 0px 25px 0px #D780B1;
transition: box-shadow 0.5s ease;
transform: translateY(-2px);
transition: all 0.2s ease 0s;
}
.footer{
width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#064c15+0,197c09+100 */
background: #D0281E;
color:#FFFFFF;
border-top:0px solid #FFFFFF;
}
.footer a {
color:#EFF9F1;
text-decoration:underline;}
.footer-distributed{
margin:0 auto;
box-sizing: border-box;
width: 1200px;
text-align: left;
padding: 25px 25px;
}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
display: inline-block;
vertical-align: top;
}
.footer-distributed .footer-left img{
max-width:200px;
margin-left:10px;
margin-top:20px;
}
.footer-distributed .footer-left{
padding-top:7px;
width: 20%;
}
.footer-distributed .footer-left p{
font-size:13px;
}
.footer-distributed h3{
color: #ffffff;
margin: 0;
}
.footer-distributed h3 span{
color: #5383d3;
}
.footer-distributed .footer-links{
color: #ffffff;
margin: 20px 0 12px;
padding: 0;
}
.footer-distributed .footer-links a{
display:inline-block;
line-height: 1.8;
text-decoration: none;
color: inherit;
}
.footer-distributed .footer-company-name{
color: #fff;
font-size: 14px;
font-weight: normal;
margin: 0;
}
.footer-distributed .footer-center{
width: 30%;
}
.footer-distributed .footer-center i{
background-color: #ffffff;
color: #D0281E;
font-size: 25px;
width: 38px;
height: 38px;
border-radius: 50%;
text-align: center;
line-height: 42px;
margin: 10px 15px;
vertical-align: middle;
}
.footer-distributed .footer-center i.fa-envelope{
font-size: 17px;
line-height: 38px;
}
.footer-distributed .footer-center p{
display: inline-block;
color: #ffffff;
vertical-align: middle;
margin:0;
font-weight: normal;
}
.footer-distributed .footer-center p span{
display:block;
font-weight: normal;
font-size:14px;
line-height:2;
}
.footer-distributed .footer-center p a{
color:#FFF;
text-decoration: none;
}
/* Footer Right */
.footer-distributed .footer-right{
width: 48%;
}
.footer-distributed .footer-company-about{
line-height: 18px;
color: #fff;
font-size: 13px;
font-weight: normal;
margin: 0;
padding-left:30px;
}
.footer-distributed .footer-company-about img{
opacity: 0.8;
transition: .3s;
}
.footer-distributed .footer-company-about img:hover{
opacity: 1;
}
.footer-distributed .footer-company-about span{
display: block;
color: #ffffff;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.footer-distributed .footer-icons{
margin-top: 25px;
}
.footer-distributed .footer-icons a{
display: inline-block;
width: 35px;
height: 35px;
cursor: pointer;
border-radius: 2px;
font-size: 20px;
background-color: #ffffff;
color: #FE7F13;
text-align: center;
line-height: 35px;
margin-right: 3px;
margin-bottom: 5px;
}
.app-content table th,
.app-content table td {
border: 1px solid #fff;
padding: 6px 12px;
}
.app-content table th {
font-weight: normal;
color: #ffffff;
background-color: #D0281E;
}
.app-content table .it {
font-style: italic;
}
.app-content table .td1 {
background-color:#FDDADA;
}
.app-content table .td1 td {
background-color:#FDDADA;
}
.app-content table .td2 {
background-color:#FFEFEF;
}
.app-content table .td2 td {
background-color:#FFEFEF;
}
.app-content table .td3 {
background-color: #fff;
padding: 0;
}
.app-content table .td3 td {
background-color: #fff;
padding: 0;
}
.app-content table .tdLT {
padding: 5px 10px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
}
.app-content table .tdRT {
padding: 5px 10px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
}
.app-content table .tdLB {
padding: 5px 10px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
}
.app-content table .tdRB {
padding: 5px 10px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
}