@font-face {
	font-family: 'ReenieBeanieRegular';
	src: url('reeniebeanie-webfont.eot');
	src: local('☺'), url('reeniebeanie-webfont.woff') format('woff'), url('reeniebeanie-webfont.ttf') format('truetype'), url('reeniebeanie-webfont.svg#webfontBMSHGeX0') format('svg');
	font-weight: normal;
	font-style: normal;
}



* {
padding: 0px;
margin: 0px;
}

body {
background: #000 url(immagini/sfondo6.png) repeat-x;
text-align: center;
font-family: sans-serif;
text-shadow: 0px 1px 0px #aaa;
}

a {
text-decoration:none;
color: #b00019;
}

h2 {
font-family: ReenieBeanieRegular, arial, serif;
font-size: 30px;
line-height: 20px;
padding: 0px;
margin: 0px;
}

#principale {
text-align: center;
width: 820px;
margin: 0 auto;
}

#pre-header {
background:  url(immagini/sfondo-preheader.png) no-repeat;
width: 780px;
height: 150px;
margin: auto;
}

.pre-head-logo {
background: url(immagini/logo-rewal-5-trans.png);
width:255px;
height:109px;
display:block;
margin: auto;
font-size: 0.1px;
position:relative;
top:20px;
line-height: 999px; /* Set it higher than your image height */
overflow: hidden; /* Hide the text */
font-size: 0; /* FF2 doesn’t like the above */
}


#ombra {
width: 780px;
text-align: left;
padding: 0px;
position: relative;
margin: 0 auto;
}


#barra-top {
width: 770px;
height: 25px;
background: url(immagini/barra-top.png) no-repeat;
padding: 0 5px;
color: #fff;
z-index: 30000;
border-top: 0px solid #333;
margin:auto;
}



#galleria {
width: 780px;
height: 300px;
overflow: hidden;
}

.galleria-captions {
text-shadow: 0px 1px 1px #888;
}

#elementi-head {
z-index: 30000;
}

#logo-rewal {
position: absolute;
background: url(immagini/logo-rewal-trans.png) no-repeat;
width: 228px;
height: 52px;
top: 33px;
left: 5px;
z-index: 30000;
}

#logo-rewal a {
display: block;
width: 228px;
height: 45px;
z-index: 30000;
}

#dal1960 {
width:115px;
height:52px;
background: url(immagini/dal1960-trans.png) no-repeat;
position: absolute;
top: 185px;
left: -18px;
z-index: 30000;
}

#hq---vecchio {
width:60px;
height:60px;
background: url(immagini/hq-bianco-small-trans.png) no-repeat;
position: absolute;
top: 45px;
left: 700px;
z-index: 30000;
}

#hq-left---originale {
width:60px;
height:90px;
background: url(immagini/hq-bianco-small-trans.png) no-repeat;
position: absolute;
top: 125px;
left: 20px;
z-index: 30000;
}

#hq-left {
width:172px;
height:136px;
background: url(immagini/motto.png) no-repeat;
position: absolute;
top: 35px;
left: 16px;
z-index: 30000;
}

#hq-big {
width:242px;
height:260px;
background: url(immagini/hq-nero-trans.png) no-repeat;
position: absolute;
top: 65px;
left: 500px;
z-index: 30000;
}


#spalla {
width: 210px;
height: 300px;
position: absolute;
top: 25px;
right: 10px;
background: url(immagini/spalla-trans.png) no-repeat;
z-index: 30000;
}


a.pulsante-spalla {
width: 209px;
height: 84px;
background: url(immagini/pulsante-spalla.png) top left;
display:block;
margin:10px 0 10px 0;
font-size: 26px;
text-align:center;
line-height: 84px;
cursor:pointer;
color: #fff;
font-weight: bold;
text-shadow: 0px 1px 1px #555;
font-family: ReenieBeanieRegular, arial, serif;
text-transform: capitalize;
}

a.pulsante-spalla:hover {
background: url(immagini/pulsante-spalla.png) 0 107px;
}


#ombracontent {
background: url(immagini/ombracontent-trans.png) bottom no-repeat;
position: absolute;
top: 295px;
height: 30px;
width: 780px;
z-index: 30000;
}

