/* @override 
	http://localhost:8888/fananitende-bkp/screen.css
	http://www.fananitende.it/screen.css
*/

body {
	font: 0.65em/1.8em Lucida, "Lucida Grande", Verdana, sans-serif;
	color: #333;
}

/* Reset CSS Code */

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, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* MY CODE */

div.float-fixer {
	clear: both;
}

/*  INTRO */

div#header-intro {
	border-top: 3px solid #E49736;
	background: url(images/bg/shadow.png) repeat-y center;
}

div#header-intro > div.wrapper {
	background: url(images/bg/header-big.png) no-repeat;
	height: 340px;
}

div.wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

div#footer-intro {
	clear: both;
	background: url(images/bg/footer.png) repeat-x;
	height: 140px;
	padding-top: 150px;
}

p#logo-big {
	text-indent: -9999px;
	padding-top: 18px;
	padding-left: 19px;
}

p#logo-big a {
	background-image: url(images/general/logo.png);
	display: block;
	width: 241px;
	height: 52px;
}

ul#intro-menu {
	float: right;
	margin-right: -5px;
	margin-top: 50px;
}

li#entra {
	display: block;
	width: 332px;
	height: 89px;
	background: url(images/bg/intro-menu.png) no-repeat left top;
}

li#myshell {
	display: block;
	width: 332px;
	height: 90px;
	background: url(images/bg/intro-menu.png) left bottom;
}

li#entra > a {
	display: block;
	height: 100%;
	background: url(images/bg/intro-menu.png) no-repeat left top;
	width: 100%;
	text-indent: -9999px;
}

li#myshell > a {
	display: block;
	height: 100%;
	background: url(images/bg/intro-menu.png) left bottom;
	width: 100%;
	text-indent: -9999px;
}

/* GENERAL */

div#header {
	border-top: 3px solid #E49736;
	background: url(images/bg/shadow.png) repeat-y center;
}

div#logo-header {
	position: absolute;
	top: 10px;
	left: 10px;
}

div#logo-header a {
	background-image: url(images/bg/logo-small.png);
	width: 208px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}

div#header > div.wrapper {
	background: url(images/bg/header.png) no-repeat;
	height: 220px;
	position: relative;
}

div#footer {
	border-top: 1px dashed #E49736;
	padding-top: 10px;
	clear: both;
	margin-bottom: 40px;
}

div#menu {
	padding-left: 440px;
	float: left;
}

div#menu ul {
}

div#menu ul li {
	display: inline-block;
	text-indent: -9999px;
	background: url(images/bg/main-menu.png) no-repeat;
	float: left;
	margin-left: 5px;
}

div#menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

li#menu_azienda {
	background-position: 0 top;
	width: 90px;
	height: 40px;
}

li#menu_azienda:hover {
	background-position: 0 bottom;
}

li#menu_azienda.active {
	background-position: 0 bottom !important;
}

li#menu_prodotti {
	background-position: -95px top !important;
	width: 90px;
	height: 40px;
}

li#menu_prodotti:hover {
	background-position: -95px bottom !important;
}

li#menu_prodotti.active {
	background-position: -95px bottom !important;
}

li#menu_contatti {
	background-position: -190px top !important;
	width: 90px;
	height: 40px;
}

li#menu_contatti:hover {
	background-position: -190px bottom !important;
}

li#menu_contatti.active {
	background-position: -190px bottom !important;
}

li#menu_galleria {
	background-position: -285px top !important;
	width: 90px;
	height: 40px;
}

li#menu_galleria:hover {
	background-position: -285px bottom !important;
}

li#menu_galleria.active {
	background-position: -285px bottom !important;
}

li#menu_arearis {
	background-position: -380px top !important;
	width: 70px;
	height: 40px;
}

li#menu_arearis:hover {
	background-position: -380px bottom !important;
}

li#menu_arearis.active {
	background-position: -380px bottom !important;
}

div#corpopagina > div.wrapper {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bg/shadow.png);
	border-top: 10px solid #e49734;
	padding-left: 20px;
	padding-right: 20px;
}

div.text_container {
	padding-top: 26px;
}

img {
	border: none;
}

a {
	outline: none;
	color: #E49736;
	text-decoration: none;
}



h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	padding-bottom: 8px;
}

div.corpo-testo {
	width: 400px;
	float: left;
	padding-bottom: 30px;
	padding-top: 5px;
}

h1.titolo {
	text-transform: none;
	font-size: 1em;
}

h2 {
	margin-bottom: 10px;
	font-size: 0.8em;
}

h3 {
	margin-top: 2em;
	margin-bottom: 0.5em;
}

div.modello h4 {
	text-transform: uppercase;
	color: #E49736;
	font-size: 0.95em;
}

div.modello h5 {
	text-transform: uppercase;
	clear: left;
	font-size: 0.7em;
}

div.opzioni {
	float: left;
	clear: left;
	padding-bottom: 14px;
	padding-top: 5px;
}

img.braccio {
	float: left !important;
}

div.modello {
	width: 100%;
	padding-bottom: 20px;
	float: left;
}

