@charset "UTF-8";
/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------
     Copyright rocktech.pl
      Author: rocktech.pl
======================================*/
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
FFFFFF
Hex
255/255/255
RGB
010101
Hex
1/1/1
RGB
CC0001
Hex
204/0/1
RGB
D2A049
Hex
210/160/73
RGB
373735
Hex
55/55/53
RGB



reen jalapeño
by The Cooler
75AD12
Hex
117/173/18
RGB
1
Loves
131
Views
1
Follows
0
Comments
salsa yum
by The Cooler
C0E725
Hex
192/231/37
RGB
2
Loves
129
Views
2
Follows
0
Comments
tomatillia
by The Cooler
92C427
Hex
146/196/39
RGB
0
Loves
126
Views
1
Follows
0
Comments
splash of lime juice
by The Cooler
BADB32
Hex
186/219/50
RGB
0
Loves
75
Views
2
Follows
0
Comments
vinegar spike
by The Cooler
A6C934
Hex
166/201/52
RGB
\**************************************/

/**************************************/
/*              GLOBALS               */
html {
   /* background:transparent url(/img/html.jpg) repeat-y top center; */
             /*background:#FFFFFF url(/img/lady.jpg) no-repeat top left;*/
             margin: 0;
             padding: 0;
}
body {
    color:#373735;
    background-color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
    color:#010101;
   color: #CC0001;
}

