body {
	margin:0;
	padding:0;
	border:0;	
	width:100%;
	background:url(http://www.shop-shop.it/images/bordosu.gif) repeat-x #fff;
	color:#666;
 	font-family: arial, helvetica, sans-serif;
	min-width:600px; 
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
.romano ol{
list-style:lower-alpha;
}
.romano ul li{
list-style-type:lower-alpha;
}

ul {
	margin:0;
	padding:0;
	display:block;
}
ul li {
	margin:0;
	padding:0;
	line-height:1em;
}

ul li a {
	display:block;
	margin:0;
	text-decoration:none;
	position: relative;
	text-align:left;
}

/* Header styles */
#sopra{
width:100%;
background: url(http://www.shop-shop.it/images/fogliame4.gif) 10% 0 no-repeat transparent;
	font-size:75%;
}

#header {
	clear:both;
	width:75%;
	color:#f0f0f0;
height:250px;
margin-right:auto;
margin-left:auto;
}
#logo{
position:absolute;
top:10px;
left:15%;
}

#header ul {
float:right;
text-align:right;
	list-style:none;
	padding:0;
	margin-right:20px;
}
#header ul li {
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a:hover {
	text-decoration:underline;}
#header ul li a.active,
#header ul li a.active:hover {
	font-weight:bold;
}
#header img{
align:left;
border:0;
}

#header h1{
margin: 20px 0px 0px 0px;
padding:0;
float:right;
color:#fff;
font-family: "Palatino Linotype", Georgia, serif;
text-align:right;
font-weight:bold;
font-size: 4em;
line-height:90%;
}
#header h1 span{
font-size:50%;
}

h3{
color:#0080ff;
font-family:"Palatino Linotype", georgia, serif;
font-size:1.8em;
margin-bottom:50px;
line-height:80%;
}
h3 span{
color:#666;
font-family: arial, helvetica, sans-serif;
font-size:0.6em;
font-weight:normal;
line-height:0.8em;
}
h3 span a{
text-decoration:underline;
}

#voci{
position: absolute;
top: 170px;
right:10%;
font-size:90%;
height:32px;
}
#voci ul {
float:right;
	clear:both;
	list-style:none;
	padding:0;
}

#voci ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
.alleft img{
float:left;
}
#voci ul li a {
	display:block;
	float:right;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	position:relative;
	line-height:30px;
	background:url(http://www.shop-shop.it/images/voce-menu.gif) repeat-x transparent;
}

#voci ul li a:hover {
	text-decoration:none;
	background:url(http://www.shop-shop.it/images/questa-opzione.gif) repeat-x transparent;
}

.itr {
	background: #fff;
}
.itr img{
z-index:1;
}
.itr {
	position: relative;
	display: inline-block;
	top: 0.15em;
	line-height: 1.05;
	z-index:1;

}
a.itr:hover {
	border-width: 0; /* IE */
}

.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
	background:-moz-linear-gradient(#f9d835, #f3961c);
	background:-o-linear-gradient(#f9d835, #f3961c);
	background:linear-gradient(#f9d835, #f3961c);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* creates triangle */
.triangle-isosceles:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#f3961c transparent;
 /* reduce the damage in FF3.0 */
 display:block; 
 width:0;
}

.triangle-obtuse {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#fff;
	background:#075698;
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* TRIANGOLO OTTUSO BLU */
/* creates the wider right-angled triangle */
.triangle-obtuse:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:60px; /* controls horizontal position */
	border:0;
	border-right-width:30px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-style:solid;
	border-color:transparent #075698;
 /* reduce the damage in FF3.0 */
 display:block; 
 width:0;
}

.triangle-obtuse:after {
	content:"";
	position:absolute;
	bottom:-20px; 
	left:80px; 
	border:0;
	border-right-width:10px; 
	border-bottom-width:20px; 
	border-style:solid;
	border-color:transparent #fff;
 /* reduce the damage in FF3.0 */
 display:block; 
 width:0;
}


 .bpop {
	display: none;
}
a.itr:hover .bpop {
	display: block;
	position: absolute;
	left:-20px;
	top:-20px;
	width: 27em;
	padding: 0;
	font-size: 0.8em;
	z-index:5;
}
 .resize {
 width: 150px;
 height : auto;
 }

 .resize {
 width: auto;
 height : 107px;
 z-index: 100;
 }
 .resize2 {
 width: 150px;
 height : auto;
 }

 .resize2 {
 width: auto;
 height : 250px;
 }

#lingue {
	float:right;
	margin:0;
	text-align:center;
text-decoration:none;
}
#lingue ul {
float:right;
	clear:both;
	list-style:none;
	padding:0;
background:#fff;
font-size:90%;
}
#lingue ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#lingue ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	position:relative;
	line-height:1.3em;
	color:#000;
}


