/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
}

html, body {
	padding:0;
	border:0;
	margin:0 auto;
	height:100%;
}

body {
	margin:0 auto;
	padding:0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#00204c;
}


/* WRAPPER */
#wrapper{
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	/**/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -192px;
}


/* BG INDEX */
body.bgIndex{
	background:url(/images/bgindexpoltrona.jpg) center 7px no-repeat;
}

/* BG DEFAULT 
body.bgdefault{
	margin:0 auto;
	padding:0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}*/

/* HEADER */
#headerIndex{
	width:965px;
	height:115px;
	margin:0 0 0 15px;
	display:inline;
	float:left;
}

/* HEADER */
#header{
	width:965px;
	height:205px;
	margin:0 0 0 0;
	display:inline;
	float:left;
}

/* LOGO */
#logo{
	width:186px;
	height:115px;
	margin:0 15px 0 0;
	padding:0;
	float:left;
}

/* FASCE COLORATE */
#fasceColorate{
	width:68px;
	height:205px;
	position:absolute;
	top:0;
	left:227px;
}

/* BLOG */
#blog{
	position:absolute;
	width:95px;
	height:51px;
	top:0px;
	left:830px;
	z-index:2;
}

/* AREA CLIENTI */
#areaClienti{
	position:absolute;
	width:91px;
	height:93px;
	top:8px;
	left:885px;
	z-index:1;
}

/* MACRO CATEGORIE */
#macroCategorie {
	width:675px;
	height:398px;
	padding:0;
	margin:30px 0 0 15px;
	display:block;
	float:right;
}

#macroCategorie ul {
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
}

#macroCategorie li {
	margin:0;
	padding:0;
	position:absolute;
}

#macroCategorie li a {
	text-indent:-500em;
}


#macroCategorie li a.webtech {
	width:670px;
	height:63px;
	background: url(/images/web-tech.gif) top left no-repeat;
	position:absolute;
	top:0;
}

#macroCategorie li a:hover.webtech {
	background:url(/images/web-tech-hover.gif) top left no-repeat;
}

#macroCategorie li a.websolutions {
	width:670px;
	height:63px;
	background: url(/images/web-solutions.gif) top left no-repeat;
	position:absolute;
	top:61px;
}

#macroCategorie li a:hover.websolutions {
	background:url(/images/web-solutions-hover.gif) top left no-repeat;
}

#macroCategorie li a.comunicazioneIntegrata {
	width:670px;
	height:123px;
	background:url(/images/comunicazione-integrata.gif) top left no-repeat;
	position:absolute;
	top:123px;
}

#macroCategorie li a:hover.comunicazioneIntegrata {
	background:url(/images/comunicazione-integrata-hover.gif) top left no-repeat;
}


/* MACRO CATEGORIE SMALL*/
#macroCategorieSmall {
	width:200px;
	height:91px;
	padding:7px 0 0 115px;
	margin:0;
	display:block;
	float:left;
}

#macroCategorieSmall ul {
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
}

#macroCategorieSmall li {
	margin:0;
	padding:0;
	position:absolute;
}

#macroCategorieSmall li a {
	text-indent:-500em;
}

#macroCategorieSmall li a.webtech {
	width:114px;
	height:63px;
	background: url(/images/web-tech-small.gif) top left no-repeat;
	position:absolute;
	top:0;
}

#macroCategorieSmall li a:hover.webtech {
	background:url(/images/web-tech-small-hover.gif) top left no-repeat;
}

#macroCategorieSmall li a.websolutions {
	width:179px;
	height:63px;
	background: url(/images/web-solutions-small.gif) top left no-repeat;
	position:absolute;
	top:21px;
}

#macroCategorieSmall li a:hover.websolutions {
	background:url(/images/web-solutions-small-hover.gif) top left no-repeat;
}

#macroCategorieSmall li a.comunicazioneIntegrata {
	width:177px;
	height:123px;
	background:url(/images/comunicazionei-small.gif) top left no-repeat;
	position:absolute;
	top:45px;
}

#macroCategorieSmall li a:hover.comunicazioneIntegrata {
	background:url(/images/comunicazionei-small-hover.gif) top left no-repeat;
}


/* TAG */
#tag{
	float:left;
	width:673px;
	padding:10px 0;
	margin:0;
	text-align:justify;
}

#tag.tag-case-history{
	float:left;
	width:980px;
	padding:10px 0;
	margin:0;
	text-align:justify;
}

#tag ul{
	float:left;
	width:673px;
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:justify;
}

#tag ul.tag-ul-case-history{
	float:left;
	width:980px;
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:justify;
}

#tag ul li{
	float:left;
	padding:0;
	margin:0;
	text-align:justify;
}

#tag ul li a{
	display:block;
	padding:5px 15px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#e9fd95;
/*	text-align:center;
*/	text-align:justify;
}

#tag ul li a:hover{
	color:#002158;
	font-weight:normal;
}

.bg-footer-websolutions #tag ul li a:hover{
	color:#ffcf00;
}

#tag ul li a.uno{
	font-size:12px;
	display:block;
	
}

