@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1001px) {
body {
	width:1248px;
	height:1024px;
  background: linear-gradient(to right, #F6EFD2, #CEAD78);
  overflow:hidden;
	background-repeat:no-repeat;
}
/******************************sfondo******************************************/

a.log {
	position:absolute;
	top:5%;
	left:2.5%;
	width:150px;
	height:150px;
	background-image:url(img/logo.png);
	background-size:contain;
	box-shadow:8px 8px 8px #666;
}


a.log:hover, a.log:focus, a.log:active {
	box-shadow:4px 4px 4px #666 inset;
}
/********************************logo******************************************/
.marquee {
	height:40px;
	width: 70%;
	overflow: hidden;
	position: absolute;
	left:15%;
	top:3%;
	/*background-image: linear-gradient(rgba(255,255,50,0), rgba(255,255,50,1), rgba(255,255,50,0));*/
}

.marquee div {
	display: block;
	width:200%;
	height: 40px;
	position: absolute;
	overflow: hidden;
	animation: marquee 35s linear infinite;
	font-size:1.9em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#0000ff;
	text-shadow: 1px 1px 3px #555;
}

@keyframes marquee {
	0% { left: 80%; color:blue;}
	/*25% { color: red;}
	50% { color: blue;}
	75% { color: red;}*/
	100% { left:-180%; color:red;}
}

.marquee div::first-letter {
	text-transform:uppercase;
	font-style:italic;
	font-weight: bold;
	font-size:1.2em;
}
/****************************scritta mobile************************************/
#pippo {
	position: absolute;
	top: 0px;
	left: 15%;
	height: 90%;
	width: 85%;

}

.tvs {
  position:relative;
  top:35%;
  left:3%;
  width:16%;
  height:30%;
  border:1px solid #000;
  box-shadow:4px 4px 2px #aaa inset;
}


.info {
  height: 100%;
}

li.info {
  position:relative;
  left: 0px;
  width: 80%;
  height: 13%;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  vertical-align: middle;
	list-style: none;
}

.info a:link {
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 1em;
  color: #000;
  text-align: right;
  text-decoration: none;
}
/**********************tvs piu scritte interne*********************************/

.copyright {
	 	position:absolute;
		bottom:5%;
		left:40%;
		font-family: "Lucida Sans Unicode", "Lucida Grande", "Verdiana";
		font-size:0.9em; 		color:#000;
		font-style:italic;
		font-weight:bold;

}

.copyright a {
	text-decoration:none;
	color:#000;
}

/******************************copyright***************************************/
.area_info img, .telefonia img, .consumabili img, .cancelleria img, .accessori img {
	width:100%;
	height:100%;
}

.telefonia, .consumabili, .cancelleria, .accessori, .area_info {
	width:25%;
	height:auto;
	font-size:1.6em; color: #3543E0;
	font-style:italic;
	font-weight:bold;
	text-shadow:6px 6px 5px #808080;
}

.area_info {
	position:absolute;
	top:30%;
	left:2%;
}

.telefonia {
	position:absolute;
	top:10%;
	left:35%;
}

.consumabili {
	position:absolute;
	top:30%;
	right:2%;
}

.cancelleria {
	position:absolute;
	bottom:10%;
	left:35%;
}

.accessori {
	position:absolute;
	bottom:32%;
	left:27%;
}

.area_info2 img, .telefonia2 img, .consumabili2 img, .cancelleria2 img, .accessori2 img {
	width:100%;
	height:100%;
}

.telefonia2, .consumabili2, .cancelleria2, .accessori2, .area_info2 {
	width:20%;
	height:auto;
	font-size:1.6em; color: #3543E0;
	font-style:italic;
	font-weight:bold;
	text-shadow:6px 6px 5px #808080;
}

.area_info2 {
	position:absolute;
	top:40%;
	left:10%;
}

.telefonia2 {
	position:absolute;
	top:20%;
	left:40%;
}

.consumabili2 {
	position:absolute;
	top:40%;
	right:3%;
}

.cancelleria2 {
	position:absolute;
	bottom:10%;
	left:40%;
}

.accessori2 {
	position:absolute;
	bottom:32%;
	left:27%;
}

.informazione {
	position:absolute;
	top:7%;
	left:15%;
	width:70%;
	font-size:1.8em; color: #FF0;
	font-style:italic;
	font-weight:bold;
	text-shadow:4px 4px 4px #333;
	text-align:center;

}

.infotit {
	font-size:2em;
	text-align: center;
	display:block;
}
/***************************infotit prodotti***********************************/


.imgsx img, .imgcx img, .imgdx img {
	width:100%;
	height:100%;
}

.imgsx, .imgcx, .imgdx, .imgsxc, .imgdxc {
	width:20%;
	height:auto;
}
.imgsx {
	position:absolute;
	top:50%;
	left:10%;
}
.imgsxc {
	position:absolute;
	top:50%;
	left:16%;
}

.imgdx {
	position:absolute;
	top:50%;
	right:3%;
}

.imgdxc {
	position:absolute;
	top:50%;
	right:16%;
}

.imgcx {
	position:absolute;
	top:50%;
	left:42%;
}

.imgst {
	position:absolute;
	bottom:10%;
	right:43%;
	width:15%;
	height:auto;
	font-size:1.6em; color: #3543E0;
	font-style:italic;
	font-weight:bold;
	text-shadow:6px 6px 5px #808080;
}
/**************************imgsx imgdx imgcx***********************************/


.scrittasx, .scrittadx, .scrittacx, .scrittast {
	width:20%;
	font-size:2.1em; color: #F00;
	font-style:italic;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	text-align:center;
}

.scrittasx {
	position:absolute;
	top:30%;
	left:16%;
}

.scrittadx{
	position:absolute;
	top:30%;
	right:16%;
}

.scrittacx {
	position:absolute;
	top:30%;
	left:40%;
}

.scrittast {
		position:absolute;
		bottom:7%;
		right:40%;
		font-size:2.1em; color: #F00;
		font-style:italic;
		font-weight:bold;
		text-shadow:2px 2px 2px #333;
}

.scrittasx2, .scrittadx2, .scrittacx2, .scrittast2, .scrittadx3, .scrittacx3, .scrittast2 {
	width:20%;
	font-size:2.1em; color: #F00;
	font-style:italic;
	font-weight:bold;
	text-shadow:2px 2px 2px #333;
	text-align:center;
}

.scrittasx2 {
	position:absolute;
	top:33%;
	left:10%;
}

.scrittadx2 {
	position:absolute;
	top:33%;
	right:3%;
}

.scrittacx2 {
	position:absolute;
	top:33%;
	left:40%;
}

.scrittacx3 {
	position:absolute;
	top:20%;
	left:40%;
}

.scrittast2 {
	position:absolute;
	bottom:5%;
	left:40%;
}


.scrittadx3 {
	position:absolute;
	top:25%;
	right:3%;
}
/*****************************scritte sx dx cx*********************************/


.tabsub {
	position:relative;
	width:100%;
	height:auto;
	border:1px solid #000;
}
/*************DEFINIZIONE POSIZIONE E SPAZI TABELLA ARTICOLI*******************/


td.tabcel {
	width: 25%;
	height:25px;
	border: 1px solid #000;
	background-color: #CCC;
	color: #000;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	vertical-align:middle;
}
/*****************DEFINIZIONE CASELLA TITOLI DELLE COLONNE*********************/


td.tabcelc {
	width: 25%;
	height:25px;
	border: 1px solid #000;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	vertical-align:middle;
	text-transform:uppercase;
	background-color:#ddd;
}
/********************DEFINIZIONE CODICE PRODOTTO*******************************/

td.tabceln 	{
	width: 38%;
	height:25px;
	border: 1px solid #000;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	vertical-align:middle;
	background-color:#ddd;
}
/*****************DEFINIZIONE CASELLA NOME PRODOTTO****************************/

td[colspan="4"] {
	width:100%;
	height:50px;
	border:1px solid #000;
	rowspan: 4;
	background-color: #999;
	color: #000;
	text-shadow:2px 2px 2px #666666;
	font-size:2em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	text-shadow:1px 1px 1px #000;
}


td[colspan="5"] {
	width:100%;
	height:50px;
	border:1px solid #000;
	background-color: #999;
	color: #000;
	text-shadow:2px 2px 2px #666666;
	font-size:2em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	text-shadow:1px 1px 1px #000;
}
/*************DEFINIZIONE CASELLA TITOLO ARTICOLO SU 4 COLONNE*****************/

td[rowspan="3"] {
	width:25%;
	height:150px;
	border:1px solid #00f;
	rowspan= 3;
	background-color:#fff;
}
/****************DEFINIZIONE CASELLA IMMAGINE SU 3 RIGHE***********************/

td[rowspan="3"] img {
	height:150px;
	width:auto;
}
/***************DEFINIZIONE DIMENSIONI IMMAGINE PRODOTTO***********************/

td[rowspan="2"] {
	width: 25%;
	height:125px;
	border:1px solid #000;
	rowspan= 2;
	text-align:right; /*ALLINEAMENTO A DESTRA*/
	padding-right: 10px; /*PADDING NECESSARIO PER LASCIARE UN PO' DI SPAZIO FRA LE CIFRE ED IL BORDO*/
	background-color:#fff;
	font-size:1.8em;
	font-style:italic;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
}
/******************DEFINIZIONE CASELLA PREZZO SU 2 RIGHE***********************/

td[colspan="2"] {
	width:50%;
	height:50px;
	
	colspan: 2;
	text-align:justify; /*TESTO GIUSTIFICATO PER QUESTIONI DI ESTETICA*/
	padding: 10px; /*ANCHE QUI IL PADDING E' NECESSARIO PER UNA MAGGIORE LEGGIBILITA'*/
	
}
/****************DEFINIZIONE CASELLA DESCRIZIONE SU DUE COLONNE PREZZO*********/

td[colspan="2"]::first-letter, td.tabceln::first-letter, td.tabcel::first-letter, td[colspan="4"]::first-letter {
	text-transform:uppercase;
}
/*******DEFINIZIONE PER RENDERE MAIUSCOLA LA PRIMA LETTERA DELLE***************/
/**********CASELLE TITOLO ARTICOLO, TITOLI COLONNE, NOME DELL'ARTICOLO*********/
/****************************E DESCRIZIONE LUNGA*******************************/

#contenitore {
	position:absolute;
	top:15%;
	left:13%;
	width:80%;
	height:77%;
	overflow-y:auto;
	overflow-x:hidden;
}
/**************DEFINIZIONE DEL DIV CONTENITORE DELLA TABELLA*******************/
/*******************************FINE TABELLA***********************************/

