html,body{margin:0px;padding:0px;}
@font-face{font-family:menu;src:url('./fonts/Comfortaa.ttf');}
@font-face{font-family:menu2;src:url('./fonts/Comfortaa-Bold.ttf');}
@font-face{font-family:titolo;src:url('./fonts/eurof55.ttf');}
*{
	font-size:1em;
	font-family:"Verdana", Arial, Sans-serif;
	}
#tag{
	font-family:titolo;
	font-size:180%;
	color:white;
	}
	
small.postInfo{/* used for credits in post or date */
	font-size:.8em;
	color:#666;	
}

a{
	color:#FF3D00;/* 13437e = blue */
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
	}
a:hover{
	color:#173750;
	}
a.neutral,a.netrual:visited{
	color:#444;
	font-weight:normal;
	}
a img{border:0px none white;}
img{border:0px none white;}
img.inText{float:left;margin:20px;max-width:100px;max-height:150px;}

div.left{float:left;height:auto;margin-bottom:20px;clear:left;width:49%;margin-right:20px;}
div.right{float:left;height:auto;margin-bottom:20px;clear:right;width:49%;}

div#contBorder{
	display:none;
	position:fixed;
	min-height:100%;
	min-width:100%;
	float:center;
	z-index:99;
	background-image:url('./template/superVelo.png');
	padding-left:auto;
	}

/* INPUT */
span.warning{
	color:#cf3b0e;
}
form div{
	/*background-color:#dfeaff;*/
	margin-bottom:5px;
	padding-top:8px;
	padding-left:15px;
	color:#444;
	font-size:100%;
	font-family:Verdana;
	}
form div div.inputName{
	float:left;
	width:20%;
	text-align:right;
	padding-top:4px;
	padding-right:10px;
	font-weight:bold;
	}
form div input{
	padding-top:4px;
	}
input{
	font-family:Verdana;
	margin-bottom:10px;
	padding:2px;
	height:20px;
	min-width:150px;
	border:1px solid #9ab5e5;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
textarea{
	border:1px solid #9ab5e5;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
	line-height:20px;
	}
input.required{
	border-color:#cf3b0e;
	border-width:2px;
	}
input[type="text"]{}
input[type="password"]{}
input[type="submit"]{
	border:0px hidden none;
	height:36px;
	width:150px;
	font-weight:bold;
	font-size:90%;
	color:white;
	text-align:center;
	background-image:url('./template/submit.png');
	background-repeat:no-repeat;
	background-position:center 0;
}
input[type="submit"]:hover{
	background-position:center -35px;
}

ul li{
	list-style: circle;
	margin-left:20px;
}
li{
	line-height:22px;
	font-size:100%;
}
li{
	font-size:0.9em;
}
/* LISTA DI ELEMENTI */
ul.list li,ul.list{
	list-style: none;
	padding:0px;
	margin:0px;
	}
ul.list li{
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	border:1px hidden #afbbd7;
	border-bottom-style:dotted;
	}
ul.list li a,ul.list a li{
	font-size:80%;
	color:#0d3970;
	font-weight:normal;
	text-decoration:none;
	}

ul.list li:hover{background-color:#197ecb;color:white;}
ul.list li:hover *{color:white;}

/* ul CHECKET, lista con la v a sinistra */
ul.checked li,ul.checked{
	list-style:none;
	padding:0px;
	margin:0px;
	}
ul.checked li{
	font-size:90%;
	font-family:Verdana,Comic Sans;
	padding-left:2px;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:30px;
	color:#444;
	}
ul.checked > li{
	list-style-image:url('./template/check.png');
	font-size:90%;
	padding-bottom:10px;
	}
ul.checked > li ul > li{
	list-style:square;
}
ul.checked > li ul > li ul > li{
	list-style:circle;
}

div#corpo p{
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	color:#444;
	}
div#corpo p.subTitle{
	font-size:100%;
	font-family:titolo;
}
	
/* modifiche ai collegamenti e bold */
div#corpo #welcome b{/* testo della main page */
	color:#444;/* 13437e = blue */
	text-decoration:none;
	font-weight:bolder;
	}