#contenuti {
width: 780px;
background: #880000 url(immagini/sfondo-menu.jpg) repeat-x;
overflow: hidden;
}

.colonnasinistra {
width: 40%;
float: left;
}

.colonnadestra {
width: 50%;
float: right;
padding: 10px 0;
}


#prefoot {
width: 780px;
height: 31px;
background: url(immagini/prefoot.png) no-repeat;
position: relative;
top: -5px;
}

#footer {
width:740px;
margin:auto;
background: #000 url(immagini/sfondo6.png) repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color:#fff;
text-shadow: 0px 1px 0px #000;
border: 1px solid #333;
padding: 0 20px;
}


#footer .colonnadestra {
border-left: 1px solid #333;
text-align:center;
}


/*
----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
*/

hr {
height: 2px;
background: transparent url(immagini/riga-trans.png) repeat-x;
border: 0px;
}

.cl {
clear: both;
width: 1px;
height: 1px;
}

.left {
float: left;
}

.right {
float: right;
}

.spazio8 {
height: 8px;
line-height: 8px;
font-size: 8px;
}

.nascosto {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: -10px;
color: #fff;
}

.piccolo {
font-size: 12px;
}

.molto-piccolo {
font-size: 8px;
}

#prefoot b {
color: #aaa;
}

#barra-top a {
color: #fff;
text-decoration: none;
line-height: 24px;
font-size: 12px;
margin: 0px 10px;
height: 20px;
overflow: hidden;
text-shadow: none;
}

#barra-top a:hover {
color: #a00;
}

#barra-top a.button {
display: block;
padding: 1px 3px;
border: 1px solid #fff;
height: 13px;
line-height: 13px;
position:relative;
top: 3px;
font-size: 10px;
}



#prefoot .colonnadestra, #prefoot .colonnasinistra {
position: relative;
padding-left: 20px;
color: #888;
}

.mappina {
width:250px;
padding: 10px;
border: 1px solid #454545;
margin: 10px 0;
background: #222;
}

.preventivo {
background: url(immagini/invia-small-trans.png) no-repeat;
width: 320px;
height: 77px;
display:block;
position: relative;
margin: 0 auto;
}

.leftsmallbox {
float: left;
width: 150px;
border-right: 1px solid #222;
}

.rightsmallbox {
float: right;
padding-right: 10px;
text-align: right;
}



/*
----------------------------------------------------------------------------------

TAB CONTENUTI

----------------------------------------------------------------------------------
*/

.interno-tab {
padding:10px;
}

#naviga-contenuti2 .tswTabBox {
	list-style: none;
	height: 39px;
	line-height:39px;
	padding: 0 0 0 20px;
	margin: 0px;
	overflow:hidden;
	z-index: 5;
	position:relative;
	top: 1px;
}

#naviga-contenuti2 .tswTabBox li {
	float: left;
	text-align: center;
	color: #fff;
	font-family: Arial;
	font-size: 12.0px;
	font-weight: bold;
	height: 39px;
	line-height:39px;
	padding: 0 20px;
	z-index: 5;
	position:relative;
}


#naviga-contenuti2 .tswTabBox li:hover {
	background: url(immagini/menu-selezionato-trans.png) top center;
	z-index: 5;
}


#naviga-contenuti2 .tswTabBox li div.tswTabOuterDiv {
}

#naviga-contenuti2 .tswTabBox li div div {
	width: 80px;
}

#naviga-contenuti2 .tswTabBox li a {
color: #fff;
text-shadow: 1px -1px 0px #500;
}

#naviga-contenuti2 .tswTabBox li a:hover {
	display: block;
	background: url(immagini/menu-selezionato-trans.png) top center;
	z-index: 5;
	position:relative;
}

#naviga-contenuti2 .tswTabBox li.tswTabSelected {
	background: url(immagini/menu-selezionato-trans.png) bottom center;
	color: #fff;
	height: 39px;
	line-height:39px;
}


#naviga-contenuti2 .tswTabBox li.tswTabSelected div.tswTabOuterDiv {
}

#naviga-contenuti2 .tswTabBox li.tswTabSelected div div {
	z-index: 5;
}

#naviga-contenuti2 .tswTabBox li.tswTabSelected a {
}



.content-top {
	background: url(immagini/contenuto-top.jpg) repeat-y;
	width: 760px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: -16px;
	z-index: 1;
}