ul#certificazioni {
	float: left;
	clear: left;
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 20px;
	width: 250px;
}

div#wrapper {
	padding-top: 30px;
	margin: auto;
	width: 850px;
}

a.mail {
	font-size: 1.3em;
	color: #E49736;
	text-decoration: none;
}

a.mail:hover {
	font-size: 1.3em;
	color: #E49736;
	text-decoration: underline;
}

iframe {
	float: left;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
}

div#mappa-image {
	float: left;
}

#maps {
	padding-left: 139px;
	width: auto;
	margin: 10px 0 0;
	padding-bottom: 10px;
}

p.normal.indicazioni {
	margin-bottom: 0;
	clear: left;
}

div#corpopagina {
	background: url(images/bg/footer.png) repeat-x;
	height: 140px;
}

div#banner {
	padding-top: 10px;
	width: 100%;
	padding-right: 2px;
	float: left;
}

#footer p, div#footer-intro p {
	color: #999;
	font-size: 9px;
	text-align: center;
	width: 100%;
	line-height: 14px;
}

div#content {
	padding-left: 240px;
}

div#navigation {
	float: left;
	width: 220px;
	margin-bottom: 60px;
}

p.normal {
	width: 100%;
	color: #333;
	margin-bottom: 20px;
	font-size: 0.7em;
	line-height: 2em;
}

p.normal_long {
	margin-top: 10px;
	float: left;
	clear: left;
	width: 50%;
	padding-left: 130px;
}

p.partners {
	line-height: 1.4em;
	font-size: 1.2em;
}

div#parteners {
	width: 100%;
	padding-bottom: 60px;
	padding-top: 10px;
}

span.smaller {
	font-size: 0.6em;
	color: #999;
}

form#contacts {
	float: left;
	clear: left;
	margin-top: 20px;
	margin-bottom: 50px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
	width: 100%;
}

input.inline {
	float: left;
	clear: left;
	width: 23em;
	border: 1px solid #ccc;
	height: 21px;
	font-size: 14px;
	color: #999;
}

textarea {
	float: left;
	clear: left;
	width: 23em;
	height: 8em;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
}

#checkbox {
	margin-right: 0.5em;
}



div.gruppo {
	margin-bottom: 20px;
	float: right;
	width: 170px;
	background: none repeat-y;
	border-bottom: 1px dashed #E49736;
	border-top: 1px dashed #E49736;
	padding-top: 6px;
	line-height: 1.5em;
}

div.gruppo1 {
	margin-bottom: 20px;
	float: right;
	border-bottom: 1px dashed #E49736;
	border-top: 1px dashed #E49736;
	margin-top: 20px;
	clear: right !important;
	display: block;
	height: 100%;
	width: 100%;
	line-height: 1.5em;
}

p.descrizione_prodotto {
	width: 28em;
	padding-left: 20px;
	text-align: justify;
}

input.pulsante {
	border-style: none;
	background-color: #e49734;
	height: 2em;
	color: #333;
	margin-right: 5px;
	width: 11.5em;
}

label {
	float: left;
	clear: left;
}

#contacts li {
	white-space: nowrap;
	float: left;
	clear: left;
	margin-bottom: 5px;
	font-size: 12px;
}

#buttons {
	float: left;
}

div#flash {
	width: 640px;
	height: 370px;
	margin-top: 15px;
	padding-bottom: 50px;
}

#content div.modello div.opzioni ul li {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	height: 30px;
	float: left;
}

#content div.modello div.opzioni ul {
	width: 280px;
	height: 30px;
}

div#img_prodotto {
	padding-left: 435px;
	padding-top: 10px;
}

p.crediti_foto {
	padding-right: 15px;
	font-size: 8px;
	color: #999;
	margin-top: 20px;
}

div#img_azienda
 {
	padding-left: 450px;
	padding-top: 8px;
}

h6#azienda-title.page-title {
	height: 26px;
	background: url(images/bg/page-title.png) no-repeat left 0;
	text-indent: -9999px;
}

h6#prodotti-title.page-title {
	height: 26px;
	background: url(images/bg/page-title.png) no-repeat left -26px;
	text-indent: -9999px;
}

h6#contatti-title.page-title {
	height: 26px;
	background: url(images/bg/page-title.png) no-repeat left -52px;
	text-indent: -9999px;
}

h6#galleria-title.page-title {
	height: 26px;
	background: url(images/bg/page-title.png) no-repeat left -78px;
	text-indent: -9999px;
}

div#crediti {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#crediti img {
	border: none;
}

div#offerta {
	width: 433px;
	height: 379px;
	margin-top: 20px;
	background: url(images/banners/fondop.gif) no-repeat;
}

p.offerta {
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.8em;
	padding-left: 15px;
	width: 210px;
	float: left;
	margin-top: 15px;
}

a.link_offerta {
	font-weight: bold;
	font-size: 1.3em;
	padding-left: 15px;
	float: left;
	clear: left;
	margin-top: 16px;
}