div#corpo #welcome h2,.fondinoBlue{
	color:#dbebff;/* blue 13437e */
	font-size:1.5em;
	font-weight:bolder;
	background-color:#1648ff; /* bianco: dbebff */
	background-image:url('./template/sfumaturaBox.png');
	background-repeat:repeat-x;
	background-color:#197ecb; /* 197ecb */
	padding:10px;
	padding-bottom:7px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	}


p{
	font-family:"Verdana", Arial, Sans-serif;
	line-height:1.5em;
	margin:0px;
	padding:0px;
	font-size:90%;
}

.hidden{display:none;clear:both;}


h1{
	font-family:menu;
	font-weight:bold;
	font-size:200%;
	color:#175f8c;
	font-weight:bold;
	padding-top:0px;
	margin-top:5px;
	}
	
.underline{border-bottom:1px solid #bdc2c9;padding-bottom:3px;}/*197ecb*/
h1.fondino{background-color:#ddd;margin:0px;text-align:center;padding-top:3px;}
.webColor{background-color:#1463a0;color:white;}
.communicationColor{background-color:#51b500;color:white;}
.eventColor{background-color:#f13c0b;color:white;}
div.title{
	border-bottom:1px solid #bdc2c9;
	margin-bottom:20px;
	margin-top:10px;
	text-align:center;
	width:auto;
	}
div.title div{
	/*text-shadow:#bdc2c9 3px 3px;*/
	font-family: menu, Verdana, Sans-serif;
	font-weight:bold;
	font-size:200%;
	color:#175f8c; /* 175f8c */
	text-align:center;
	padding:0px;
	margin:0px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #bdc2c9;
	border-bottom-style:none;
	border-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	background-image:url('./template/sfumaturaGrigio.png');
	background-repeat:repeat-x;
	background-color:#cdd5de; /* 197ecb */
	}

p h1{color:black;}
h1 small{
	font-size:60%;
	text-decoration:none;
	}
h1.small{
	font-size:1.3em;
	}
h2{
	font-family:menu;
	color:#222; /* blue: 175f8c */
	padding-left:0px;
	}
h2.okRequest{
	color:green;
	}
h2.subTitle{
	background-color:#e0e0e0;
	height:25px;
	padding:5px;
	padding-left:10px;
	}
li h2.title{/* title for list */
	font-size:1.2em;
	padding:5px;
	color:black;
}
	
div#top{
	background-image:url('./template/header.png');
	background-color:#63b2ef;/* #63b2ef */
	background-repeat:repeat-x;
	background-position:top left;
	height:220px !important;/* 220px */
	width:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	}
div#header{
	height:83.5%; /* 184px */
}
div#header div{
	max-width:30%;
	height:100%;
	}
div#header #logo{
	width:30%;
	height:90%;
	float:left;
	
	}
	#logo img{margin-top:7%;}
div#header #script{
	padding-left:3%;
	
	float:left;
	width:60%;
	}
	#script img{margin-top:15%;}
div#header #urlGlobe{
	
	width:18%;/* 300px */
	height:100%; /* 250px */
	background-color:none;
	float:right;
	}
#urlGlobe img{
	width:100%;
	height:100%;
	}
div#menu{
	clear:both;
	width:1000px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top:6px;
	padding-bottom:4px;
	position:relative;
	display:block;
	
}

/* formattazione menu */
div#menu div.link{
	font-size:80%;
	margin-right:11px;
	float:left;
	min-width:127px;
	padding-top:6px;
	padding-bottom:4px;
	width:auto;
	height:20px;
	text-align:center;
	color:#e5f2fb; /* color #197ecb */
	background-image:url('./template/menu.png');
	background-position:0 0;
	}
div#menu div.link:hover{
	/*background-color:white;/* 3296d5 */
	color:#072458;/* 555 */
	background-position:0 -30px;
	}
div#menu a{
	font-family:menu2;
	font-size:140%;
	text-decoration:none;
	color:#175f8c;
	}
div#menu a:hover{color:white;}

div.container{
	margin:0px;
	padding:0px;
	margin-bottom:-20px;
	background-image:url('template/azzurro.png');
	background-repeat:repeat-x;
	background-position:top;
	}