/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	width:75%;		
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2{
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.col2 a {
color:#333;
	text-decoration:none;
}
.col2 a:hover {
text-decoration:underline;
}

.col2{
padding-top: 1em;
}

.col1 h2{
color:#0080ff;
background:transparent;
font-family:"Palatino Linotype", georgia, serif;
font-size:2em;
display: inline;
line-height:80%;
}
.col1 h2 span{
display: inline;
color:#999;
background:transparent;
font-family: arial, helvetica, sans-serif;
font-weight:normal;
font-size:0.55em;
}

li.imma{
background-image: url(http://www.shop-shop.it/images/puntino.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

.cappello{
color:#0080ff;
background:transparent;
font-size:1em;
}

.col2 h2{
color:#0080ff;
background:transparent;
font-family:"Palatino Linotype", georgia, serif;
font-size:1.6em;
line-height:90%;
}

.unico{
background: url(http://www.shop-shop.it/images/unico2.gif) 50% 0 no-repeat transparent;
}

/* 2 Column (right menu) settings */

.rightmenu .colleft {
	right:25%;			/* right column width */
	border-right: 1px dotted #ccc;
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */

}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;
	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


.imm{
 height:100%;
 }

.w20em{
	width:20em;
}
.w7em{
	width:7em;
}

.w25{
width: 24.5%;
}
.w30{
width:30%;
}
.w40{
width:39%;
}
.w50{
width:45%;
}
.w90{
width:95%;
}
.padtop50{
padding-top:50px;
}
.conbordo{
border: 1px dotted #ccc;
padding: 5px;
}

.senzabordo{
border:0;
}
.conbordosx{
border-left: 1px dotted #ccc;
}

.imm25{
 float: left;
 height:100%;
 width: 24.5%;
padding-top:50px;
 }

.inimm{
margin: 0.7em;
}

.inimm img{
border: 1px dotted #ccc;
margin-left:auto;
margin-right:auto;
}


.inimm a {
 color:#3399ff;
 text-decoration:none;
 }

/*
.inimm h2{
color:#0080ff;
font-family:"Palatino Linotype", georgia, serif;
font-size:3.8em;
}
*/
.spazio100 {
margin: 50px 0;
}

.spazio80 {
margin: 40px 0;
}

.spazio50 {
margin: 25px 0;
}

.spazio30 {
margin: 15px 0;
}

.spazio20 {
margin: 10px 0;
}
.spazio10 {
margin: 5px 0;
}

.clearboth{
clear:both;
}


.titolo{
float:right;
width:75%;
margin-top: 2em;
margin-bottom:1em;
text-align:right;
}

img.center {
display: block; 
margin-left: auto; 
margin-right: auto; 
}

#footer {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	font-color:#999;
	font-size:90%;
	text-align:center;
	background:url(http://www.shop-shop.it/images/bordosu.gif) repeat #fff;
}


.coltop{
color:#333;
font-size:bold;
}

.coltop2{
margin-top:-5em;
color:#333;
font-size:bold;
}
.coltop3{
margin-top: -2em;
color:#333;
font-size:bold;
}

.coltop4{
margin-top: -10em;
color:#333;
font-size:bold;
}
.coltop5{
margin-top: -4em;
color:#333;
font-size:bold;
}


.colo2{
margin-left: 20%;
}
.colo3{
margin-left:40%;
}

.colo4{
margin-left: 60%;
}

.colo5{
margin-left:80%;
}

#sotto{
width:80%;
margin-left:auto;
margin-right:auto;
}

#sotto ul, li{
list-style: none;
}
fieldset {
text-align:center;
border: 1px solid #ccc;
background: #f9f9f9;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding:0.2em 0.5em;
height:1.8em;
margin:3em 0;
}

.imm fieldset {
text-align:center;
border: 1px solid #ccc;
background: #f9f9f9;
color:#fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding: 0;
width:50%;
height:5em;
margin-right: auto;
margin-left:auto;
}
.imm input{
background:#e0e0e0;
color:#333;
}


.blu {
padding:5px;
text-align:center;
border: 1px inset #f0f0f0;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

.blu img{
border:0;
padding:5px;
}
.ombrettagrigia {
	padding: 5px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ombrettagrigia img{
border:0;
padding:5px;
}

.ombrettablu {
	padding: 5px;
	border: 1px solid #ecf5ff;
	border-bottom: 2px solid #bbddff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ombrettablu img{
border:0;
padding:5px;
}
.grigetto{
background:#f6f6f6;
color:#333;
}

.ral3003{
background: #870a24;
color:#fff;
}
										
.ral9017{
background:#1b191d;
color:#fff;
}
				
.ral1023{
background:#f2bf00;
}

.ral1028{
background:#ffa600;
}
.ral3001{
background:#a0001c;
color:#fff;
}

.ral6018{
background:#4b9b3e;
}

.ral4003{
background:#ca5b91;
color:#fff;
}

.ral4005{
background:#7e63a1;
color:#fff;
}

.ral4006{
background:#912d76;
color:#fff;
}

.ral5005{
background:#004389;
color:#fff;
}

.nero{
background:#000;
color:#fff;
}

.rosso{
background:#d90f2e;
color:#fff;
}
.rosso2{
width:50%;
margin-left:auto;
margin-right:auto;
padding:5px;
background:#d90f2e;
color:#fff;
text-align:center;
font-family: "Palatino Linotype", Georgia, serif;
font-size:120%;
font-weight:bold;
}

.azzurro{
background:#004b97;
color:#fff;
}

.celeste{
background:#e8f3ff;
color:#333;
}
.grigio{
background:#808080;
color:#fff;
}

.argento{
background: url(http://www.shop-shop.it/images/argento.jpg) #c0c0c0;
}

.centro{
width:80%;
text-align:center;
margin-right:auto;
margin-left:auto;
border: 1px dotted #ccc;
}

table.prezzi {
width:90%;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-collapse: collapse;
}

table.prezzi th, td {
border: 1px dotted #ccc;
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
}

.table .tabral td{
padding:30px 20px;
}
.risopra{
text-decoration:overline;
}
.dx{
text-align:right;
}
.sx{
text-align:left;
}
.cen{
text-align:center;
}
.flodx{
float:right;
}
.flosx{
float:left;
}
.rigadx{
border-right: 1px dotted #ccc;
}
.rigasx{
border-left: 1px dotted #ccc;
}
.sottolineato a{
text-decoration:underline;
}
.pad10{
padding:10px;
}
.tgrigio{
color:#ccc;
background:transparent;
} 
.tgrigio{
color: #666;
background:transparent;
}