html,body {margin: 0; padding: 0; border: 0; width:100%; height:auto;}
html {background-color: #051320;}
body {font-family:Arial,Verdana,Sans-Serif; background: url(/images/fotoBack.jpg) no-repeat top center #051320; text-align:center; padding:0; }
body >div#containerExt> div#container {height:auto; min-height:96%; }
div#containerExt {width:998px; min-width:998px;overflow:hidden; padding:0; font-size:1em; margin:0 auto; height:auto; border:0; position:relative;   }
div#container {width:998px; padding:0; clear:both; position:relative; height:auto; z-index:2; background-color:transparent; font-size:1em;  margin:0 auto; border:0;}

div#footer {color:white; clear:both; width:998px;  margin:0 auto; height:200px; text-align:center; padding:0px; line-height:18px; }
div.footLeft {float:left; width:800px; position: relative; min-height: 150px; background: url(/images/footerLeftBack.png) repeat top center;}
div.footRight {float:left; width: 198px; min-height: 150px; clear: right; text-align: right; position: relative; background: url(/images/footerRightBack.png) repeat top center;   }
div.footRight .img {border:0;}
a.facebook {position: absolute; top:20px; right:20px; }
img.itWhite {position: absolute; bottom:20px; right:20px; }
div.footerContent {color:white; clear:both; padding: 20px;margin:0 auto;  font-size:12px; font-weight: normal; letter-spacing: 0px; text-align:left;  }
div.footerPill h2 {color: #fac76d; font-size: 20px; font-weight: normal; text-align: left; margin-top: 0; padding: 0}
div.footerPill a {color: #b9daff; font-size: 11px; padding: 0 5px 0 0;}
div.footerPill a:hover {color: white;}
div.footerPill p {color:white; font-size: 12px;}
div.contacts {color: white; font-size: 12px; text-align: left; padding: 5px 10px; position: absolute; bottom: 5px; left: 5px;}
div#footer .fullWidth {font-size: 11px; color: #b9daff; letter-spacing: -0.5px}
.telefono {font-size: 18px; position: absolute; bottom: 20px; left:20px;}
img {border:0;}
/*FONT*/
.smaller { font-size: smaller}
span.boldBig { font-size: 14px; font-weight: bold; color: #83031d}
span.boldRed { font-weight: bold; color: Red;}
strong { font-size:1.2em; font-weight:normal; font-size:larger; }
span.marked, span.markedM {font-size:1.2em; font-weight:bold; letter-spacing:-1px;}
span.markedM {font-size:1em; letter-spacing:0}
span.error_msg {color:red;}
strong {font-size:1em; font-weight: bold}


h1, h2, h3  {color:#89a041; text-align:left; border-bottom:0px solid #417402; font-family:"Trebuchet MS"; font-weight:normal; font-size:2.2em; letter-spacing:-1px; margin:0 0 0px 0; padding:0}
h2 {border:0; font-size:17px; font-weight: bold;}
h2.orange {color:#fa9032;font-size:32px;}
h3 {font-size:1.4em;border:0; font-weight:normal; margin-bottom:0px; font-style:italic;}
a {color:#c85505;}
input { background: url(/images/input_bar.png) repeat-x; border:1px solid #666; font-family:Verdana; }

h2 a {color: black; text-decoration: none;}
h2 a:hover {text-decoration: underline}

a.a1 {background-color:#a6bddc; color:Black;font-size:12px;padding:5px; letter-spacing:0px;}
a.a1:hover {color:#0f6361}

#contentExt  .btnShort, #contentExt  .btnWide, #contentExt  .prossimoSito {font-weight: normal; font-style: italic; font-size: 14px; width:70px; display: block; text-align: center;  background:url(/images/btnShortAzzurro.png) no-repeat top left; color:#366eb6; padding: 2px 5px; text-decoration: none;}
#contentExt  .btnWide {background-image: url(/images/btnLongAzzurro.png); width: 170px;}
#contentExt a.prossimoSito {background-image: url(/images/btnBluArrows.png); width: 126px; padding-right: 30px; color: #d6deea;}
#contentExt  .btnShort:hover, #contentExt .btnShortWide:hover, #contentExt a.prossimoSito:hover {font-weight: bold;}
/*stili GENERALI per il layout*/
div#rightColumn, div#rightColumn1 {float: left; clear:right;  width: 214px;  padding:0px; background: url(/images/newsBack.png) repeat; padding: 10px 15px}
div#leftColumn {float: left; width: 280px;  padding:0px; background-color: transparent; }
div#contentExt,div#contentExt1 {float:left; margin:0; padding:0px;  font-size:0.8em; padding-top:10px;}
div#contentExt {padding:0; background: url(/images/) no-repeat top center white;  min-height: 400px; padding: 0; margin:0; z-index: 2}
div#contentExt1 {padding:0;  background:  no-repeat top center  ; }

div#content {float:left;padding:0px 0px; width: 474px;}
div.boxRight1 {width:530px;}
div.boxRight1 p, div.contentWide p, div.content p {font-size:14px;color:#d8cdcd; line-height:20px; text-align:justify}
div#rightColumn1 {width:200px; margin:10px; padding:10px; text-align:right}


div#content .box {padding:0px 0px; padding-top:0}
a.itestense { font-size:1.3em; text-decoration:none;}
a.itestense:hover {color:White; text-decoration:underline}
div.fullWidth {clear:both; padding:0; margin:0; width:100%;}
div.fullWidthC {clear:both; padding:0; margin:0; width:100%;text-align:center}


div.bottomDiv {position: absolute; bottom:0; left: 0;}
div.sitemap {color:white; text-align:left; clear:both; color: white; background: url(/images/sitemapBack.png) repeat; margin:0px;padding: 5px 20px; font-size:11px;}
.sitemap a {color:white;font-style: italic}
.sitemap strong, .sitemap1 strong, .sitemap2 strong{color:white; font-size:13px;}


/*Header*/
div#header, div#header1, div#header2 {height:159px; clear:both; width:998px; padding:0; position:relative; margin:0 auto; margin-left:0px; background-color:inherit; z-index: 1}
#container div#header { z-index: 1}
#container .div.bigBanner {}
div.bigBanner {clear:both; margin-left: 0}
.bigBanner a {text-decoration: none;}
.bigBanner img {border:0;}
div.logo {margin-top:0px; padding-top:10px; margin-left:0px; margin-bottom: 0; width:100%;text-align:left; height:80px; position: relative}
div.logo img {border:0;}
div.logo a {border:0; text-decoration:none;}
div.logo a.logoITE img{ height:101px; position: absolute; top:2px; left: 0}
a.newsletter, div.logo { z-index:2; }

/*a.microsoft {position:absolute; right: 0; top: 15px;}
a.tangberg {position:absolute; right: 135px; top: 20px;}
a.voismart {position:absolute; right: 135px; top: 45px;}*/
.microsoft img, .tangberg img, .voismart img, .centos img, .pfsense img, .gentoo img {height:45px;}

a.newsletter {position:absolute; right: 1px; top: 50px; z-index: 1}
.newsletter img {width: 90px}


div.immagineGrande {clear:both; }
a.ita, a.eng, a.itaA, a.engA {width:44px; height:39px; display: block; text-decoration: none; position: absolute;right:0; top:40px; background:url(/images/eng.png) no-repeat top right ;  }
a.ita {background-image: url(/images/ita.png); right:50px}
a.itaA {background-image: url(/images/Rita.png); right:50px}
a.engA {background-image: url(/images/Reng.png); }

div.bigMenu { margin:10px 0 0px; padding: 0px; width: 998px; z-index: 1; position: relative}
.bigMenu ul { margin:0px; position: relative; padding: 0px; background:url(/images/menuBtn1.png) repeat-x top right; float:left; width: 998px}
.bigMenu li {position: relative; float: left; list-style: none; margin: 0; padding:0;}

.bigMenu a {display:block; height:24px; line-height: 24px; padding:7px 18px 3px 18px;   background:url(/images/menuBtn.png) repeat-x top left; letter-spacing: 0px; font-size: 16px; font-weight:normal; color:White;  text-decoration:none;}
.bigMenu a:hover, .bigMenu a.big2:hover,.bigMenu a.last:hover, .bigMenu ul li:hover a.big1, a.active {background:url(/images/RmenuBtn.png) }
.bigMenu a.big2, .bigMenu a.last {background:url(/images/menuBtn1.png);  }
.bigMenu ul ul {position: absolute; background-image: none; top: 34px; width: 170px; visibility: hidden; float: none; }
.bigMenu ul ul li {float: none;}
.bigMenu a.last {padding:7px 19px 3px 16px}
.bigMenu ul li:hover ul {visibility:visible;}
.bigMenu a.bigSecond { background:url(/images/transparentWhite.png) transparent repeat top right; color: #345c94; font-size: 12px; font-weight: bold; width: 170px; height: auto; padding: 3px 19px 3px 16px ; letter-spacing: 0px; text-align: left; display: block; clear: right; float: none; border-left:3px solid #3970b5}
.bigMenu a.bigSecond:hover {background-color: #e3dfe0; background-image: none}
a#activeLink {background-image:url(/images/RmenuBtn1.png); color:#bf130e;}
.bigMenu a.current_menu {background-image:url(/images/active.png);}
.bigMenu ul ul{
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}


/****HOME****/
/*Colonna sinistra*/
.smallBannerLeft img{border: 0; text-decoration: none; background-color: transparent; }
.smallBannerLeft a{text-decoration: none;}
div.centerPill { background:url(/images/backPillCenter.png) no-repeat top left; position: relative; padding: 0; margin: 0; height: 200px}
.centerPill img {border:white 4px solid; top: 30px; right:10px; position: absolute}
.centerPill div.message {text-align: right; width: 240px; padding: 0; top: 30px; right: 230px; position: absolute;}
.centerPill div.message h2{text-align: right; color: black; margin-top: 0px}
/*Colonna DESTRA*/
div.home {height:180px}
h2.objTitle, h2.objTitle a {color:#a7c9da; font-size: 16px; font-weight:normal; text-align: right; padding: 5px 0 5px 18px; letter-spacing: -1px; margin: 0;background:url(/images/arrows.png) no-repeat center left;  }
h2.objTitle {background-image: none; padding: 0; margin-top: 10px; }
h2.first {margin-top: 0}
.objTitle a, .objShortTitle a {text-decoration: none; text-align: right}
span.objShortTitle, .objShortTitle a {color: #c6c7c9; font-size: 11px; letter-spacing: 0px; text-align: right; display: block;}

div.alignLeft {text-align: left; margin:0; padding: 0;}
div.alignRight {text-align: right; margin:0; padding: 0;}
div.alignCenter {text-align: center; margin:0; padding: 0;}

/*PAGINE INTERNE*/
/*stili generici*/
h1 {color:#366eb6; font-size: 22px; font-family: Tahoma, Verdana; margin: 0; padding: 10px 0; font-weight: normal }
div.divTop h2, div.divTop h2 a {color: Black; margin: 7px 0; font-size: 16px; font-weight: bold;}
div.divTop {min-height: 200px;position: relative; margin: 0; }
div.divTop, .divBottom, .divVeryBottom, div.divBottomNoImage {padding:0 20px; width: 958px; vertical-align: top}
.col1, .col2, .col3, .col4, .col2RightF, .col1WideLeftF, .col2Wide {float:left; width: 200px; position: relative; text-align: justify; padding: 10px; letter-spacing: 0px; line-height: 18px}
div.divTop a, div.divBottom a {color: #fc7a1a}
div.divTop a:hover, div.divBottom a:hover {color: #c82a2a}


.divTop .col4 {width: 320px}
.divTop .col1, .divTop .col1WideLeftF {background: url(/images/quadratino.png) no-repeat top left; }
.divTop .col2 {padding-top: 19px}
.divTop .col2Wide {width: 62%}
span.capital {font-size: 24px; font-weight: bold; line-height: 27px}
div.bigImg {position: absolute; right: 0; top:0; margin: 0; padding: 0;}
.bigImg {text-align: right;}
.bigImg img {border:0; margin: 0;}

.divTop .col2RightF {width: 30%; float: right; margin-right: 30px}
.divTop .col1WideLeftF {width: 61%; text-align: justify}
.divVeryBottom .col1, .divBottomNoImage .col1 {width: 31%}
.divVeryBottom .col2, .divBottomNoImage .col2 {width: 33%}
.divVeryBottom .col3, .divBottomNoImage .col3 {width: 29%}

.divBottomNoImage .col1, div.divBottomNoImage .col2, div.divBottomNoImage .col3, .divVeryBottom .col1, .divVeryBottom .col2, .divVeryBottom .col3 {background-image: none}
.divBottom .col1 {background: url(/images/1.png) no-repeat top left; width: 31%}
.divBottom .col2 {background: url(/images/2.png) no-repeat top left; width: 33%;}
.divBottom .col3 {background: url(/images/3.png) no-repeat top left; width: 29%}
.divBottomNoImage .col2Wide {width: 698px; }

.divBottomNoImage h2, .divBottomImage h2 , .divBottom h2 {margin: 10px; color: black;}

/*Realizzazione siti*/
a.chiediPreventivo, a.chiediPreventivoSmall {text-decoration: none;width: 289px; height: 82px; display: block;background: url(/images/maggioriInformazioni.jpg) no-repeat top left; margin-top: 20px}
a.chiediPreventivo:hover {background-image: url(/images/RmaggioriInformazioni.jpg)}
a.chiediPreventivoSmall {background-image: url(/images/maggioriInformazioniSmall.jpg); width: 231px; height: 69px}
a.chiediPreventivoSmall:hover {background-image: url(/images/RmaggioriInformazioniSmall.jpg)}

div.boxLink {background: url(/images/boxLinkBack.png) no-repeat top left; width: 300px; height:80px; ; padding:10px; margin: 10px 0}
#contentExt .boxLink a {color:black; font-style: italic; text-decoration: none; display: block; background:  url(/images/arrowsBlu.png) no-repeat center right}
#contentExt .boxLink a:hover {font-weight: bold;}

.smallBanner img{margin-top: 10px}


/*portfolio*/
div.portolioBigThumb { position: absolute; right: 0; top: 0; margin: 0; padding: 20px 10px 10px 0px; height: 248px; width: 730px; background: url(/images/portfolioTopRepeat.jpg) repeat-x top left; margin-right: 0}
img.portfolioTopLeftBack {position: absolute; top: 0; left: 0;}
div.bigThumb {position: relative; width: 334px; height: 217px; float: left; margin-top: 10px; margin-left: 35px}
div.bigThumbDescription {float: left; width: 340px; margin-left: 10px; margin-top: 5px;}
.bigThumbDescription h1 {padding: 0; margin: 0; font-size: 18px; margin-top: -5px; }
.bigThumbDescription .desc {text-align: justify; padding: 12px 10px; margin: 10px 0; letter-spacing: 0px; line-height: 18px;  background: url(/images/quadratoBianco.png) no-repeat top left;}
.bigThumbDescription .capital {margin: 0;}
div.bitThumb img {position: absolute; top: 0px; left: 0px; width: 320px}
div.portfolioOmbraSopra {position: absolute; top:0; left: 0px; width: 334px; height: 110px;background: url(/images/portfolioOmbraSopra.png) no-repeat top left;}
div.portfolioOmbraSotto {position: absolute; bottom: 0; left: 0px; width: 334px; height: 110px;background: url(/images/portfolioOmbraSotto.png) no-repeat bottom left;}
.blue {color:#366eb6}
p.keyword, .tag, #contentExt .tag a{color: #585757; font-size: 12px; font-style: italic; padding: 0; margin: 0}


div.thumb {width: 338px; height:150px; padding: 5px 5px 0; float: left;}
div.thumb .bottomDiv {bottom:20px; font-size: 10px}
div.thumb .bottomDiv .blue {font-size: 12px}
.thumb img {border:2px solid #cedbeb; float: left; margin: 5px; width: 130px; height: 120px;}
.smallDesc {float: left; width: 188px; height: 100%;font-size: 11px; position: relative; line-height: 14px}
.smallDesc h2 {line-height: 14px; margin-left: 0}
.smallDesc p {margin-top:0; padding-top:0;}

/*Contenuto centrale*/
div.darkGrey, div.cleanGrey, div.darkGrey1 {background: url(/images/greyShadow.gif) #7f7e7e no-repeat bottom left; text-align:justify; position:relative; margin:0; height:200px; padding:25px 30px 25px 25px}
div.darkGrey h1, div.cleanGrey h1, div.cleanGrey h2 {color:Black; font-weight:normal; font-size:22px; margin:0 0 10px 0; padding:0;}
div.darkGrey p, div.cleanGrey p {color:White; line-height:16px; font-size:11px; padding:0; margin:0; width:68%}
div.rosati {position:absolute; right:20px; top:4px; padding:0; margin:0}

div.cleanGrey {background-image: none; background-color:#a5a3a3;margin-top:-10px; height:auto}
div.cleanGrey p {color: Black; line-height:16px; font-size:11px; padding:0; margin:0; width:100%}
div.cleanGrey h2 {font-size:16px}
div.darkGrey1 {height:auto; text-align:left; padding-top:0; padding-bottom:15px; color:White}
div.darkGrey1 a {color:#eaca8f;}

div.imgRight  { float:right; margin:10px 0px 10px 20px; padding-right:0px;  }
div.imgRight img { margin-top:5px; margin-right:0px;  margin-bottom:10px; padding-right:0px; border:1px white solid;}
div.imgLeft  { float:left; margin:0px 10px 10px 0px; padding-right:0px;  }
div.imgLeft img { margin-top:5px; margin-right:10px;  margin-bottom:10px; padding-right:0px; border:1px white solid;}

div.didascalia {background: url(/images/didascalia.png) transparent no-repeat top left;  text-align:center; color:Black; font-size:11px; line-height:18px; padding:10px}

div.alignRight {padding:0; margin:0; text-align:right; margin-right:20px;}

div.transp, div.transpB {background: url(/images/pietre.jpg) transparent no-repeat top right;  padding:10px 30px;  margin-top:0px;}
div.transpB {border-top:1px solid #472516; border-left:1px solid #472516; text-align:justify; margin-left:20px; padding-right:60px; padding-left:10px;}
div.transpB p {color:#d8cdcd; padding-top:0;}
div.transpB a {margin-left:90px;}
div.transp img {margin:0; border:0; padding:0;}
div.transp p {font-size:14px; line-height:20px; font-weight:normal;}

div.foto {text-align:right}
div.foto img {border:1px solid white; }

div.caratt {background: url(/images/vertMarr.gif)  no-repeat top left; padding-left:20px; margin-left:10px }
div.caratt p {font-size:14px}
a.verDisp {display:block; text-decoration:none; width:194px; height:99px;padding:0; margin-top:10px }

.col1 div.bigIcon {text-align: center; }
img.captcha { display:block;clear:both; padding-top:5px;}
ul.error_list { color:red; list-style-type: none;  text-align: left; padding: 0;}
ul.error_list li {text-align: left }

div.fan_box, div.connect_top clearfix {background-color: white}

ul.vantaggi {list-style-image: none; font-size: 16px;  }
.vantaggi li { height: 30px; padding: 5px 0 0px 30px; list-style: none; background: url(/images/okVerde.gif) no-repeat top left; vertical-align: top;}
.vantaggi strong { font-weight: bold;}


div.digest {background-color:#e5e5e5; width:277px; text-align:left; border:0px solid #647cc3; padding:10px  0px 10px 15px; margin: -10px 0 0 20px; font-size: 12px;}
div.digest a {color: #366db3; font-style: italic;}
div.digest h2 {}

span.italic {font-style: italic}

/*PROMO WEB*/
.promo1 {background:  url(/images/promo-web1.jpg) no-repeat top left; padding:0; margin:0;}
.promo1 p {margin: 0; padding: 0}


/*RICHIESTA INFO*/
table.info {width: 100%;}
table.info th {text-align: right; vertical-align: top; padding-right: 10px; width: 30% }
.info tbody td input, .info tbody td textarea {width: 100%;}
.info #contatto_captcha {width: 100px}
.info #contatto_privacy {width:20px}
tfoot input {border:0;}
.info tfoot tr td {text-align: center}