div#corpo{
	background-color:white;
	background-image:url(./template/bodyBackground.png);
	background-repeat:repeat-x;
	background-position:top;
	width:90%;
	min-height:500px;
	height:auto;
	align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:20px;
	padding-top:0px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	color:#333;
	font-family:verdana;
	font-size:100%;
	text-align:justify;
	z-index:0;
}
ul.linked li{
margin-bottom:3px;
list-style-type: disc;
}

/* services */
div#services{/* container main services */
	padding-top:50px;
	margin-left:5%;
	margin-right:auto;
	font-size:70%;
	color:black;
	clear:both;
	height:200px;
	text-align:center;
}
div#services div{
	font-size:140%;
	font-family:menu;
	color:black;
	width:20%;
	height:auto;
	text-align:center;
	float:left;
	margin-right:5%;
	}
div#services div a .hidden{
	text-align:justify;
	position:absolute;
	display:none;
	font-size:80%;
	line-height:20px;
	font-family:verdana;
	color:#444;
	background-image:url("./template/velo.png");
	margin-top:10px;
	}
div#services div img{
	max-height:100px;
	clear:both;
	text-align:bottom;
	}

/* flags */
div#flags{
float:right;
width:250px;
text-align:right;
/*background-image:url('./template/followUsArrow.png');
background-position:right bottom;
background-repeat:no-repeat;
*/
}
div#flags div{
width:40px;
height:40px;
float:right;
margin-right:10px;
background-position:0px -10px;
background-repeat:no-repeat;
z-index:inherit;
}
div#flags div:hover{background-position:0px 0px;}
div#flags div#facebook{
background-image:url('./template/facebookIcon.png');
}
div#flags div#linkenid{
background-image:url('./template/linkenidIcon.png');
}
div#flags div#twitter{
background-image:url('./template/twitterIcon.png');
}
div#flags div#youtube{
background-image:url('./template/youtube.png');
}
div#flags div#skype{
background-image:url('./template/skypeIcon.png');
}

div#flags img{
	width:50px;
	height:50px;
	
	}


/* FOOTER */

div#footer{
	/*
	background-image:url('./template/footer.png');
	background-position:top;
	background-repeat:repeat-x;
	*/
	background-image:url('./template/footer.png');
	background-position:top;
	background-repeat:repeat-x;
	background-color:#3296d5;
	min-height:280px;
	height:auto;
	clear:both;
	padding-top:35px;
	padding-right:25px;
	margin:0px;
}
div#footer #img{
	float:left;
	width:20%;
	height:auto;
	margin-top:auto;
	margin-top:-10px;
	vertical-align:bottom;
	height:100%;
	}
div#footer #img img{
	width:390px;
	height:255px;
	vertical-align:bottom;
	}
div#footer h1{
	text-align:center;
	font-family:titolo;
	color:white;
	font-size:120%;
	padding-bottom:5px;
	border-bottom:1px solid #9fc0fb;/* c3f6ff */
}
div#footer div{
text-align:center;
font-family:verdana;
color:#c3f6ff;
font-size:90%;
}
div#footer div#links{
	width:auto;
	clear:right;
	margin-bottom:10px;
	height:20px;
	}
div#footer div#links a{
	color:#cdeeff;
	margin-right:20px;
	text-decoration:none;
	}
div#footer div#links a:hover{color:white;text-decoration:underline;}
div#footer div b{color:white;}
div#footer div a{color:white;line-height:25px;}
div#footer div a:hover{/*color:#a6d1f3;*/text-decoration:underline;}
/* le 3 colonne */
div#footer div#follow{
	float:left;
	width:20%;
	text-align:center;
	height:100px;
	margin-top:10px;
	}
	
div.ask{
	width:auto;
	min-height:47px;
	background-image:url('./template/ask.png');
	background-repeat:no-repeat;
	background-position:center 0;
	}
div.ask:hover{
	background-position:center -47px;
}
div.info{
	min-width:180px;
	min-height:47px;
	background-image:url('./template/info.png');
	background-repeat:no-repeat;
	background-position:center 0;
	}