.tswTabContent {
	width: 730px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 15px;
}

#naviga-contenuti2 .tswTabContent {
	clear: both;
	position: relative;
	top: -35px;
	background: url(immagini/contenuto-bg.jpg) repeat-y;
}

#naviga-contenuti2 .tswTabContent div.tswTabContentUnselected, #naviga-contenuti2 .tswTabContent div.tswTabContentSelected {
	display: none;
	visibility: hidden;
	color: #49413e;
}

#naviga-contenuti2 .tswTabContent div.tswTabContentSelected {
	position: static;
	display: block;
	visibility: visible;
	zoom: 1; /*for IE*/
}

.content-bottom {
	background: #800 url(immagini/contenuto-bottom.jpg) no-repeat;
	width: 760px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: -35px;
	z-index: 1;
}


/*
----------------------------------------------------------------------------------

SLIDESHOW

----------------------------------------------------------------------------------
*/




/*
----------------------------------------------------------------------------------

TESTO

----------------------------------------------------------------------------------
*/

.testo {
font-size: 14px;
color: #555;
}

.img-paragrafo {
float:left;
width:80px;
margin:0;
}

p.vantaggio {
width: 170px;
margin: 0 10px 20px 10px;
float:left;
}


.etichetta {
width: 325px;
height:125px;
display:block;
font-size: 0.1px;
color: transparent;
text-indent: -9999;
overflow:hidden;
float:left;
background: url(immagini/ombra-elementi-300px.png) no-repeat;
background-position: 15px 110px;
padding-bottom:35px;
border:0;
text-decoration:none;
}

.etichetta:hover {
position:relative;
top:4px;
left:2px;
background-position: 15px 105px;
}


/*
----------------------------------------------------------------------------------

GALLERIA REALIZZAZIONI

----------------------------------------------------------------------------------
*/

div.raccolta {
padding: 15px;
border-top: #fff 1px solid;
border-bottom: #ccc 1px solid;
border-left: 0;
border-right: 0;
margin: 10px auto -10px auto;
background: #f3f3f3;
}

div.primaraccolta {
border-top: #ccc 1px solid;
}

div.raccolta h2 {
padding: 5px 0;
text-transform:lowercase;
}

a.raccolta {
padding: 3px 3px 0px 3px;
border: #ddd 1px solid;
float: left;
margin: 10px 11px 10px -5px;
}

a.raccolta:hover {
background:#eee;
}



/* Rewalinox: keep the original desktop layout and fit the existing pages on phones. */
@media (max-width: 820px) {
  #principale { width: 100% !important; margin: 0 !important; }
  #pre-header, #ombra, #header, #barra-top, #galleria,
  #contenuti, #naviga-contenuti2, #prefoot {
    width: 100% !important; box-sizing: border-box;
  }
  #pre-header { height: 120px; }
  #galleria { height: 180px !important; }
  #spalla {
    position: relative !important; left: auto !important; right: auto !important;
    top: auto !important; width: 100% !important; height: auto !important;
    display: flex; flex-wrap: wrap;
  }
  a.pulsante-spalla {
    width: auto !important; height: auto !important; background: #444 !important;
    flex: 1 1 auto; padding: 12px 8px !important; margin: 0 !important;
    box-sizing: border-box; text-align: center; line-height: normal !important;
  }
  #ombracontent { display: none; }
  #naviga-contenuti2 .tswTabBox { height: auto; min-height: 39px; overflow: hidden; }
  .tswTabContent { box-sizing: border-box; width: calc(100% - 20px) !important; }
  .interno-tab { box-sizing: border-box; width: 100% !important; }
  .interno-tab .colonnasinistra, .interno-tab .colonnadestra {
    float: none !important; width: 100% !important;
  }
  .interno-tab h4 {
    box-sizing: border-box; max-width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
  }
  iframe { max-width: 100% !important; }
  iframe[title="Contattaci"] { height: 900px !important; }
  #footer { box-sizing: border-box; width: 100% !important; margin: 0 !important; padding: 20px !important; }
  #footer .colonnasinistra, #footer .colonnadestra { float: none !important; width: 100% !important; }
  .content-top, .content-bottom { max-width: 100%; }
}