/* -------------------- */
/*   Font definitions   */
/* -------------------- *

Arial           font-family: sans-serif;
Arial Black     font-family: 'Arial Black', 'Gadget CE', sans-serif;
Comic Sans      font-family: 'Comic Sans MS', 'Sand CE', fantasy;
Courier         font-family: monospace;
Georgia         font-family: Georgia, 'New York CE', utopia, serif;
Lucida Console  font-family: 'Lucida Console', 'Monaco CE', fixed, monospace;
Palatino        font-family: Palatino, 'palatino linotype', serif;
Tahoma          font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
Times           font-family: serif;
Trebuchet MS    font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
Verdana         font-family: Verdana, 'Geneva CE', lucida, sans-serif;

*/

/* ************************** *
 *         CSS RESET          *
 * ************************** */
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; outline:0; vertical-align:baseline;}
body {background:white; color:black; line-height:1;}
:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align:left; font-weight:normal;}
blockquote, q {quotes:"" "";}
blockquote:before, blockquote:after, q:before, q:after {content:"";}


/* ************************** *
 *      BASIC ELEMENTS        *
 * ************************** */
body      {background:#f2f2f2 url('../images/body.jpg') center 0 no-repeat; color:#555555; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:76%; line-height:1.25; text-align:center;}
a:link    {color:#27638C; text-decoration:none;}
a:visited {color:#27638C; text-decoration:none;}
a:hover   {color:orange; text-decoration:underline;}
a img,td img,th img {vertical-align:middle;}
strong    {font-weight:bolder;}
p         {margin-bottom:1em;}
ol        {margin:0 0 2em 2em; list-style:decimal outside;}
ul        {margin:0 0 2em 2em; list-style:disc outside;}
h1,h2,h3  {}/*color:#3b5c6b;*/
h1        {border-bottom:1px solid #C7D0D8;color:#555555;font-size:200%;font-weight:normal;margin:0 0 0.35em;padding-bottom:12px;}
h2        {font-size:170%; font-weight:normal; margin:0 0 0.5em;color:#a0a0a0}
h3        {font-size:110%; margin:0 0 0.5em;color:#555;}
hr {border-color:#c7d0d8; border-style:solid;}
table     {margin:0 0 1em;}
th,td     {padding:0.5em;}
table ul  {margin:0 0 0.4em 2em;}
table h1,table h2,table h3 {margin:0;}
input[type='submit'],input[type='image'],label[for],select,button,.pointer {cursor:pointer; /*cursor:hand;\*/}


/* ************************** *
 *      GENERAL CLASSES       *
 * ************************** */
.cleaner {border:0; clear:both; float:none; font-size:0; height:0; line-height:0; margin:0; padding:0; width:0;}
.fll     {float:left !important;}
.flr     {float:right !important;}
.tal     {text-align:left !important;}
.tar     {text-align:right !important;}
.valignm {vertical-align:middle !important;}


/* ************************** *
 *           LAYOUT           *
 * ************************** */
#wrapper  {margin:0 auto; width:959px; background:transparent; margin-bottom:30px; }
#header   {background:transparent url('../images/header-2.jpg') 0 bottom no-repeat; height:314px; position:relative;}
#leftbar  {float:right; padding:0px 0; width:215px; }
#content  {float:left; width:690px;  padding: 0;text-align:left;}
#textarea {margin:0px 15px;}
/*#rightbar {float:left; padding:20px 0; width:184px;}*/
#footer   {clear:both; padding:8px; position:relative; text-align:center; background: url('../images/footer-2.jpg') 0 0 no-repeat; height: 74px; color:#a6a6a6; font-size: 90%;}
#message  {background-color:#ccc; color:black; font-weight:bold; margin:2em auto; padding:1em; width:90%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#middle {background:url('../images/content.png') repeat-y 0 0 ; overflow:hidden;width: 929px; padding: 6px 15px 15px 15px;   }

/* ************************** *
 *            ETC             *
 * ************************** */

/*
 * HEADER
 */

/** homelink **/
#homelink {background-color:transparent; color:#b7d7df; height:60px; line-height:60px; left:9px; margin:0; overflow:hidden; position:absolute; top:12px; width:414px;}
#homelink a {color:#b7d7df; display:block; font-size:x-large; height:100%; position:relative; text-decoration:none; width:100%;}
#homelink a:hover {text-decoration:underline;}
#homelink a:focus {outline:#a9a9a9 dotted thin;}
#homelink a span {background:url('../images/homelink.png') 0 0 no-repeat; cursor:pointer; /*cursor:hand;\*/ display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:10;}

/** searchform **/
#searchform {position:absolute; top: 39px; right:0px; width:238px; padding: 8px; }
#searchform-field { background: #F6F9FB url(../images/bg_searchfield.png) no-repeat 0 0; color:#666; float:left; height:20px; padding:4px 4px 0 4px; width:150px; border:0 none}
#searchform-submit {-moz-box-sizing:content-box;border:none; background:url('../images/sprites_40.png') -80px -200px no-repeat; color:white; cursor:pointer;  float:left; height:24px; line-height:21px; vertical-align:middle; margin-left:5px;width:62px; text-align:center;}
button {-moz-box-sizing:content-box; box-sizing: content-box; -webkit-box-sizing: content-box;}
#slogan {color:#FFFFFF;font-size:200%;left:23px;position:absolute;text-align:left;top:116px;width:911px;}
#print { position: absolute; border: 1px solid #ccc; color: #ffffff; cursor: pointer; background: #339dc7; padding: 3px; top: 12px; right: 257px; }

#menu {position:absolute; bottom:57px; left:11px;  padding:0px 6px; width:940px; text-align:left;}
#menu ul {float:left; list-style:none; padding:0px; margin:0px;}
#menu li {float:left; line-height:25px;  vertical-align:middle; text-transform:uppercase; padding:0px; margin:0px 2px; position:relative; display:inline;}
#menu .sf-sub-indicator {display:none;}
#menu li a {display:inline-block; height:100%; padding: 0px 10px; color:#344b70; background:#e1e1e1; border-bottom:none; border-radius:5px; -moz-border-radius:5px; -webkit-border: 5px; -webkit-border-top-right-radius: 5px;font-weight:bold;font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
#menu li a:hover, #menu li.sfHover a ,#menu li.active a, #menu li.active_last a {color:white; background:#cf2d1a; text-decoration:none;}
#menu ul ul {display:none; float:left; position:absolute; top:26px; left:0px; width:185px;  background:#e1e1e1; border:1px solid #bbbbbb; border-top:none;}
#menu li li {float:none; display:block; margin: 0px 0px 3px 0px; text-transform:none; padding: 5px; line-height:14px;}
#menu ul ul li:last-child {border-bottom:0 none}
#menu li li a , #menu li.sfHover li a, #menu li.active li a, #menu li.active_last li a{background:none; border:none; padding:0px; margin:0px;  color:#27638C;}
#menu li li a:hover, #menu li.active li.active a, #menu li.active li.active_last a {background:none; border:none; color:black;}
#menu ul ul ul{left:200px; top:0px;}

/** languages **/
#languages {position:absolute;right:11px;top:10px;}
#languages a {display:inline-block; height: 12px; line-height:12px; vertical-align:middle; margin-left:15px;color:black; font-weight:bolder; text-decoration:none;}
#languages a.sk span{background:url('../images/sprites_40.png') -40px -160px no-repeat; width:35px; height:18px; vertical-align:middle; display:inline-block;}
#languages a.en span {background:url('../images/sprites_40.png') -80px -160px no-repeat; width:35px; height:18px; vertical-align:middle; display:inline-block;}

/*
 * LEFTBAR
 */

 #leftbar .box { padding:0 10px 10px 10px; color:#5b5b5b; text-align:left;}
 #leftbar .box * {color:#5b5b5b;}
 #leftbar .box h3 {border-bottom:1px solid #D6D6D6;font-size:124%;font-weight:bolder;padding-bottom:4px;text-transform:uppercase;}
/** menu-left **
#menu-left {font-family:Georgia, 'New York CE', utopia, serif; margin:0 0 35px;}
#menu-left ul {list-style:none; margin:0;}
#menu-left li {padding:2px 0;}
#menu-left a {background-color:#222c48; color:#fff; display:block; font-size:115%; padding:0.5em;}
#menu-left a:hover, #menu-left li.active a, #menu-left li.active_last a {background-color:#b7014e; color:#000; text-decoration:none;}
#menu-left li ul {display:none; margin:0.5em 0 0.2em 1.5em;}
#menu-left li ul li a, #menu-left li ul li a:hover {background: transparent url('../images/sprites_40.png') -275px -105px no-repeat; display:inline; padding-left:1em;}
#menu-left li ul li a:hover, #menu-left li.active ul li a:hover, #menu-left li.active ul li.active_last a, #menu-left li.active_last ul li a:hover {color:#ff046e;}
#menu-left li.active ul li.active_last a:hover {color:#dd9;}
#menu-left li.active ul, #menu-left li.active_last ul {display:block;}
#menu-left li.active ul li a, #menu-left li.active_last ul li a {background-color:transparent; color:#fff; display:inline;}

/** action-products **
#action-products {border-bottom:1px dashed #424754; margin:0 0 25px; padding:0 0 20px;}
#action-products h3 {color:#b7014e; font-size:150%; font-weight:normal; margin:0 0 0.8em 0.5em;}
#action-products img {border:none; float:none; height:35px; margin:0; padding:0;}
#action-products img.noimage {height:auto;}
#action-products .product {margin:0 0 20px 7px;}
#action-products .product .imgcontainer {float:left; margin:0 8px 0 0;}
#action-products .product .imgwrap {border:1px solid #525c88; display:table-cell; height:41px; position:relative; text-align:center; vertical-align:middle; width:55px;}
#action-products .product .imgwrap:hover {border:1px solid #885c52;}
#action-products .product .imgwrap a {display:block;}
#action-products .product a {color:#7d7d7d; text-decoration:underline;}
#action-products .product span, #action-products .product a strong {color:#7d7d7d; display:block;}
#action-products .product a:hover, #action-products .product a:hover span, #action-products .product a:hover strong {color:#b7014e;}


/*
 * CONTENT
 */

#content a {text-decoration:underline;}
#textarea p, #textarea li { line-height: 160% }
#textarea li { list-style-image: url(../images/bullet.png); }
#textarea a:link {font-weight:bold}
#textarea table {border-collapse:collapse}
#textarea table tr td{border-right: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;}
#textarea table.views-table td {border-right:0 none;}
.views-table thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; }
.views-table td, .views-table th { vertical-align:middle; padding: 3px; line-height:160%;  }

.views-table tr.odd td { background-color:#F8F7F7; border-bottom:1px solid #CCCCCC; }
.views-table tr.even td { background-color:#EEEBEB; border-bottom:1px solid #CCCCCC; }


/** breadcrumbs **
#breadcrumbs {font-family:Georgia, 'New York CE', utopia, serif; font-size:200%; margin:0 0 25px;}#breadcrumbs a {color:#b7014e; text-decoration:none; display:inline-block;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs a.home{ background:url('../images/sprites_40.png') 0px -160px no-repeat; width:32px; height:32px; }
#breadcrumbs a.home:hover {text-decoration:none;}
#breadcrumbs a img {float:none; margin:0; padding:0;}
#breadcrumbs strong a {color:#fbfdfe; font-weight:normal;}

/** filters **
#filters-container {background:#222b48; width:100%; margin:0px auto 5px auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#filters-container h3 {float:left; height:40px; line-height:40px; vertical-align:middle; font-size:140%; padding:0px 10px 0px 7px; margin:0px;}
#filters-container .toggle {display: inline; float:right; height:40px; line-height:40px; vertical-align:middle; font-size:120%; padding:0px 10px 0px 20px; border-left:1px solid #c8c8c8; color:#6d6f71; text-decoration:none; text-align:right; }
#filters-container .toggle span {display: none;  width:26px; height:40px; float:right; margin-left:5px; }
#filters-container .toggle:hover span{}
#filters {clear:both; background:#222b48; display:none;  border:1px solid #222b48; color:#636567;}
#filters table {width:100%;}
#filters button {float:right; border:none; border-right:1px solid #686969; border-bottom:1px solid #686969; background:#3c912c; color:white; padding:1px 20px; font-weight:bolder; height:auto;}
#filters button:hover {background:black;}
#filters select {background:white; border:1px solid #b1b0b0; color:#7f7f7f;}
#filters a.clear {line-height:26px; text-decoration:none; height:26px; color:black; vertical-align:middle;  display:inline-block; vertical-align:middle;}
#filters a.clear span {display:inline-block; width:26px; height:26px;  margin-right:5px; vertical-align:middle;}
#filters a.clear:hover span {}

/** container-gallery **/
#container-gallery {margin:16px -4px; overflow:hidden; text-align:left;}
#container-gallery h2 {margin: 0px 8px 10px 0px; border-bottom:1px solid #c7d0d8;}
#container-gallery .gallery-item {display:inline-block; margin:3px;  padding:0px; }
#container-gallery .gallery-item a {border:2px solid #888; display:inline-block; height:90px;  vertical-align:top; text-align:center;  width:120px; overflow:hidden; padding:0px; margin:0px; }
#container-gallery .gallery-item a:hover {border:2px solid #CF2D1A;}
#container-gallery .gallery-item a img {vertical-align:middle;}

/** products paginator, gallery paginator **/
#content .pagination-summary {float:right; margin:0 7px 10px 26px; }
#content .paginator {float:left; margin:0 26px 10px 7px; text-align:left;}
#content .paginator a, .paginator span {background-color:#9D9D9D; color:#fff; display:inline-block;  height:23px; line-height:23px; padding:0 7px; text-decoration:none;}
#content .paginator a:hover, #content .paginator span {background-color:#27638C;}


/** search **/
#container-content {margin:20px -7px; overflow:hidden;}
#container-content .search-result {margin:7px;}

span.mandatory {color:red; font-weight:bold;padding-right:.5em}


#contact-form {padding:1em 0em; background:white; border:1px solid #bcbabb; padding:10px;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#contact-form input, #contact-form textarea {border: 1px solid #9BABB0; background: #F6F9FB; color:#666; padding:5px 0 0 4px;  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;  }
#contact-form textarea {width:98%}
#contact-form td {border: none; vertical-align:top; padding:0.5em 0.2em;}
#textarea #contact-form table tr td {border: none;}
#contact-form button {text-transform:uppercase;display:inline-block; padding: 3px 0px; margin:0px 0px 0px 5px; text-align:center; color:white; font-weight:bolder; text-decoration:none; background-color:#27638C; border:none;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#contact-email-error {display:none}
#colorbox #contact-email-error {font-size:120%;text-align:left;padding:1em;color:#000;display:block}
#colorbox #contact-email-error ul { margin:1em 0 0 2em;color:#f00;}

/** container-products **/
.product-newie, .product-action {position:absolute; display:inline-block; width:78px; height:78px;}
.product-action {right:0; top:0;  background:url('../images/sprites_40.png') 0px 0px no-repeat;}
.product-newie {left:0; bottom:0; background:url('../images/sprites_40.png') 0px -80px no-repeat;}
#content .product-date {color:#7a7c7c; display:inline-block; margin-bottom: 10px; }
#container-products {margin:20px 0px 0px; overflow:hidden;}
#container-products .product {margin-bottom:30px; }
#container-products .product h3 {font-size:130%; border-bottom:1px solid #bbb; color:#395d81; font-weight:normal;}
#container-products .product h3 a {color:#395d81; text-decoration:none;}
#container-products .product h3 a:hover {color:#abcee1}
#container-products .product .product-price {float:left; margin:0;}
#container-products .product .product-price strong {color:#fff; font-family:Palatino, 'palatino linotype', serif; font-size:140%; font-weight:normal;}
#container-products .product .product-links {float:right; margin:0; text-align:right;}
#container-products .product .product-links a {color:#b7014e; text-decoration:none;}
#container-products .product .product-links a:hover {text-decoration:underline;}

13. 5. 2010 9:16:47
/** >> PRODUCT (detail) << **/

/*imagebox*/
#imagebox {}
#imagebox #product-thumbnails {margin:6px -3px 0;}
#imagebox #product-thumbnails .prod-thumb {float:left; margin:3px; text-align:center; display:inline;}
#imagebox #product-thumbnails a {border:2px solid #27638C; display:inline-block; height:110px; line-height:110px; vertical-align:top; text-align:center;  width:125px; overflow:hidden; padding:0px; margin:0px;}

/*
 * FOOTER
 */

#footer-boxes {overflow:hidden; margin: 0px auto; width:850px;}
#footer-boxes .box {background: url(../images/bg_link.png) no-repeat 0 0; text-align:center;line-height:44px; width:262px; float:left; margin:0 10px 10px; display:inline }
#footer-boxes .box a , #footer-boxes .box button{ text-transform:uppercase; width:100%; color:white; font-weight:bolder; text-decoration:none; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
#footer-boxes .box input {}
#newsletter {display:none;}
#footer-menu {border-top:1px solid #c7d0d8; padding-top:8px; margin-bottom:8px;}
#footer-menu  ul{display:inline; margin:0px; padding: 0px;}
#footer-menu li {display:inline; border-right:1px solid #d4d5d7; margin:0px; padding:0px; }
#footer-menu li a {display:inline-block; margin:0px 4px;}

#footer-site {display:inline;float:left;margin-left:120px;margin-top:18px;text-align:left; }
#footer-webstudio {float:right; text-align:right; margin-right:126px;margin-top:18px; display:inline;}

/*
 * Customer
 */

#form-emailLink {background-color:#fff;  padding:1em;  text-align:left; color:black;}
#form-emailLink th, #form-emailLink td {padding:0.4em;}
#form-emailLink th {background:#eee; border:1px solid #ccc; vertical-align:middle;}

/*
 * Colorbox
 */

#colorbox h3 { font-size:200%}
#colorbox #newsletter {display:block}