.iva {
	position:absolute;
	bottom:3%;
	left:70%;
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
}
/*********************************IVA ESCLUSA**********************************/




.nole {
	position:absolute;
	top:2%;
	right:5%;
	width:25%;
	height:150px;
	color:red;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	text-shadow:2px 2px 2px #333;
}
.nole a {
	color:red;
	text-decoration:none;
}
/***********************************NOLEGGIO***********************************/

.shop {
	position:absolute;
	top:45%;
	left:40%;
	width:400px;
	height:200px;



}
/**********************************imgshop*************************************/

.scrshop {
	position:absolute;
	top:30%;
	left:33%;
	font-weight: bold;
	font-size: 2.5em;
	color: red;
	font-family: verdana;
	text-shadow: 3px 3px 3px #555;
}
/***************************scritta benvenuti**********************************/

.fuochi {
	position: absolute;
	top:55%;
	right: 10%;

}
/********************************fuochi****************************************/

.bandiera {
	position: absolute;
	top:20%;
	right: 10%;

}
/*******************************Bandiera***************************************/
.imguntz {
	position:absolute;
	top:20%;
	left:11%;
	width:15%;
	height:auto;
}
/*********************************imguntz**************************************/

.scrittura {
			 position:absolute;
			 top:20%;
             		 left:60%;
			 height:55%;
			 float:right;
			 font-size:1.4em; color:#000;
			 font-style:italic;
			 margin:5%;
			 text-align:justify;
			 text-shadow:6px 6px 5px #808080;
    		 	 overflow-y: auto;
			 overflow-x:hidden;
			 padding-right:20px;

       hyphens: auto;
       text-align: justify;
       overflow: auto;
       hyphens: auto;


}
/**********************************************************************************************/
/*************************************SCRITTURA************************************************/
/**********************************************************************************************/

.cvd {
	position:absolute;
	top:15%;
	left:12%;
	font-size:2.2em; color:#000;
	font-style:italic;
	text-align:justify;
	text-shadow:6px 6px 5px #808080;
}