/*id struttura sito*/
#topsx {
    float: left;
    width: 200px;
    height: 100px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../img/logo_top.jpg');}

#topcenter {
    float: left;
    width: 330px;
    height: 100px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../img/barre_top.jpg');}

#topdx {
    float: left;
    width: 250px;
    height: 100px;
    position: relative;
    color: #000000;
    background-color: #878773;}

#titcontatti {
    width: 240px;
    height: 14px;
    position: relative;
    text-align: right;
    padding: 10px 10px 0 0;}

#topcontatti {
    width: 240px;
    position: relative;
    padding: 30px 10px 10px 0;
    color: #FFFFFF;
    text-align: right;
    vertical-align: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #878773;}

#topmenusx {
    float: left;
    width: 200px;
    height: 24px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../img/logo_bottom.jpg');}

#topmenudx {
    float: right;
    height: 24px;
    position: relative;}

#topmenu2sx {
    float: left;
    width: 762px;
    height: 26px;
    position: relative;
    color: #FFFFFF;
    background-color: #878773;}

#topmenu2benve {
    float: left;
    position: relative;
    padding-top: 7px;
    padding-left: 10px;}

#topmenu2 {
    float: right;
    height: 26px;
    position: relative;}

#topmenu2dx {
    float: left;
    width: 18px;
    height: 26px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../img/chiusura_riga_menu_top.jpg');}

#topriga {
    width: 780px;
    height: 4px;
    position: relative;
    padding-top: 3px;
    font-size: 1px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url('../../img/sottoriga_menu_top.jpg');
    clear: both;}

#colonnasx {
    float: left;
    width: 200px;
    position: relative;
    margin-top: 10px;}

#sottomenusx {
    width: 200px;
    position: relative;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url('../../img/sfondo_bd_colore1.jpg');}

#titoloprodotti {
    width: 190px;
    height: 15px;
    position: relative;
    padding: 10px 0 10px 10px;}

#menusinistra {
    width: 190px;
    position: relative;
    margin-left: 10px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFB900;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;}

#menusinistra2 {
    width: 180px;
    position: relative;
    margin-left: 10px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFB900;
    font-size: 10px;
    font-weight: bold;
    background-color: #878773;}

#menusinistra3 {
    width: 170px;
    position: relative;
    margin: 0 0 8px 10px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFB900;
    font-size: 10px;
    font-weight: bold;
    background-color: #878773;}

#newsletter {
    width: 170px;
    position: relative;
    padding: 10px 10px 10px 0;
    color: #878773;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    background-color: #D2D3B4;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url('../../img/sfondo_bs_colore2.jpg');}

#titnewsletter {
    width: 170px;
    height: 15px;
    position: relative;
    padding: 0 0 10px 0;}

#pagina {
    float: left;
    width: 570px;
    position: relative;
    margin: 10px 0 0 10px;
    text-align: left;}

#rigapercorso {
    width: 570px;
    height: 4px;
    position: relative;
    margin-top: 3px;
    font-size: 1px;
    background-repeat: no-repeat;
    background-image: url('../../img/sottoriga_menu_top.jpg');}

#testopagina {
    float: left;
    width: 380px;
    position: relative;
    margin-top: 10px;
    text-align: justify;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #878773;
    font-size: 11px;
    background-color: #FFFFFF;}

#colonnadx {
    float: left;
    width: 180px;
    position: relative;
    margin: 10px 0 0 10px;
    text-align: right;}

#infodx {
    width: 160px;
    position: relative;
    padding: 10px 10px 10px 10px;
    color: #878773;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    background-color: #d2d3B4;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url('../../img/sfondo_bs_colore2.jpg');}

#infodx a:link {color: #878773; text-decoration: underline; font-weight: bold; background-color: #d2d3B4;}
#infodx a:visited {color: #878773; text-decoration: underline; font-weight: bold; background-color: #d2d3B4;}
#infodx a:hover {color: #FFB900; text-decoration: underline; font-weight: bold; background-color: #d2d3B4;}

#titinfodx {
    width: 160px;
    height: 15px;
    position: relative;
    padding: 0 0 10px 0;}

#portfoliodx {
    width: 165px;
    position: relative;
    padding: 10px 10px 10px 5px;
    color: #878773;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    background-color: #D2D3B4;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url('../../img/sfondo_bs_colore2.jpg');}

#titportfoliodx {
    width: 160px;
    height: 15px;
    position: relative;
    padding: 0 0 10px 0;}

#portfolioicone {
    width: 165px;
    position: relative;}

.portfolioicona {
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    padding-left: 5px;
    padding-bottom: 5px;}


#paginabottom {
    width: 570px;
    height: 70px;
    position: relative;}

#icone {
    float: left;
    width: 380px;
    height: 60px;
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    background-color: #878773;}

.galleriaicona1 {
    float: left;
    width: 60px;
    height: 60px;
    position: relative;}

.galleriaicona2 {
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    padding-left: 4px;}