a:link {color:#CC0001;text-decoration:none;}
a:visited {color:#CC0001;text-decoration:none;}
a:focus, a:hover,a:active {color:#CC0001;text-decoration: underline;}

.max200 {max-height:200px;}
.reset-line {line-height:1.5;}
/*
.box {  background-color:#F5F5E9;}
.boxs {padding:0.75em;margin-bottom:0.75em;  background-color:#eee;}
*/
/* error class*/
.large .msg {padding-bottom: .6em;}
.msg { background: url(/img/msg.png) no-repeat top right; padding:.8em;margin-bottom:1em;padding-left:27px;margin-left:0;}
.alerts { background-position: 0 0; }
.errors { background-position: 0 -42px; }
.infos { background-position: 0 -84px; }
.notices { background-position: 0 -126px; }
.successs { background-position: 0 -168px; }
.tips { background-position: 0 -210px; }
.ss_loading {background:url(/img/ajax-loader_16.gif) no-repeat;}
/*Flags */
.rfl {display:inline;  overflow:hidden; height:18px; font-size: 18px !important; padding-left:18px; padding-bottom:0; background-repeat:no-repeat;  text-decoration:none;background: url(../img/rounded_flags_small_h.png) no-repeat top left;}
.de_ATs  { background-position: 0 0; }
.de_DEs  { background-position: 0 -24px; }
.pl_PLs  { background-position: 0 -50px; }
.de_CHs  { background-position: 0 -74px; }
.en_GBs  { background-position: 0 -99px; }

.de_AT{ background-position: 0 -124px; }
.de_DE{ background-position: 0 -149px; }
.pl_PL { background-position: 0 -174px; }
.de_CH { background-position: 0 -199px; }
.en_GB { background-position: 0 -224px; }
.rfl a:hover {text-decoration: none !important;}

.span-11 img {border:1px solid #000000;}
div.colborder {border-right:1px solid #FFFFFF;border-style:none;}
.email {margin-top:6.5em;}
.email a {font-size:4.0em;text-decoration:none;}
/**************************************/
/*          GLOBALS - FORMS           */
/**************************************/

input[type=submit] {
    text-align: center;
    background-color:#CC0001  !important;;
    color:#FFFFFF;
    /*font-weight: bolder;*/
    border:1px solid #CC0001;
    margin:0.5em 0;
    padding:4px;

    
}
input[type=checkbox],input[type=radio] {
    /* those blueprint magicks gone bad with checkboxes :) */
    margin-bottom:0.5em;
}

button {
    background-color:#CC0001 !important;
    color:#FFFFFF;
    font-weight:bold;
    border:1px solid #CC0001;
    margin:0.5em 0;
    padding:5px;
}
.validation-advice{
    display:block;
    color:#8a1f11;
}
.input-error {color:#8a1f11;}

.tagsArea {
    height:50px;
}
.editor {
    margin-top:0.75em;
    display:block;
}
.mceEditor {
    width:98%;
}
/*
input[type=text], input[type=password], input.text, input.title, textarea, select,input[type=submit] {border:1px solid #83CDE1;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus,input[type=submit]:focus {border-color:#58B2CB;}
*/
thead th {background:#373735;}
caption {background: #58B2CB;color:#FFFFFF;}
/*tr.even td {background:#e5ecf9;}
tr h3 {
    margin-bottom: 0.25em;
}
tr img {
    width: auto;
    max-height: 3.0em;
    margin: 0 auto;
    display: block;
}
*/
/**************************************/
/*              HEADER                */
/**************************************/
.header {height:200px;background:#FFFFFF url('../img/small_red.jpg') no-repeat 730px 0;position: relative;}
.header h1 {font-size:6.0em;color: #B80000 ;}
.header h1 span{color: #000000 ;}
.header a:hover, a:focus, a:active {text-decoration: none;}
#userbar {
    position: absolute;
    top: 0;
    left: 0;
}
#translation {
    position: absolute;
    left: 0;
    top: 5px;
}
#search {
 margin: 0;
 margin-top: 0.2em;
 padding: 0;
}
#search fieldset{
    padding: 0;
    margin: 0;
    border: none;
}
#search input[type=text] {
    width:150px;
    margin: 0;
}
#search input[type=submit] {
    background:transparent url(/img/search.png) no-repeat 50% 50%  !important;
    width: 25px;
    height: 25px;
    border: none;
    cursor: pointer;
    margin: 0;
}
/*
.news {
    padding: 0.5em;
    border:1px solid #58B2CB;
}

.news h2 {
    font-size: 1.3em;
    color:#FFFFFF;
    background-color:#58B2CB;
    padding: 0.2em;
    font-weight: bold;
}
*/
.news a {
    font-weight: bold;
    color:#75AD12;
    color: #CC0001;
    padding-left: 20px;
    /*border-bottom: 1px outset #A6C934;*/
    display: block;
    background: url(/favicon.ico) no-repeat 0 5px;
}
.news a:focus,.news a:hover {
    color:#C0E725;
     color: #CC0001;
     background: url(/img/fire.gif) no-repeat 0 5px;
}
.news p{
    font-size: 0.75em;
    line-height:1.5;
}
#cloud {
    background-color: transparent;
    padding: 0;
}
#cloud a{
    color:#7CC92D;
    color:#75AD12;
    text-decoration: none;
}
#cloud a:hover{
    color:#DCB20C;
    color:#D2A049;
    color:#C0E725;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
.menu {
  /*  background-color: #75AD12;*/
}
.nav {
    padding-top: 0.5em !important;
}
.nav,.nav ul li,.nav li {
    list-style-type:none;
    margin:0;
    padding:0;
}
.nav li,.nav ul li {
    border-bottom:1px double #C0E725;
}
.nav li a {
    display:block;
    /*background:url("../img/li-left.png") no-repeat 0 50%;*/
    color:#75AD12;
    font-weight:500;
    font-size: 1.3em;
    padding-left: 1.0em;
    text-decoration: none;
}
.nav li a:hover {
    /*background:url("../img/li-left.png") no-repeat 0 50%;*/
    background-color: #C0E725;
    color: #fff;

}
.nav .dir {
    font-weight: bold;
}
.nav li,.nav ul {
    margin:0;
    padding:0;
}
.nav ul li a{
    padding-left: 1.5em;
}
.nav {
    margin-bottom:1.5em;
}
/* foot menu */
ul.foot,
ul.foot li,
ul.foot ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.foot {
    position: relative;
    z-index: 597;
    float: left;
}
ul.foot a {
    text-decoration: none;
}
ul.foot a:hover {
    text-decoration: underline;
}
ul.foot li {
    width:150px;
    float: left;
    vertical-align: middle;


}
ul.foot ul li:before {
    content: "\2261\0020";
}
ul.foot ul li {
    float: none;
    margin-top: 0.25em;
    padding-right: 0;
}
ul.foot li {
    padding-right: 10px;
}
ul.foot *.dir {
    
    width:150px;color:#000033;font-size:1.2em;line-height:1.75;
    color:#FFFFCC;
    border-bottom: 1px dotted #FFFFCC;
    display: block;
}
/**/
ul.line {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.line li {
    display: inline;
    padding: 0.25em;
}
ul.line li:hover {
    background: #373735;
}
ul.line li a {
    font-weight: bold;
    text-decoration: none;
}
ul.line li a:hover {
    text-decoration: none;
    /*border-bottom: 2px solid #58B2CB;*/
}

/*PAGINACJA */
.pg {
    background-color: #BADB32;
   /*float:left;*/
    text-align: center;
    font-size: 10px;
    margin-bottom: 0;
    padding: 0px;
    padding-top:3px;
    padding-bottom:3px;
    color:#75AD12;
}
.pg a {
    font-size: 10px;
    text-decoration: none;
   color:#75AD12;
    padding: 3px;
    margin-right:5px;
}
.pg a:hover {
    font-size: 10px;
    text-decoration: none;
    background-color: #92C427;
    padding: 3px;
    margin-right:5px;
}
.pg a.current {
    font-size: 10px;
    text-decoration: none;
    color: #FFF;
    background-color: #C0E725 ;
    padding: 3px;
    margin-right:5px;
}
.pg span.disabled {
    font-size: 10px;
    text-decoration: none;
    background-color: transparent;
    padding: 3px;
    margin-right:5px;
    text-decoration:line-through;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.box {
    background:#BADB32;
}
.box * {
    color:#FFFFFF;
}
.box h4 {
    padding: 0.5em;
}
.box a,.news a {
    text-decoration: none;
}
#map {
    width: 470px;
    height:270px;
}
/* ROCKAFF */
.product h1,.product h3{
    margin-bottom: 1.0em;
}
.products h1,.products h3{
    margin-bottom: 0.5em;
}
.products {
    padding-top: 0.5em;
}
.product .images{
  float:left;
  width:15em;
  margin-right:1em;
}
.products a.cat{
    color:#75AD12;
        text-decoration: none;
        display: block;
}
.products a.cat:hover{
    color:#C0E725;
}
.product .images img{
  float:left;
  width:15em;
  margin-bottom: 0.5em;
}
.product .images p{
  text-align: center;
}
.price {
    font-size: 1.25em;
    padding: 0.5em 0 0.5em 0;
}
.price var{
    font-style:normal;
    font-weight: bold;
    font-family: inherit;
}
a.buy,a.basket {
    font-size:1.2em;
    background-color:#75AD12;
    color:#FFFFFF;
    padding:0.5em;
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: bold;
    text-transform: uppercase;

}
a.buy:hover,a.basket:hover{
    background-color:#92C427;
}
.products .product{
    font-size:.8em;margin-bottom:1.875em;line-height:1.875em;
    position: relative;
}
/*
.products .desc{
 display: none;
 visibility: hidden;
}
*/
.products .product div.images{
  width:100%;
  float: none;
}
.products .images img{
  width:auto;
  max-width: 80%;
  display: block;
  margin: 0 auto;
  float: none;
}
.showcase {
     
}
.showcase .product {
   position: relative;
   height: auto;
   padding:0.5em;
 border: 1px solid #75AD12;
}
.showcase h3 {
  height: 3em;
  margin-top: 0;
}
.showcase .images {
   height: 12em;
}
.showcase p {
    top:14em;
    right:40%;
    margin: 0 auto;
}
.showcase img {
    height: 9.0em;
    top: 6em;
}
.showcase p.desc {
    margin: 0.75em 0 0 0;
    height: 5em;
    font-size:.6em;margin-bottom:1.475em;line-height:1.675em;
    overflow:hidden;
    color: #DCB20C;
}
.showcase p.desc:hover {
    color:#CC9933 !important;
}
.newest a {
    text-decoration: none;
}
.newest a:before {
    content: "\2605 ";
}
.newest a:hover:before {
    color:#75AD12;
}
/* ROCKAFF */
/**************************************/
/*               FOOTER               */
/**************************************/
.footer {height:200px;background:#FFFFFF url('../img/long_small_footer.jpg') no-repeat top right;}
#footer {
    color:#FFFFFF;
    padding:0.5em 0 0.5em 0;
    background-color: #58B2CB;
    /*text-align: center;*/
}
#footer a {
    color:#FFFFFF;
}
/**************************************/
/*          ERROR CHECKING            */
/**************************************/
/* - - - - - - - - - - - - - - - - - - - - - - - - -
 This is to determine if deprecated elements are used.
 If so, they should be replaced:
 1a. <font> and
 1b. <font color="xxx">…</font>: Shouldn’t be used.
 CSS should dictate font attributes.
 2. <center>: Shouldn’t be used. CSS should dictate
 horizontal alignment.
 3a. <div align="xxx">…</div>
 3b. <p align="xxx">…</p>
 3c. <table align="xxx">…</table>: Shouldn’t be used.
 CSS should dictate horizontal alignment.
 - - - - - - - - - - - - - - - - - - - - - - - - - -*/

font, center, div[align], p[align], table[align], font[color] {
    color : #cd0000;
    font-weight : bold;
    background : #eecc11;
    margin : 10px;
    padding : 10px;
    border : 2px dashed #cd0000;
    font-size : 2em;
}

/**************************************/
/*          TINY MCE                  */
/**************************************/
body.mceContentBody {
    background:#FFFFFF !important;
    background-image: none;
}
.underline {
    text-decoration: underline !important;
}