﻿
/************************** PAGINA HOME **************************************/
.home { background-color: ghostwhite; font-family: Tahoma; font-size: 10pt; }

.home #header { background-color: gray; height: 300px; }
.home #header-in { background: url(immagini/headerbg.jpg) no-repeat center; width: 1000px; margin: auto; height: 250px; }
.home #header-in #logoh { padding: 20px 10px 10px 10px; float: right; width: 150px; }
.home #header-in #logoh img { padding: 0px; width: 150px; }
.home #header-in p { padding: 0px; width: 150px; text-align: center; font-size: 12pt; color: white; }

.home #contentainer { margin: 0 auto; clear: both; width: 1000px; }

.home #footer { background-color: gray; clear: both; height: 70px; }
.home #footer-in { margin: auto; width: 1000px; }
.home #footer-in #logof { padding: 10px; float: left; width: 60px; }
.home #footer-in #logof img { padding: 0px; width: 60px; border: none; }
.home #footer-in #info { padding: 10px; float: left; width: 815px; }
.home #footer-in #info p { padding: 0px; width: 815px; text-align: center; }
.home #footer-in #fb { padding: 10px; float: left; width: 60px; }
.home #footer-in #fb img { padding: 0px; width: 60px; border: none; }

.home #link a { float: left; text-decoration: none; display: block; height: 65px; width: 191px; }
.home #link a:hover { color: white; background-color: gray; }

/************************** PAGINA MASTER **************************************/
.pagina { background-color: ghostwhite; font-family: Tahoma; font-size: 10pt; }

.pagina #header { height: 160px; background-color: gray; }
.pagina #header-in { width: 1000px; margin: auto; height: 110px; }
.pagina #header-in #logoh { padding: 10px; float: left; width: 150px; }
.pagina #header-in #logoh img { padding-top: 15px; width: 150px; }
.pagina #header-in .logohips { padding: 10px; float: right; width: 150px; }
.pagina #header-in .logohips img { padding: 0px; width: 150px; }
.pagina #header-in #slogan { padding: 30px; width: 250px; height: 50px; text-align: center; font-size: 14pt; float: right; color: white; }
.pagina #header-in .sloganips { padding: 30px 10px 10px 10px; width: 250px; height: 70px; text-align: center; font-size: 14pt; float: left; color: #db0811; }

.pagina #contentainer { margin: auto; clear: both; width: 1000px; min-height: 570px; }

.pagina #footer { background-color: gray; clear: both; height: 70px; }
.pagina #footer-in { margin: auto; width: 1000px; }
.pagina #footer-in #logof { padding: 10px; float: left; width: 60px; }
.pagina #footer-in #logof a { text-decoration: none; }
.pagina #footer-in #logof img { padding: 0px; width: 60px; border: none; }
.pagina #footer-in #info { padding: 10px; float: left; width: 815px; }
.pagina #footer-in #info p { padding: 0px; width: 815px; text-align: center; }
.pagina #footer-in #fb { padding: 10px; float: left; width: 60px; }
.pagina #footer-in #fb a { text-decoration: none; }
.pagina #footer-in #fb img { padding: 0px; width: 60px; border: none; }

/************************** PAGINA WEBE DEMO **************************************/
.pagina #header-webe { background-color: gray; height: 100px; }
.pagina #header-in-webe { width: 1100px; margin: auto; height: 50px; }
.pagina #header-in-webe #logoh { padding: 10px; float: left; width: 150px; }
.pagina #header-in-webe #logoh img { padding-top: 15px; width: 150px; }
.pagina #header-in-webe #slogan { padding: 30px; width: 250px; height: 50px; text-align: center; font-size: 14pt; float: right; color: black; }
.pagina #contentainer-webe { margin: auto; clear: both; width: 1140px; min-height: 570px; }
.pagina #footer-webe { background-color: gray; clear: both; height: 40px; }

/************************** COMUNE A TUTTE LE PAGINE ********************************/

.menu { margin: auto; padding: 0; width: 1000px; height: 50px; background-color: #000099; }
.menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; height: 50px; }
.menu ul li { float: left; border-right: 1px solid gray; }
.menu ul li:first-child { float: left; border-left: 1px solid gray; border-right: 1px solid gray; }
.menu ul li:last-child { float: right; border-right: 1px solid gray; }
.menu ul li a { display: block; color: white; text-align: center; padding: 16px 14px; text-decoration: none; }
.menu ul li a:hover { background-color: navy; color: white; }
.menu ul li a:active { background-color: white; color: navy; }

.divleft { float: left; margin: 20px 5px 20px 0px; border: 0px solid lightgray; }
.divmiddle { float: left; margin: 20px 0px 20px 0px; border: 0px solid lightgray; }
.divright { float: right; margin: 20px 0px 20px 5px; border: 0px solid lightgray; }
.divcenter { float: left; margin: 20px 0px 20px 0px; border: 0px solid lightgray; }

