/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

#nav_home {position: absolute;

width: 75px;

height: 74px;

display: block;

top: 15px; right:15px;}

#blue_container { background:#488B93; border-bottom:4px solid #6DC2C9; min-height:495px; height:auto !important; height:495px; display:block; margin-bottom:100px; padding-bottom:20px;}

body
{
height: 100%;
}

#wrapper
{
position: relative;
min-height: 100%;
}

* html #wrapper
{
height: 100%;
}

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 28px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:944px;}

#header { width:100%; height:131px; margin:0px; padding:0px;  border-bottom:#003366 0px solid;}

#search {position:relative; z-index:10; width:163px; float:right; margin:12px 0px 0px 0px;}
*html #search {margin:-17px 0px 0px 0px;}
*+html #search {margin:-17px 0px 0px 0px;}
#search input {position:absolute; color:#808080; vertical-align:top; top:0px; left:0px; background:url(../images/input.jpg) no-repeat 100% 100%; width:109px; height:21px; border:0px; font-size:1.2em; margin:-10px 0px 0px 0px; padding:4px 12px 0px 12px;}
*html #search input { background-attachment: fixed;}
*+html #search input  { }
#search button {position:absolute; vertical-align:top; top:-11px; right:0px; width:33px; height:25px; background:0px; border:0px; padding:0px; margin:0px;}
*html #search button { top:-10px;}
*+html #search button { top:-10px;}

#logo {  width:100%; height:103px; margin:0px; padding:0px; background:url("/images/logo-with-lapada.jpg") no-repeat; }

#sub_head_home {height:350px; width:100%; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;}
#sub_head_left {display:block; float:left; width:374px; height:340px;}
#sub_head_left ul {margin:0px; padding:0px;}
#sub_head_left li {margin:2px 0px 0px 0px; padding:0px; list-style:none;}
#sub_head_left li img {border:1px solid #ffffff;}
#sub_head_right {display:block; float:right; width:356px; height:227px; margin:21px 0px 0px 0px;}
#sub_head_right p {font-size:1.2em; color:#ffffff; margin:10px 7px 10px 7px;}
#sub_head_right h1 { font-size:1.4em; color:#ffffff; font-weight:bold; background:url(../images/h1.jpg) no-repeat; margin:0px 0px 10px 0px; padding:4px 0px 10px 9px; }
#main {  width:100%; margin:0px 0px 0px 0px; }

#category {width:572px; float:left;}
#category a {float:left; margin:3px 8px 0px 0px;}


.sidebar_right_new {float:right; display:block; width:340px;}


