@charset "UTF-8";
/* CSS Document */
/*************************
* BALERI ITALIA   *
*						 *
************************/

/*
blu #005aff
rosso #ff0000
*/

/* regole generali =========================================*/

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form {
	margin: 0;
	padding: 0;
}
html {
	font-size:100%;
}
img {border:0;}
ul {list-style:none;}
label {
	cursor:auto;
}


/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, p, ul, ol, dl {margin: 0; padding: 0;}



/* Apply styles */
	
body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}


a, a:link { color:#000; text-decoration:none; outline:none}
a:hover  {text-decoration:underline; color:#000}
a.underline { text-decoration:underline}
#middle a {color:#a7a8aa}
#middle span.red, #middle p.red, #middle a.red {color:#ff0000 !important}
#middle span.blu, #middle p.blu, #middle .blu, #middle .blu a {color:#a7a8aa}
#middle span.fucsia, #middle p.fucsia, #middle .fucsia {color:#ff00ff}
#middle a.sel {color:#FFF}
.bianco a, span.bianco, a.bianco {color:#FFF !important}
.grigio {color:#a7a8aa}

h1 {font: bold 20px/1 Helvetica, Arial, sans-serif; text-transform:uppercase;} /*titoli news*/
h2 {font: bold 15px/1.3 Helvetica, Arial, sans-serif; text-transform:uppercase;} /* titoli col sinistra */
h3 {color:#5ecf5f;font-size:11px; text-transform:uppercase;} /* menu sinistra*/
h4 {color:#e3417b; font-weight:normal;} /*occhiello*/


.clear, br.clear {clear:both;}



/* struttura principale  =========================================*/

#logo {width:922px; margin:50px auto 0; text-align:left}
#container {
	width:922px;
	margin:0 auto 50px;
	text-align:left;
	height:422px;
	position:relative;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#top {height:196px; position:relative; text-align:center; }
#top img {_margin-bottom:-3px} /*ie6*/
.sezioni img {margin-left:-70px} /*per le pagine principali in modo che le img siano centrate*/
.nobg {background:transparent !important}
#middle {height:184px; background:#000; color:#FFF;text-align:center}
#bottom { background:url(../images/bg_footer.gif) 0 0 no-repeat; height:42px; position:relative}
#contNetwork {height:365px; position:relative; text-align:center;border-bottom:#000 1px solid; padding-top:14px}


/*navigazione*/
#menu {
	position:absolute;
	top:3px;
	left:3px;
	z-index:100;
	background:url(../images/bg_menu.png) top left;
	padding:1px 4px 0;
	_background:#FFF;
	width: 194px;
}
#menu a {margin:0 2px}
ul#submenu {background:#eee;position:absolute; top:25px; left:69px; z-index:100; padding:4px 8px; font-size:11px; line-height:15px;color:#005aff}
#submenu  a:hover {color:#005aff; text-decoration:none}


/*footer*/
#back {position:absolute; top:0; left:0;}
#award {position:absolute; top:0; left:55px;}
#award img {float:left;}
#pi {position:absolute; top:45px; left:3px; font-size:10px; color:#9b9c9e}
#lingua {position:absolute; top:50px; left:815px; font-size:10px; color:#9b9c9e}
#staff {position:absolute; top:0px; left:729px; }
#contatti  {position:absolute; top:25px; left:778px; font-size:9px;}
#paginazione {position:relative;  width:255px; height:42px;top:0; left:333px;}
#paginazione .prev {position: absolute; top:0; left:1px}
#paginazione .next {position:absolute; top:0; right:0}
#paginazione span.page { position:absolute; top:12px; left:110px}
#paginazione span.totPage { position:absolute; top:12px; left:135px}


/*home*/
#home {margin:0 30px; padding-top:30px; }
#home .blu {margin-top:30px}
#swf object, #swf embed {margin:0 auto; padding:0;}

/*clienti*/
#clienti {margin:0 30px; padding-top:60px; color:#FF0000;}
#clienti a {color:#a7a8aa}
#overlayer {position:absolute; top:0; left:455px;border:#000 9px solid}
#overlayer img.close {position:absolute; top:0; left:425px}

/*media*/
#media {margin:0 30px; padding-top:40px; color:#ff0000; padding-top:80px;}
#media  a {color:#a7a8aa}

/*premi*/
#premi {margin:0 30px; padding-top:40px; color:#ff0000; padding-top:80px; }
#premi span {color:#a7a8aa}

/*due colonne*/
.left {float:left; background:url(../images/separatore.gif) top right repeat-y; width:400px; height:104px; padding:40px 30px;text-align:left; color:#FF0000}
.right {float:right; width:400px; height:124px; padding:40px 30px 20px;text-align:left;}

/*contatti*/
.pagContatti .left {text-align:right; color:#FFF}
.pagContatti .right {padding-top:40px; padding-left:20px;width:410px;}
.pagContatti a {color:#FFF !important}

/*news*/
#articolo {position:absolute; top:10px; right:10px; background:url(../images/bg_menu.png); width:180px; height:150px; text-align:left; padding:15px 20px;_background:#FFF}
#articolo  .data, .lancio .txt .data {color:#005aff}
.news .left, .news .right {padding:0; width:50%; background:transparent; height:184px; }
.lancio { border-top:#FFF 1px solid; height:91px}
.lancio img {float:left; margin-right:15px;}
.lancio .txt { margin:20px 15px}

/*staff*/
.topStaff {position:relative;width:674px; height:150px; top:46px; left:45px;}
.topStaff a {display:block;width:193px; height:75px;}
#davide  a{background:url(../images/staff/davide.jpg) 0 0 no-repeat; position:absolute; top:0; left:0}
#davide a:hover {background:url(../images/staff/davide_on.jpg) 0 0 no-repeat}
#vincenzo  a {background:url(../images/staff/vincenzo.jpg) 0 0 no-repeat;position:absolute; top:75px; left:0}
#vincenzo a:hover {background:url(../images/staff/vincenzo_on.jpg) 0 0 no-repeat}
#valentina  a {background:url(../images/staff/valentina.jpg) 0 0 no-repeat;position:absolute; top:0; left:289px}
#valentina a:hover {background:url(../images/staff/valentina_on.jpg) 0 0 no-repeat}
#leonardo  a {background:url(../images/staff/leonardo.jpg) 0 0 no-repeat;position:absolute; top:75px; left:194px}
#leonardo a:hover {background:url(../images/staff/leonardo_on.jpg) 0 0 no-repeat}
#roberto  a {background:url(../images/staff/roberto.jpg) 0 0 no-repeat;position:absolute; top:0; left:482px}
#roberto a:hover {background:url(../images/staff/roberto_on.jpg) 0 0 no-repeat}
#sara  a {background:url(../images/staff/sara.jpg) 0 0 no-repeat;position:absolute; top:75px; left:481px}
#sara a:hover {background:url(../images/staff/sara_on.jpg) 0 0 no-repeat}
#network  a {background:url(../images/staff/network_off.jpg) 0 0 no-repeat;position:absolute; top:75px; left:675px}
#network a:hover {background:url(../images/staff/network_on.jpg) 0 0 no-repeat}

.bottomStaff {position:relative;width:674px; height:150px; top:0; left:45px;}
#pamela  a{background:url(../images/staff/pamela.jpg) 0 0 no-repeat; position:absolute; top:0; left:0}
#pamela a:hover {background:url(../images/staff/pamela_on.jpg) 0 0 no-repeat}
#cesare  a {background:url(../images/staff/cesare.jpg) 0 0 no-repeat;position:absolute; top:0; left:193px}
#cesare a:hover {background:url(../images/staff/cesare_on.jpg) 0 0 no-repeat}
#federico  a {background:url(../images/staff/federico.jpg) 0 0 no-repeat;position:absolute; top:75px; left:195px}
#federico a:hover {background:url(../images/staff/federico_on.jpg) 0 0 no-repeat}
#claudia  a {background:url(../images/staff/claudia.jpg) 0 0 no-repeat;position:absolute; top:0; left:387px}
#claudia a:hover {background:url(../images/staff/claudia_on.jpg) 0 0 no-repeat}
#francesca  a {background:url(../images/staff/francesca.jpg) 0 0 no-repeat;position:absolute; top:0; left:578px}
#francesca a:hover {background:url(../images/staff/francesca_on.jpg) 0 0 no-repeat}
#michela  a {background:url(../images/staff/michela.jpg) 0 0 no-repeat;position:absolute; top:75px; left:579px}
#michela a:hover {background:url(../images/staff/michela_on.jpg) 0 0 no-repeat}