div.info:hover{
	background-position:center -47px;
}

div#footer div#information{
	margin-left:2%;
	margin-right:2%;
	margin-top:15px;
	width:56%;
	float:left;	
	height:120px;
	}
div#footer div#information h1{
	text-decoration:none;
	border-bottom-style:hidden;
	margin-bottom:0px;
	}
div#footer div#information h1.underline{
	border-bottom-style:solid;
	}
div#footer div#sisterSites{
float:left;
width:20%;
height:50px;
margin-top:20px;
}
div#footer div#sisterSites a{
	text-decoration:none;
	color:#e4eefd;
	font-size:110%;
	}
div#footer div#sisterSites a:hover{color:white;text-decoration:underline;}

/* riga dove metterò le tecnologie usate */
div#footer div#credits{
	clear:both;
	margin-top:50px;
	height:100px;
	text-align:center;
	color:#eee;
	font-size:100%;
	padding-left:45px;
}
div#footer div#credits img{
	vertical-align:top;
	max-height:50px;
	margin-right:10px;
	margin-top:0px;
	}

/* SLIDESHOW */
div#slideShow{
	width:80%;/* metto in pixel per mettere lo sfondo */
	height:400px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;	
	border:12px solid #197ecb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	
	/*background-image:url('./template/sfondoSlideShow.png');
	background-repeat:no-repeat;
	background-position:center top;
	*/
}

div#slide{
	position:relative;
	height:90%;
	width:auto;/*width:89%;*/
	border:0px hidden none;
	/*margin-left:-5%;*/
	/*margin-right:-10%;*/
	z-index:1;
	text-align:center;
	margin:0px;
	padding:0px;
}

div#slide ul,div#slide li{
	padding:0px;
	margin:0px;
	list-style:none;
	}
div#slide ul{padding:0px;margin:0px;}
div#slide li{
	padding:0px;
	margin:0px;
	position:relative;
	max-width:100%;
	height:100%;
	display:none;
	align:top;
	text-align:center;
	vertical-align:top;
	}
div#slide h1{
	margin:0px;
	ling-height:0px;
	}
div#slideShow img{
	float:middle;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	line-align:bottom;
	margin-right:10px;
	}
div#slide li div{
	padding:15px;
	}

div#prev{
	padding:0px;
	margin:0px;
	position:relative;
	height:80%;
	width:5%;
	border:0px hidden none;
	z-index:2;
	left:0;
	float:left;
	text-align:right;
	vertical-align:center;
}
div#prev:hover{
	background-image:url('./slideShow/img/glass.png');
}

div#next{
	position:relative;
	z-index:2;
	height:80%;
	float:right;
	width:5%;
	text-align:left;
	vertical-align:center;
}
div#next:hover{
	background-image:url('./slideShow/img/glass.png');
}

div#navigator{
	padding-top:20px;
	height:30px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
	z-index:2;
}

div#navigator img{
	width:10px;
	height:10px;
	background-color:none;
	margin-right:5px;
	}	
	
	
/* BOX */
div.box{
	width:50%;
	text-align:justify;
	min-height:340px;
	height:auto;
	margin-bottom:10px;
	padding:0px;
	border:1px solid #145d96;/* 145d96 chiaro:9ec0ff*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image:url('./template/backgroundBox.png');
	background-repeat:repeat-x;
	background-position:center bottom;
}
div.box ul.list li{text-align:left;}
div.box h1{
	width:auto;
	font-size:120%;
	font-family:menu;
	color:white;
	height:20px;
	padding:10px;
	padding-left:15px;
	margin:0px;
	background-image:url('./template/sfumaturaBox.png');
	background-repeat:repeat-x;
	background-color:#197ecb; /* 197ecb */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	}
	
/* Lista di elementi per join us*/
div#joinUsList{
	clear:both;
	width:auto;
	margin-bottom:10px;
	height:120px;
	padding-left:4%;
	}
