@charset "utf-8";

/* Import
-----------------------------------------------------------------------------*/
@import "carrello.css";
@import "prodotti.css";
/*@import "form.css";*/
@import "box.css";

/* Global and Common Settings
-----------------------------------------------------------------------------*/

html, body { 
	border:0;
	margin:0;
	padding:0;
	background-color: #494949;
	background-image: url(../images/layout/background.png); 
	background-repeat: repeat-x;
}

body {	
	font:0.8em arial, helvetica, sans-serif;
	color: #FFFFFF; 
	text-align: center;
}

img { border:0; }
a, a:visited { text-decoration:none; color:#FFFFFF;}
a:hover { text-decoration: underline;}
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
ul,ol { list-style:none; padding:0; margin:0; }
address { font-style:normal }
pre { font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#000000; padding:5px; }
h1, h2, h3, h4 { font-weight:normal; padding:0; margin:0; }

.clear-bg      { clear:both; margin-bottom: 5px; }
.clear         { clear:both; line-height:0;height:0px; }
.clear-left    { clear:left; }
.clear-right   { clear:right; }
.clear-right-bg { clear:right; margin-bottom: 5px; }
.float-left    { float:left; }
.float-right   { float:right; }
.hide 		   { display: none; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.header-print  { display: none; }
.error		   { font-weight: bold; text-transform: lowercase; color:#666666;}
.orange		   { color: #ff9933; }
.green		   { color: #00FF33; }
.grey		   { color: #999999; }
.lightgrey	   { color: #CCCCCC; }
.red		   { color: #cc3300 }
.tip		   { font-size:0.8em; }
/*.content	   { padding: 4px 0; }*/

/* Forms
-----------------------------------------------------------------------------*/
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em arial, helvetica, sans-serif; }
textarea { line-height:1.25; }
label { cursor:pointer; }

/* Homepage 
-----------------------------------------------------------------------------*/
#container { width: 1000px; margin:0 auto; padding:10px 0pt 0pt; text-align:left; }

/* Header
-----------------------------------------------------------------------------*/
#header { height: 83px; border-bottom:1px solid #666666; margin-bottom:8px;}
#header #logo { margin-top: 5px; }
#header #userInfo { /*float:right; position:relative; top: 65px;*/ text-align:right;}
#header #userInfo .tip { font-size:0.8em; }
#header #tecnosinthesi { float:right; padding-top:25px; }

/* Navigation
-----------------------------------------------------------------------------*/
#navigation { width: 225px; float:left; padding-bottom: 10px; }
#navigation #banner-error { width:210px; height: 185px; background:url(../images/layout/browser-box.gif) no-repeat; padding:10px; }
#navigation #banner-error a { font-weight: bold; }

/* Body
-----------------------------------------------------------------------------*/
#body { width: 763px; margin-left: 230px; background:url(../images/layout/body-background.png) repeat-y; min-height: 563px; }
#body.page { background:url(../images/layout/pagina-background.png) repeat-y; min-height:563px; }

#body #content { padding: 12px 14px; }
#content .content-body { width: 403px; }
#content .content-title { padding-bottom: 5px; }
#content .content-text { text-align: justify; padding-bottom:10px;}
#content .content-image { float: right; width: 300px; text-align:center; }

#content #column { width:258px; float:right; margin-right:10px; margin-top:-5px; /* position:relative; right:-5px; */ }
#content #column2 { width:265px; float:right; padding-top:10px; /* position:relative; right:-5px; */ }

/* Toolbar
-----------------------------------------------------------------------------*/
#toolbar { background:url(../images/layout/toolbar-background.png) repeat-x; height: 27px; }
#toolbar .content {}
#toolbar .content span { padding-right: 5px; }
#toolbar #menu { width: 500px; padding: 2px; }
#toolbar #menu .toolbar-extra { position:relative; z-index:20; }
#toolbar #menu #mylucearredo-menu { position:relative; left: 373px; top:-2px; background-color:#ff9933; width: 135px; padding: 2px 5px; }
/* Banner
-----------------------------------------------------------------------------*/
#banner { background-color:#000000; height: 88px; text-align:center; z-index:2; position:relative;  padding-right: 250px;}
#banner #slogan { padding:0 15px; padding-top:10px; text-align:left; }
#banner #slogan p { padding:0; margin:0;  }

#banner.showcase { width:513px; background-color:#000000; height: 120px; text-align:center; z-index:2; position:relative;  padding-right: 250px; overflow:hidden; }
#banner.showcase #slogan {  }
#banner.showcase img { height:100px;  }


/* Footer
-----------------------------------------------------------------------------*/
#footer { clear:both; height: 20px; border-top: 1px solid #666666; margin-top: 8px; padding-top: 5px; color: #333333;}