#tag ul li a.due{
	font-size:15px;
}

#tag ul li a.tre{
	font-size:18px;
}

#tag ul li a.quattro{
	font-size:20px;
}


/* FOOTER INDEX */
#footerIndexContainer{
	float:left;
	width:980px;
	padding:0;
	margin:0;
}

#footerIndex{
	float:left;
	width:623px;
	padding:0;
	margin:0;
}

#mediattiva{
	float:left;
	width:270px;
	padding:62px 25px 0 0;
	margin:0;
}

#mediattiva p{
	float:left;
	margin:0;
	padding:0 10px 0 0;
	color:#2a460d;
	font-size:11px;
	line-height:13px;
	text-align:right;
}

#mediattiva img{
	float:left;
	padding:13px 0 0 0;
	margin:0;
}


/* FOOTER */
#footerContainer{
	min-height: 192px;
	height: auto !important;
	height: 192px;
	width: 100%;
	margin: 0 auto;
	padding:0 0 20px 0;
	text-align:center;
	background:url(/images/bg-footer-default.jpg) center top no-repeat;
}

.footer{
	position: relative;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	width: 673px;
	margin: 0 auto;
	padding:150px 0 0 307px;
}

.footerci{
	position: relative;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	width:980px;
	margin: 0 auto;
	padding:150px 0 0 0;
}

.push {
	height: 192px;
}

.footer p{
	padding:36px 0 0 15px;
	float:left;
	margin:0;
	color:#2a460d;
	font-size:12px;
	line-height:14px;
}

.footer img{
	padding:0 35px 0 0;
	margin:30px 0 10px 0;
	float:right;
}


/* CORPO */
#corpo{
	float:left;
	margin:35px 0 0 0;
	padding:0;
	width:980px;
}

/* SIDE BAR */
#sidBar{
	float:left;
	margin:0;
	padding:0 107px 0 0;
	width:210px;
}

#sidBar ul{
	float:left;
	margin:0;
	padding:0;
	width:210px;
	list-style-type:none;
	/*border-bottom:1px solid #002d57;*/
	background:url(/images/puntini-blu.gif) bottom repeat-x;
} 

#sidBar ul li{
	float:left;
	padding:0;
	margin:0;
	width:210px;
}

#sidBar ul li a{
	display:block;
	padding:4px 10px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#002158;
	text-align:left;
	width:190px;
	background:url(/images/puntini-blu.gif) top repeat-x;
/*	border-top:1px solid #002d57;*/
}

#sidBar ul li a:hover{
	font-weight:bold;
}


#sidBar ul li a.attivo{
	display:block;
	font-weight:bold;
	padding:4px 10px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#002158;
	text-align:left;
	width:190px;
	background:url(/images/puntini-blu.gif) top repeat-x;
/*	border-top:1px solid #002d57;*/
}

/* CONTENT */
#content{
	float:left;
	margin:0;
	padding:7px 0 0 0;
	width:663px;
	border-top:3px solid #002d57;
}


/* CONTENT CASE HISTORY*/
#content-casehistory{
	float:left;
	margin:0;
	width:980px;
	padding:7px 0 0 0;
	border-top:3px solid #002d57;
}

#header-content-casehistory{
/*	float:left;
*/	margin:0;
	width:980px;
	display:block;
}

#header-content-casehistory h1{
	float:left;
}

#header-content-casehistory p{
	float:right;
}

#header-content-casehistory p a{
	float:right;
	font-size:12px;
	background-image:none;
	/**/
	font-weight:normal;
	color:#002158;
	padding:2px;
	margin:0;
	text-align:left;
	background-color:#d3e1ec;

}


#header-content-casehistory p a:hover {
	text-decoration:none;
	background-color:#002158;
	font-weight:normal;
	color:#F5BA06;
	padding:2px;
}


/* DONNA 01 */
#img-agenzia{
	position:absolute;
/*	top:352px;
*/	bottom:0;
	left:0;
	width:168px;
	height:318px;
	z-index:2000;
}

/* DONNA 02 */
#img-donna02{
	position:absolute;
	bottom:0;
/*	top:760px;
*/	left:0;
	width:371px;
	height:225px;
	z-index:2000;
}


/* DONNA 03 */
#img-donna03{
	position:absolute;
	/*top:460px;*/
	bottom:0;
	left:0;
	width:295px;
	height:211px;
	z-index:2000;
}


/* DONNA 04 
#img-donna04{
	position:absolute;
	top:590px;
	left:0;
	width:371px;
	height:225px;
	z-index:2000;
}*/


/* CASE HISTORY */
#txt-caseHistory{
	float:left;
	margin:0;
	padding:0 107px 0 0;
	width:210px;
}


/* BOX BG 
#boxBg{
	float:left;
	margin:7px 0;
	padding:10px;
	width:270px;
border:3px solid #ecf5fc;
}
*/

/* BOX BG */
#boxBg{
	float:left;
	margin:7px 0;
	padding:10px;
	width:634px;
	border:3px solid #ecf5fc;
}