#barrebottom {
    float: left;
    width: 180px;
    height: 68px;
    position: relative;
    margin-left: 10px;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url('../../img/barre_bottom.jpg');}

#bottomsx {
    float: left;
    width: 69px;
    height: 63px;
    position: relative;
    margin: 10px 0 5px 0;
    text-align: left;
    color: #000000;
    background-color: #FFB900;
    clear: both;}
 
#bottomdx {
    float: left;
    width: 708px;
    height: 63px;
    position: relative;
    margin: 10px 0 5px 3px;
    text-align: left;}

#bottomtesto {
    width: 702px;
    height: 31px;
    position: relative;
    padding-top: 7px;
    padding-right: 6px;
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #D2D2B8;
    font-size: 10px;
    background-color: #878773;}

#bottomriga {
    width: 708px;
    height: 4px;
    position: relative;
    margin-top: 3px;
    font-size: 1px;
    background-repeat: no-repeat;
    background-image: url('../../img/sottoriga_bottom.jpg');}

/*classi spazi e righe colorate*/

.spazio2px {
    width: 100%;
    height: 2px;
    position: relative;
    font-size: 1px;
    background-color: #ffffff;
    clear: both;}

.spazio3px {
    width: 100%;
    height: 3px;
    position: relative;
    font-size: 1px;
    clear: both;}

.spazio5px {
    width: 100%;
    height: 5px;
    position: relative;
    font-size: 1px;
    clear: both;}

.spazio8px {
    width: 100%;
    height: 8px;
    position: relative;
    font-size: 1px;
    clear: both;}

.spazio10px {
    width: 100%;
    height: 10px;
    position: relative;
    font-size: 1px;
    clear: both;}

.rigamenu {
    width: 154px;
    height: 4px;
    position: relative;
    margin: 5px 0px;
    font-size: 1px;
    background-repeat: no-repeat;
    background-image: url('../../img/riga_165_con_colore1.jpg');}

.vocemenutop {
    float: left;
    height: 10px;
    position: relative;
    margin-top: 7px;
    padding-left: 30px;}

.vocemenutop2 {
    float: left;
    height: 26px;
    position: relative;
    padding-left: 10px;}

.vocemenubottom {
    float: left;
    height: 10px;
    position: relative;
    padding-left: 10px;}

/*caratteri*/

.topgiallo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFB900;
    font-size: 10px;
    font-weight: bold;}

.topbenvenuto {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFB900;
    font-size: 12px;
    font-weight: bold;
    background-color: #878773;}

.percorsogiallo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFB900;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;}

.percorsogrigio {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #878773;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;}

.titologiallo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFB900;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;}

.titologrigio {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #D2D2B8;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;}

.titolobianco {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    background-color: #878773;}
.titolobianco a:link {color: #FFFFFF; text-decoration: none; background-color: #878773;}
.titolobianco a:visited {color: #FFFFFF; text-decoration: none; background-color: #878773;}
.titolobianco a:hover {color: #D2D2B8; text-decoration: none; background-color: #878773;}

.testogrigio {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #878773;
    font-size: 10px;}

.menubottom {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #D2D2B8;
    font-size: 9px;
    font-weight: bold;
    background-color: #FFFFFF;}
.menubottom a:link {color: #D2D2B8; text-decoration: none; background-color: #FFFFFF;}
.menubottom a:visited {color: #D2D2B8; text-decoration: none; background-color: #FFFFFF;}
.menubottom a:hover {color: #878773; text-decoration: none; background-color: #FFFFFF;}

a.contatti:link {color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #878773;}
a.contatti:visited {color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #878773;}
a.contatti:hover {color: #FFB900; text-decoration: none; font-weight: bold; background-color: #878773;}

a.percorso:link {color: #878773; text-decoration: none; font-weight: bold;}
a.percorso:visited {color: #878773; text-decoration: none; font-weight: bold;}
a.percorso:hover {color: #FFB900; text-decoration: none; font-weight: bold;}

a.menusx:link {color: #ffffff; text-decoration: none; font-weight: bold; background-color: #878773;}
a.menusx:visited {color: #ffffff; text-decoration: none; font-weight: bold; background-color: #878773;}
a.menusx:hover {color: #FFB900; text-decoration: none; font-weight: bold; background-color: #878773;}

a.menusx1:link {color: #FFB900; text-decoration: none; font-weight: bold; background-color: #878773;}
a.menusx1:visited {color: #FFB900; text-decoration: none; font-weight: bold; background-color: #878773;}
a.menusx1:hover {color: #FFB900; text-decoration: none; font-weight: bold; background-color: #878773;}

/*righe*/

.rigastd4px {
    width: 100%;
    height: 4px;
    position: relative;
    font-size: 1px;
    background-color: transparent;
    clear: both;}

.rigastd5px {
    width: 100%;
    height: 5px;
    position: relative;
    font-size: 1px;
    background-color: transparent;
    clear: both;}