.label { padding: 5px; text-align: center; color: white; font-size: large; background-color: gray; }

.CercaProdotto { float: left; margin-top: 0px; margin-bottom:0px; width: 180px; padding-left: 5px; padding-right: 5px; }
.CercaProdottoText { float: left; margin-top: 5px; margin-bottom: 10px; margin-right:2px; width: 148px; height: 26px; }
.CercaProdottoButton { float: left; margin-top: 5px; margin-bottom: 10px; margin-left:2px; width: 28px; height: 28px; }

/************************** SINGOLE PAGINE **************************************/
.Prodotti a { float: left; text-decoration: none; margin: 5px 0px 0px 10px; padding: 5px; display: block; color: black; text-align: left; height: 80px; width: 360px; border: 1px solid gray; }
.Prodotti a:hover { color: white; background-color: gray; }
.SchedaProdotto a { float: left; text-decoration: none; margin-left: 10px; padding-top: 10px; display: block; color: black; text-align: left; height: 110px; width: 770px; border-top: 1px dotted gray; }
.SchedaProdotto a:hover { color: black; background-color: gray; }

.Categorie a { float: left; text-decoration: none; display: block; color: white; background-color: #5F7DB9; text-align: left; height: 40px; width: 190px; }
.Categorie a:hover { background-color: navy; color: white; }

.DownloadProdotto a { float: left; text-decoration: none; display: block; clear: both; text-align: left; padding: 10px 0px 0px 10px; width: 230px; height: 60px; border: 1px solid gray; }
.DownloadProdotto a:hover { background-color: navy; color: white; }
.DownloadProdotto img { float: left; margin: 0px 0px 0px 10px; width: 48px; height: 48px; }

.Catalogo { float: left; width: 998px; padding: 0px 5px 0px 5px; background-color: #ededed; text-align: center; }
.Catalogo img { padding: 5px 5px 5px 5px; width: 150px; }

.Cata { float: left; width: 395px; margin-top: 18px; background-color: white; }
.Cata a { float: left; text-decoration: none; margin: 5px 0px 0px 10px; padding: 5px; display: block; color: black; text-align: left; height: 80px; width: 360px; border: 1px solid gray; }
.Cata a:hover { color: white; background-color: gray; }
.Listino { float: right; width: 395px; margin-top: 18px; background-color: white; }
.Listino a { float: left; text-decoration: none; margin: 5px 0px 0px 10px; padding: 5px; display: block; color: black; text-align: left; height: 80px; width: 360px; border: 1px solid gray; }
.Listino a:hover { color: white; background-color: gray; }

.Distributore div { width: 200px; height: 100px; margin: 0 auto; }
.Distributore #logodis { width: 180px; height: 80px; }
.Distributore a { width: 180px; height: 80px; float: left; text-decoration: none; margin: 5px 5px 0px 5px; padding: 5px; display: block; color: black; text-align: left; border: 1px solid gray; }
.Distributore a:hover { color: white; background-color: gray; }
.Distributore #logodisshadow { width: 160px; float: left; padding-left: 20px; clear: left; }

.Agenzia { float: left; margin: 5px 5px 0px 5px; padding: 10px; text-align: left; height: 180px; width: 280px; border: 1px solid gray; }

/*************************************************************************************/
/*************************************************************************************/

.class1 { margin: 0 auto; font-family: Tahoma; font-size: 10pt; color: #003a77; }
.class1 a:link { text-decoration: none; color: #003a77; }
.class1 a:visited { text-decoration: none; color: #003a77; }
.class1 a:hover { text-decoration: none; color: Silver; }
.class1 a:active { text-decoration: none; color: #003a77; }
.class2 { margin: 0 auto; border: silver 1px solid; border: silver 1px solid; border: silver 1px solid; width: 90%; }
.menu1 { font-family: Tahoma; font-size: 10pt; font-weight: normal; }
.header1 { width: 960px; margin-left: auto; margin-right: auto; text-align: center; border-left: silver 1px solid; border-right: silver 1px solid; }
.login1 { font-family: Tahoma; font-size: 10pt; font-weight: normal; }
.body_pagina { width: 1000px; height: auto; margin: 0 auto; text-align: center; border-left: silver 1px solid; border-bottom: silver 1px solid; border-right: silver 1px solid; background-color: #ededed; }
.table_pagina { width: 1000px; height: auto; margin: 0 auto; text-align: center; vertical-align: top; }
.colonna_sx_pagina { width: 200px; height: auto; text-align: center; vertical-align: top; background-color: white; border-right-style: solid; border-right-width: 1px; border-right-color: Silver; background-image: url(immagini/colonna_sx.gif); background-position: top; background-repeat: repeat-x; }
.contenuto { width: auto; height: auto; margin-top: 20px; margin-left: 30px; margin-right: 30px; margin-bottom: 20px; font-family: Tahoma; font-size: 10pt; color: #003a77; background-color: White; text-align: left; }
.contenuto2 { width: 100%; height: auto; margin: 0 auto; font-family: Tahoma; font-size: 10pt; color: #003a77; background-color: White; text-align: center; }
.contenuto3 { width: 100%; height: auto; margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; font-family: Tahoma; font-size: 10pt; color: #003a77; background-color: White; text-align: left; text-indent: 10px; }
.colonna_cx_pagina { width: 760px; height: auto; text-align: center; vertical-align: top; background-color: white; background-image: url(immagini/colonna_sx.gif); background-repeat: repeat-x; background-position: top; }
.link_pagina { display: block; background-color: transparent; background-image: url(immagini/sfondobottoni.gif); background-repeat: no-repeat; width: 160px; height: 40px; margin: 4px auto; padding: 4px 0 0 0; text-decoration: none; color: white; font-family: Tahoma; font-size: 10pt; }
.link_pagina:link, .link_pagina:visited { color: white; text-decoration: none; }
.link_pagina:hover, .link_pagina:active { color: #003a77; text-decoration: none; background-position: 0px; }
.link_pagina2 { display: block; background-color: transparent; background-image: url(admim/immagini/sfondobottoni.gif); background-repeat: no-repeat; width: 160px; height: 20px; margin: 5px auto; padding: 5px 0 0 0; text-decoration: none; color: white; font-family: Tahoma; font-size: 10pt; }
.link_pagina2:link, .link_pagina2:visited { color: white; text-decoration: none; }
.link_pagina2:hover, .link_pagina2:active { color: #003a77; text-decoration: none; background-position: 0px; }
.link_pagina3 { color: White; background-color: #005eA8; display: block; width: 220px; height: 100px; margin: 4px auto; padding: 4px 0 0 0; text-decoration: none; text-align: center; color: white; font-family: Tahoma; font-size: 10pt; border: gray solid 2px; }
.link_pagina4 { color: White; display: block; background-color: #005eA8; width: 200px; height: 30px; margin: 4px auto; padding: 4px 0 0 0; text-decoration: none; text-align: center; font-family: Tahoma; font-size: 10pt; border: gray solid 2px; }
.link_pagina4:link, .link_pagina4:visited { color: white; text-decoration: none; background-color: #005eA8; }
.link_pagina4:hover, .link_pagina4:active { color: #005eA8; text-decoration: none; background-color: Navy; }
.link_pagina5 { color: White; display: block; background-color: Maroon; width: 160px; height: 30px; margin-left: 20px; margin-top: 15px; margin-bottom: 15px; padding-top: 5px; text-decoration: none; text-align: center; font-family: Tahoma; font-size: 14pt; border: black solid 2px; }
.link_pagina5:link, .link_pagina5:visited { color: white; text-decoration: none; background-color: Maroon; }
.link_pagina5:hover, .link_pagina5:active { color: #005eA8; text-decoration: none; background-color: Navy; }
.link_pagina6 { color: White; display: block; background-color: #005eA8; width: 160px; height: 20px; margin-left: 20px; margin-top: 15px; margin-bottom: 15px; padding-top: 5px; text-decoration: none; text-align: center; font-family: Tahoma; font-size: 10pt; border: gray solid 2px; }
.link_pagina6:link, .link_pagina6:visited { color: white; text-decoration: none; background-color: #005eA8; }
.link_pagina6:hover, .link_pagina6:active { color: #005eA8; text-decoration: none; background-color: Navy; }
.separatore { border-bottom: silver 1px solid; border-top-style: none; border-right-style: none; border-left-style: none; width: 90%; }
.datalist { margin: 0 auto; color: #003a77; }
.div_campi { margin-top: 5px; margin-left: 15px; margin-right: 15px; margin-bottom: 5px; float: left; clear: both; width: 620px; height: 30px; border: black solid 1px; font-family: Tahoma; font-size: small; }
.div_button { margin-top: 30px; margin-left: 290px; margin-right: 0px; margin-bottom: 5px; float: none; clear: both; width: 40px; height: 20px; font-family: Tahoma; font-size: medium; border: black solid 1px; background-color: Gray; }
.form_label { margin-left: 5px; margin-top: 5px; float: left; clear: both; width: 120px; text-align: right; }
.form_textbox { margin-top: 5px; margin-right: 5px; float: right; clear: right; width: 440px; }
.form_checkbox { float: right; clear: right; }
.form_dropdownlist { margin-top: 5px; margin-right: 5px; float: right; clear: right; width: 440px; }
.form_button { margin-top: 0px; font-family: Tahoma; font-size: large; width: 40px; height: 20px; }
.body_pagina_ddns { width: 800px; height: auto; margin: 0 auto; text-align: center; border-top: silver 1px solid; border-left: silver 1px solid; border-bottom: silver 1px solid; border-right: silver 1px solid; background-color: #1da2da; }
.table_pagina_ddns { width: 600px; height: auto; margin: 0 auto; text-align: center; vertical-align: top; }