/*
-----------------------------------------------
Axiomenet Template Style
Name:     Admin
Designer: LWE
Url:      www.axiomenet.it
Date:     02 novembre 2010
----------------------------------------------- */
html, body
{
	background-color:#333333;
	height: 100%;
    margin: 0px;
}
form
{
    margin: 0px;
}
img
{
	border-width: 0px;
}
p
{
    margin:0px;
    font-family:Verdana, Arial;
    font-size: 15px;
    color:#000000;
    text-align:left;
}
ul
{
    font-family:Verdana, Arial;
    font-size: 15px;
    color:#000000;
    text-align:left;
}
textarea, select
{
	border: solid 1px gray;
    font-family:Verdana, Arial;
    font-size: 12px;
    color:#000000;
    text-align:left;
}
.IE8Fix
{
 z-index: 900;
}

/* -------------------- classi elementi -------------------- */
.pulsante
{
	background-color: #cccccc;
	border: solid 1px gray;
    margin: 0px;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
}
.radio
{
	border-width: 0px;
	background-color: transparent;
}
.celleheader
{
	background-color: #002f4f;
}

/* -------------------- classi template -------------------- */
#contenitore
{
	background-color:#FFFFFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	margin: 0px auto 0px auto;
	min-height:100%; /* real browsers */
	overflow:auto;
    width: 990px;
}
#sopraheader
{
	background-color: #333366;
	height:40px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 0px 10px;
    width: 950px;

	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#header
{
    height:80px;
    overflow:auto;
    width: 100%;
}
#sottoheader
{
	/*border: solid 1px red;*/
	background-color:#0099FF;
	height:200px; background-image:url(img/header.jpg); background-position:left top; background-repeat:no-repeat; position:relative;
	overflow:hidden;
    width: 100%;
}
#corpocentrale
{
	/*border: solid 1px red;*/
	margin: 20px;
	overflow: auto;
	height: 100%;
    /*width: 940px;*/
}
#menulaterale1
{
	float:left;
    margin: 0px 10px 10px 0px;
    width:150px;
}
#menulaterale2
{
	display:none;
}
#corpo
{
    display:block;
    float:right;
    overflow:auto;
    width: 750px;
}
#prefooter
{
	background-color: #333366;
	height:180px;
	overflow: auto;
}

	.prefooter_block
	{
		border-left: dotted 1px #FFFFFF;
		float:left;
		line-height: 20px;
		margin:20px 10px 20px 20px;
		padding-left:10px;
		text-align:left;
		width:20%;
	}
	.prefooter_block h3
	{
		/*border-bottom: dotted 1px #333366;*/
		COLOR: #FFFFFF;
		FONT-FAMILY: Verdana;
		FONT-SIZE: 12px;
		margin:0px;
		TEXT-DECORATION: none;
		text-shadow: 1px 1px 2px #000;
	}
	.prefooter_block a
	{
		FONT-SIZE: 12px;
		COLOR: #FFFFFF;
		FONT-FAMILY: Verdana;
		line-height: 20px;
		TEXT-DECORATION: none;
	}
	.prefooter_block a:hover
	{
		FONT-SIZE: 12px;
		COLOR: #FFCC33;
		FONT-FAMILY: Verdana;
		TEXT-DECORATION: none;
	}

#footer
{
	background-color: #242447;
	height: 20px;
	padding: 10px;
	text-align: left;
}
#menu
{
	border-bottom: solid 1px #999999;
	float:right;
	font-variant:small-caps;
	margin-top: 80px;
	margin-right: 20px;
	text-align: right;
	width: 680px;
}
#menu a
{
	color: #AAAAAA;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-variant:small-caps;
	margin-right: 30px;
	text-decoration: none;
}

/* -------------------- altri elementi -------------------- */
div.boxhome
{
	border: solid 1px #DDDDDD;
	display:block;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 15px;
	text-align:left;
	width: 195px;
}
img.boxhome
{
	border-width: 0px;
	float: left;
}
h1.boxhome
{
	font-family: Arial, Verdana;
	font-size: 25px;
	margin: 0px;
	padding:0px;
	text-align:left;
	text-decoration: none;
}
a.boxhome
{
	color: #999999;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-variant:small-caps;
	text-align:left;
	text-decoration: none;
}
a:hover.boxhome
{
	color: #999999;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-variant:small-caps;
	text-align:left;
	text-decoration: none;
}
.fumetto
{
	border: solid 1px #DDDDDD;
	/*background-color: #ffff99;
	height:40px;*/
	margin: 0px auto 0px auto;
	padding: 10px;

	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* -------------------- classi testi -------------------- */
.titoloisp
{
    FONT-SIZE: 25px;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
.menu
{
    color: #999999;
	font-family: Verdana, Arial;
    font-size: 13px;
	font-variant:small-caps;
	text-decoration: none;
}
.menu A:hover
{
    color: #DDDDDD;
    FONT-SIZE: 13px;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
.bianco
{
	font-size: 11px;
    color: #ffffff;
	font-family: Verdana, Arial;
	text-decoration: none;
    text-shadow: 1px 1px 2px #000;
}
.bianco  A:hover
{
    color: #FFCC33;
}
.titolo
{
	font-size: 14px;
    color: #333366;
	font-family: Verdana, Arial;
	text-decoration: none;
}
.titolo A:hover
{
    color: #ff9900;
}
.testo
{
    color: #333333;
	font-family: Verdana, Arial;
	font-size: 12px;
	text-decoration: none;
}
.testo A:hover
{
    color: #000000;
    text-decoration: underline;
}
.testo b
{
    COLOR: #242447;
	text-decoration: none;
}
h1
{
	border-bottom: solid 2px #333366;
	color: #000000;
	font-family: Verdana, Arial;
	font-size:15px;
	font-weight:normal;
    margin:0px;
	text-decoration: none;
}

/*#sidemenu
{
	border-bottom: solid 1px #BBBBBB;
	float:right;
	margin-top: 80px;
	margin-right: 20px;
	text-align: right;
	width: 680px;
}
#sidemenu a
{
	color: #BBBBBB;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-variant:small-caps;
	margin-right: 30px;
	text-decoration: none;
}
.titolo
{
    FONT-SIZE: 15px;
    COLOR: #0099ff;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
.titolo A:hover
{
    FONT-SIZE: 15px;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}
.testopiccolo
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}*/

/* -------------------- classi immagini -------------------- */
.icona16
{
	border-width:0px;
	width:16px;
}
.icona32
{
	border-width:0px;
	width:32px;
}
.icona64
{
	border-width:0px;
	width:64px;
}
.imgprodotto
{
	border-width:0px;
	float:left;
	margin: 0px 10px 10px 0px;
}
.img-destra
{
	border-width:0px;
	float:right;
	margin-left: 10px;
}
.img-sinistra
{
	border-width:0px;
	float:left;
	margin-right: 10px;
}

/* -------------------- div sovrapposto -------------------- */
div.contieniover
{
    position:fixed;
    z-index:10;
    width:100%;
    height:100%;
}
div.scuro
{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000000;
    z-index:11;

    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}
div.chiaro
{
    position:absolute;
    z-index:12;
    margin-top:100px;
    width:100%;
}

/* -------------------- div proteggi immagine -------------------- */
div.picture
{
	border: solid 1px #DDDDDD;
	/*border: solid 5px #bcbdc0;*/
    position:relative;
    overflow:hidden;
	float:left;
	margin-right: 10px;
	padding:10px;
    }
div.picture img
{
    display:block;
	/*width:380px;
    padding:4px*/
    }
div.picture span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/icon_zoom.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    } 
    
/* -------------------- tabella carrello -------------------- */
table.carrello
{
    border: solid 1px #CCCCCC;
    border-collapse:collapse;

    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
td.carrello
{
    border: solid 1px #CCCCCC;
    border-collapse:collapse;
}

/* -------------------- classe animazione -------------------- */
.flipped
{
    filter:alpha(opacity=30); 
    -moz-opacity: 0.3; 
    opacity: 0.3;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}