#offerta ul {
	margin-left: 15px;
	margin-top: 10px;
	display: inline;
	float: left;
	clear: left;
	margin-bottom: 3px;
}

#offerta ul li {
	margin-right: 8px;
	display: inline-block;
	width: 130px;
	height: 130px;
	float: left;
}

p.postilla {
	float: left;
	padding-left: 20px;
	color: #000;
	line-height: 7px;
	font-size: 7px;
}

p#info-p {
	font-size: 10px;
	line-height: 16px;
	margin-top: 26px;
	padding-left: 4px;
	padding-right: 4px;
}

#navigation ul li {
	font-size: 0.8em;
	height: 27px;
	border-bottom: 1px solid #CCC;
	line-height: 26px;
}

#navigation ul li a {
	color: #000;
	padding-left: 12px;
	display: block;
}

#navigation ul li a:hover {
	color: #CCC;
}

ul#prodotti li a {
	padding-left: 30px;
	color: #000;
	display: block;
}

a.blu {
	background: url(images/bg/colors.png) no-repeat 0 6px;
}

a#a-active.blu {
	background: url(images/bg/ul-active-blue.png) no-repeat 0 6px;
}

a.arancio {
	background: url(images/bg/colors.png) no-repeat 0 -20px;
}

a#a-active.arancio {
	background: url(images/bg/ul-active-arancio.png) no-repeat 0 6px;
}

a.viola {
	background: url(images/bg/colors.png) no-repeat 0 -46px;
}

a#a-active.viola {
	background: url(images/bg/ul-active-viola.png) no-repeat 0 6px;
}

a.giallo {
	background: url(images/bg/colors.png) no-repeat 0 -72px;
}

a#a-active.giallo {
	background: url(images/bg/ul-active-giallo.png) no-repeat 0 6px;
}

a.rosa {
	background: url(images/bg/colors.png) no-repeat 0 -98px;
}

a#a-active.rosa {
	background: url(images/bg/ul-active-rosa.png) no-repeat 0 6px;
}

a.verde {
	background: url(images/bg/colors.png) no-repeat 0 -124px;
}

a#a-active.verde {
	background: url(images/bg/ul-active-verde.png) no-repeat 0 6px;
}

a.nero {
	background: url(images/bg/colors.png) no-repeat 0 -150px;
}

li#active-li {
	height: auto !important;
	border-style: none !important;
	border-bottom: 1px solid #CCC !important;
}

#active-li ul {
	padding-left: 35px;
}

ul#ul-blue {
	background: url(images/bg/ul-active-blue.png) no-repeat 0 bottom;
}

ul#ul-arancio {
	background: url(images/bg/ul-active-arancio.png) no-repeat 0 bottom;
}

ul#ul-verde {
	background: url(images/bg/ul-active-verde.png) no-repeat 0 bottom;
}

ul#ul-viola {
	background: url(images/bg/ul-active-viola.png) no-repeat 0 bottom;
}

ul#ul-giallo {
	background: url(images/bg/ul-active-giallo.png) no-repeat 0 bottom;
}

ul#ul-rosa {
	background: url(images/bg/ul-active-rosa.png) no-repeat 0 bottom;
}

li#active-li ul li {
	border-top: 1px dashed #CCC;
	border-bottom-style: none;
}

a.sub_link_active {
	padding-left: 0 !important;
}

a.sub_link {
	padding-left: 0 !important;
}

.external {
	background: url(images/bg/exerternal-link.png) no-repeat right center;
}

/* RANDOM BOX */

div#random-box {
	padding-left: 445px;
	width: 445px;
	float: left;
	padding-top: 15px;
}

div#random-box-img {
	float: left;
}

div#random-box-text {
	padding-left: 204px;
}

#random-box-text p {
	font-size: 10px;
	line-height: 18px;
	border-bottom: 1px solid #CCC;
}

#random-box-text h5 {
	font-weight: normal;
	font-style: normal;
	line-height: 30px;
}

a#button {
	background: url(images/bg/button-prodotto.png) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 110px;
	height: 26px;
	margin-top: 6px;
}

/* MODELLO PRODOTTI */

ul.details li {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

/* @group Cataloghi PDF */

div.catalogo {
  text-indent: -9999px;
  width: 220px;
  height: 80px;
  margin-top: 8px;
  margin-bottom: 40px;
}

div.catalogo a {
  width: 100%;
  height: 100%;
  display: block;
}

a#caduta {
  background: url(images/cataloghi/caduta.jpg) no-repeat;
}

a#myshell {
  background: url(images/cataloghi/myshell.jpg) no-repeat;
}

a#bracci {
  background: url(images/cataloghi/bracci.jpg) no-repeat;
}

a#veranda {
  background: url(images/cataloghi/veranda.jpg) no-repeat;
}

a#cappottina {
  background: url(images/cataloghi/cappottina.jpg) no-repeat;
}

a#gazebo {
  background: url(images/cataloghi/gazebo.jpg) no-repeat;
}

/* @end */

div#mappa {
	width: 640px;
	height: 380px;
	margin-bottom: 30px;
}