div#joinUsList div{
	text-align:center;
	float:left;
	/*clear:left;*/
	margin-bottom:10px;
	font-size:90%;
	padding-top:5px;
	width:15%;
	height:120px;
	margin-right:10px;
	border:1px solid #a4c2ef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family:menu;
}
div#joinUsList img{width:130px;height:130px;}
div#joinUsList a{color:#133574;}
div#joinUsList div:hover{background-color:#7aa8ed;color:#0d3572;}

/* PORTFOLIO */

div.portfolioCategories{
	float:center;
	width:850px;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	text-align:center;
}
div.portfolioCategories div{
	font-size:110%;
	font-weight:bolder;
	float:left;
	width:150px;
	height:85px;
	margin-right:10px;
	margin-left:10px;
	/*background-image:url('./template/button.png');*/
	background-position:center 0px;
	background-repeat:no-repeat;
	color:black;
	padding-top:20px;
	font-family:menu;
	text-align:center;
}
div.portfolioCategories div:hover{
	background-position:center -105px;
	}
div.portfolioCategories div img{
	max-width:130px;
	height:100px;
	clear:both;
	float:center;
}
div.portfolio{
	width:auto;
	margin-left:auto;
	margin-right:auto;	
}
div.portfolio > div{
	width:100%;
	height:auto;
	}
div.portfolioProject{
	float:left;
	height:200px;
	width:18%;
	margin-left:1%;
	margin-right:1%;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-size:90%;
	color:#444;
	}
div.portfolioProject h2{
	margin:0px;
	padding:0px;
	font-size:110%;
	color:black;
	max-width:98%;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	}
div.portfolioProject small{
	font-size:90%;
	width:100%;
	text-align:center;
	color:#666;
	}
div.portfolioProject a{
	height:200px;
	}
div.portfolioProject div{/* content img */
	height:120px;
	text-align:center;
	border:1px solid #ddd;
	}
div.portfolioProject div a img{
	margin-top:auto;
	margin-bottom:0px;
	max-width:190px;
	max-height:120px;
	}

div#slideShowPortfolio{
	height:270px;
	text-align:center;
	width:100%;
	}
div#slideShowPortfolio img{
	width:90%;
	height:90%;	
	padding-left:5%;
	padding-top:5%;
	}

#image{/* container effect */
	/*display:none;*/
	width:60%;
	height:400px;
	position:relative;
	padding:0px;
	/*background-color:#197ecb;
	border:10px solid #197ecb;
	border-bottom:0px hidden white;
	*/
	text-align:center;
	z-index:6;
	margin:auto;
	margin-top:10%;
}
#image div#link{
	background-color:#9cbcdc;
	background-image:url('./template/sfumaturaGrigio.png');
	background-repeat:repeat-x;
	background-position:top top;
	padding:5px;
	padding-top:12px;
	height:20px;
	width:auto;
	margin-bottom:10px;
	font-size:100%;
	color:black;
	border:1px solid #86a4cd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
#image div#desc{
	background-color:#9cbcdc;
	background-image:url('./template/sfumaturaGrigio.png');
	background-repeat:repeat-x;
	background-position:top top;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:10px;
	color:black;
	height:auto;
	font-size:90%;
	border:1px solid #86a4cd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
#image a{color:black;text-decoration:none;}
#image img{
max-height:350px;
max-width:500px;
}

/* CATEGORIE COME QUELLE IN HOME o SERVIZI */
div.categories{
	width:100%;
	min-height:700px;
	height:auto;
	}
div.categories div{/* i vari box dentro, devono stare su una stessa linea */
	float:left;
	height:50px;
	text-align:center;
	width:31%;
	margin-left:1%;
	margin-right:1%;
	}
div.categories img{/* immagini delle categorie */
	height:200px;
	}
	
/* link top */
div#goTop{
	height:55px;
	width:55px;
	background-image:url('./template/arrowUp.png');
	background-position:center center;
	background-repeat:no-repeat;
	z-index:99;
	margin-left:90%;
	margin-top:60%;
	position:fixed;
	display:none;
	}
	
/* Goccia */
.drop{
	border:1px solid #cdcdcd;
	background-color:#ecedef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
.drop > li{color:white;}

b.high{font-size:1em;color:black;}
b.price{font-size:1.5em;color:black;}