.newsletter_signup {display:block; width:322px; float:right; padding:10px; margin:10px 0 10px 0; background:#488B93;}
.newsletter_signup h1 {font-size:16px; color:#FFF; margin-top:0;}
.newsletter_signup p {}
.newsletter_signup form {width:300px;}
.newsletter_signup label {width:60px; color:#FFF;}
.newsletter_signup input {width:217px; border:1px solid #488B93; background:#FFF; padding:2px 3px;}
.newsletter_signup button {border:0; background:#FFF; float:right; display:block; color:#000; padding:4px 5px; margin:0 14px 0 0;}
.newsletter_signup button:hover {background:#CCC; cursor:pointer;}



#latest_news {width:342px; float:right;}
.latest_news  {border-bottom:1px solid #cacaca;}
.latest_news a {color:#488c92; text-decoration:underline;}
.latest_news a:hover {color:#488c92; text-decoration:underline;}
.latest_news p {margin:10px 10px 10px 10px;}

#sidebar { width:158px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px; background:#ffffff; }

#content {width:300px; float:left;}

#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

#footer {position:relative; width:100%; width:944px; border-top:#cacaca 1px solid; text-align:right; height:28px;  display:block; margin:10px auto 0px auto; padding:0px; }
#footer p { font-size:1.0em; color:#626262; margin:4px 0px 5px 0px;}
#footer a {color:#626262;}
.clear { clear:both; }

/*------------------------------------ products summary -----------------------------------------------------------*/

#products {width:100%;}

.product {width:306px; border:1px solid #e4e0d7; padding:0px 0px 0px 0px; position:relative; display:block; float:left; margin:0px 5px 5px 0px; min-height:157px; height:auto !important; height:157px; }
.product img {float:right; border:#519298 1px solid; margin:3px;}
.product h1 { font-size:1.2em; color:#488c92; padding:0px 0px 0px 9px;}
.product p {padding:0px 0px 20px 9px;}
.product h2 {padding:0px 0px 0px 9px;}
.link {width:300px; padding:0px 6px 0px 0px;  position:absolute; bottom:0px; left:0px; background:url(../images/more_inf.jpg) no-repeat #e4e0d7  79% 10%; text-align:right;}
.link a {text-decoration:none; color:#6f6f6f; font-size:1.2em; margin:0px 0px 0px 0px; width:100%; display:block;}
.link a:hover {color:#6f6f6f; text-decoration:none;}
.sold {background:url(../images/sold.jpg) no-repeat; width:48px; height:36px; position:absolute; bottom:16px; left:26px;}

#sub_right_product {display:block; float:right; width:356px; height:227px; margin:9px 0px 0px 0px;}
#sub_right_product h1 { font-size:1.4em; color:#ffffff; font-weight:bold; background:url(../images/h1.jpg) no-repeat; margin:0px 0px 10px 0px; padding:4px 0px 10px 9px; }
#sub_right_product p {color:#ffffff; margin:10px 0px 10px 5px;}

#cookie_trail {margin:0px 0px 0px 5px;}
#cookie_trail p {color:#ffffff; margin:10px 0px 10px 0px;}
#cookie_trail a {color:#ffffff; text-decoration:underline;}

.paging {float:right; margin:0px 10px 10px 0px;}
.paging a {color:#5a5b5b; text-decoration:underline;}
.paging a:hover {text-decoration:none; color:#488c92;}

/*------------------------------------ product -----------------------------------------------------------*/

#product_container {width:453px; text-align:center; float:left; margin:0px 0px 10px 3px; background:#26676d; border:1px solid #16585e;}
#product_container_top {min-height:338px; height:auto !important; height:338px;}
#product_container_top ul {margin:5px auto 5px auto; padding:0px; width:288px; position:relative; display:block;}
#product_container_top li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;}
#product_container_top li img {border:1px solid #ffffff;}
#product_container_bottom {margin:5px 0px 5px 0px; }
#product_container_bottom img {border:1px solid #ffffff;}

#product_text {width:445px; float:right;  color:#ffffff;} 
#product_text p {color:#ffffff;}
#product_text a {color:#ffffff;}
#product_text #cookie_trail {margin:0px 0px 0px 0px;}
#product_text #cookie_trail p {color:#ffffff;; margin:10px 0px 10px 0px;}
#product_text #cookie_trail a {color:#ffffff; text-decoration:underline;}

#product_text form {width:290px;}
#product_text input {width:178px; color:#000000; background:#c8eef1; border:0px #6f6f6f solid;}
#product_text select {width:130px; color:#000000; background:#c8eef1; border:0px #6f6f6f solid;}
#product_text textarea {width:229px; height:77px; color:#000000; background:#c8eef1; border:0px #6f6f6f solid;}
#product_text label {vertical-align:top; font-weight:bold;}
#product_text button {cursor:pointer; background:#c8eef1;  border:0px #6f6f6f solid; color:#6F6F6F; padding:2px 4px 2px 4px; font-weight:bold; display:block; margin:0px 9px 0px 0px; float:right;}
#product_text button:hover {background:#96C8CC; color:#F8F8F8;}

.hidden {display:none;}

/*------------------------------------ textpage -----------------------------------------------------------*/


#sub_head {position:relative; z-index:100; height:224px; width:100%; margin:9px 0px 15px -10px; padding:0px 0px 0px 0px; background:url(/images/sub_header_left.jpg) no-repeat left top;}
#sub_left {display:block; float:left; width:180px; height:220px; margin:-1px 0px 0px 74px;}
*html #sub_left {margin:0px 0px 0px 37px;}
#sub_left ul {margin:0px; padding:0px;}
#sub_left li {margin:1px 0px 0px 0px; padding:0px; list-style:none;}
#sub_left li img {border:1px solid #ffffff;}
#sub_right {position:relative; z-index:100; display:block; float:right; width:500px; height:221px; padding:0px 0px 0px 11px; margin:0px -17px 1px 0px; background:url(/images/side_sub_right.jpg) no-repeat right #6FC4C9;}
#sub_right a {font-size:1.2em; color:#ffffff; margin:2px 0px 2px 2px; display:block; float:left;}
#sub_right p {font-size:1.2em; color:#ffffff;}
#textpage {width:540px; float:left;}
/*------------------------------------- News ---------------------------------------*/

.news_item {border-bottom:1px solid #CACACA;}
#Catel {width:200px; border-bottom:1px solid #CACACA;}

#Catel a {font-size:1.4em; background:#6DC2C9;  margin:0px 0px 2px 0px;  padding:5px 0px 5px 7px; width:100%; display:block; color:#ffffff; font-weight:bold; width:100%; text-decoration:none;} 
#Catel a:hover {background:#000000 !important;}
#archives {width:200px; border-bottom:1px solid #CACACA;}
#archives a {font-size:1.4em; background:#6DC2C9;  margin:0px 0px 2px 0px;  padding:5px 0px 5px 7px; width:100%; display:block; color:#ffffff; font-weight:bold; width:100%; text-decoration:none;} 
#archives a:hover {background:#000000 !important;}
/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav a { text-decoration:none; margin:0px 0px 1px 0px; padding:8px 10px 6px 10px; color:#ffffff; display:block; font-weight:normal; font-size:1.1em; float:left; display:block;}
#nav a:hover { text-decoration:none;  color:#ffffff; background:#478C91;} 
#nav a.active { text-decoration:none;  color:#ffffff; background:#478C91;} 

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x top #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.4em; color:#6a6a6a; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { font-size:1.2em; color:#488C92; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#6a6a6a; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#488C92; font-size:1.0em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#6a6a6a; font-size:0.9em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#488C92; font-size:0.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
ul li { color:#ffffff; font-size:1.2em; list-style:disc; }
ol {}
ol li {color:#ffffff; font-size:1.2em; list-style:decimal}

address {color:#6f6f6f; font-size:1.2em;}

a { color:#488c92;  text-decoration:underline;}
a:hover { color:#488c92;  text-decoration:underline; }

p { font-size:1.2em; color:#3f3f3f; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; }

h2.special { color:#ffffff; position:relative; background:url(../images/h1-right.jpg) no-repeat; font-size:1.4em; font-weight:bold; margin:0px 0px 10px 0px; padding:4px 0px 10px 9px;  }
h2.special a {position:absolute; top:6px; right:6px; font-size:0.9em !important; color:#ffffff; font-weight:normal;}
h2 a:hover {color:#ffffff;}