html, body, #wrap {height: 100%; width:100%}
body > #wrap {height: auto; min-height: 100%;}
#principale {padding-bottom: 70px;}

.clear { clear: both}

p { margin:0 0 12px 0}
.dodici { font-size:12px}
ul { margin:0; padding:0 0 10px 0; list-style:none}
li{ margin:0; padding:0 0 8px 12px; background:url(../_images/ico-li.gif) no-repeat 0 5px }
.rientro { background:none; padding:0 0 8px 25px;}
.verde { color:#4A4515}
.rosso { color:#FF0000}
h1 { margin:0 0 12px 0; padding:0; background:none; color:#fff; font-weight:normal; font-size:12px}
h2 { margin:0; padding:0 0 12px 0; font-weight:normal; font-size:12px}

.box3-outline a:link { color: #FF0000; text-decoration:none}
.box3-outline a:visited { color: #FF0000; text-decoration:none}
.box3-outline a:hover { color: #FF0000; text-decoration:underline}

a:link { color: #4A4515; text-decoration:none}
a:visited { color: #4A4515; text-decoration:none}
a:hover { color: #4A4515; text-decoration:underline}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

body { margin:0; padding:0; color:#fff; font-family:trebuchet MS, verdana; font-size:11px; line-height:16px; background:url(../_images/pattern.gif) repeat}

#content-top { height:180px; width:auto; background: #fff }
#top { width:970px; margin:0 auto; height:180px; background:url(../_images/ikona-logo.gif) no-repeat 10px 22px}
#logo { float:left; width:425px; height:60px; padding:110px 0 0 84px; color:#988f00 }

#magliuscole { float:left; height:60px; width:132px;  margin-top:86px;}

#magliuscole a:link, #magliuscole a:visited  { display:block; padding:6px 0 0 20px; width:112; height:54px; color:#FF0000; background:url(../_images/pulsante-magliuscole.gif) no-repeat; background-position:top; text-decoration:none }
#magliuscole a:hover {background-position:bottom; text-decoration:none  }

#menu { float:left; width:325px; height:156px; padding:24px 0 0 4px }

#menu a:link, #menu a:visited  { display:block; width:115px; height:15px; padding:2px 0 0 20px; margin:0; background: url(../_images/menu-link.gif) no-repeat center left #e31c1b; color:#fff; text-decoration:none  }
#menu a:hover { color:#fff; text-decoration:none; font-weight:bold; background: url(../_images/menu-hover.gif) no-repeat center left #e31c1b }

.spaziatore { width:129px; height:10px; margin-left:6px; background:#e31c1b}

#middle { width:auto; height:auto; background:url(../_images/fondo-trasparente.png) repeat-x center top}
#main { width:970px; height:auto; margin:0 auto; background:url(../_images/pattern.gif) repeat}
.box1-home { float:left; width:270px; height:270px; margin:0 5px 0 10px; background: url(../_images/fondo-box.gif) repeat-x; padding:20px}

.box1 { float:left; width:270px; height:270px; margin:0 10px 0 10px; background:url(../_images/fondo-box.gif) repeat-x; padding:20px}
.box1-chisiamo { float:left; width:270px; height:270px; margin:0 10px 0 10px; background:url(../_images/fondo-trasparente.png) repeat-x; padding:20px}
.box1-auto { float:left; width:270px; height:auto; margin:0 10px 0 10px; background:url(../_images/fondo-box.gif) repeat-x bottom #a49c1f; padding:20px}
.box-video { float:left; width:310px; height:310px; padding:0px 0 0 0; margin:0 10px 0 5px; background:url(../_images/fondo-trasparente.png) repeat-x}

.box2 { float:left; width:290px; height:290px; margin:0 10px 0 0; padding:10px; text-align:right; background:url(../_images/fondo-trasparente.png) repeat-x}
.box2-chisiamo { float:left; width:310px; height:310px; margin:0 10px 0 0}
.box2-auto { float:left; width:270px; height:auto; padding:20px; margin:0 10px 0 0; background: url(../_images/fondo-box.gif) repeat-x bottom #a49c1f}
.box2-ok { float:left; width:270px; height:270px; padding:20px; margin:0 10px 0 0; background: url(../_images/fondo-box.gif) repeat-x bottom #a49c1f}
.foto-bambini { float:left; width:150px; height:150px; padding:0 0 10px 0 }
.foto-bambini-dx { float:left; width:150px; height:150px; padding:0 0 10px 10px }
.foto-bambini-sotto { float:left; width:150px; height:150px; padding:0 10px 0 0 }

.box3 { float:left; width:270px; height:270px; margin:0 10px 0 0;  background: url(../_images/fondo-box.gif) repeat-x; padding:20px}
.box3-chisiamo { float:left; width:270px; height:320px; padding:20px; margin:0 10px 0 0; background: url(../_images/fondo-box.gif) repeat-x bottom #a49c1f}
.box3-slide { float:left; width:310px; height:310px; margin:0 10px 0 0}

.box3-outline img { float:left; margin: 0 10px 0 0 }
.box3-outline { float:left; width:268px; height:268px; background:#FFF; color:#a49c1f; margin:0 10px 0 0; padding:20px; border:#a49c1f solid 1px}

#fabrizio { width:270px; height:320px; visibility:hidden; position:absolute; top:200px}
#francesco { width:270px; height:320px; visibility:hidden; position:absolute; top:200px}
#claudia { width:270px; height:320px; visibility:hidden; position:absolute; top:200px}
#labatterista { width:270px; height:320px; visibility:hidden; position:absolute; top:200px}
#alessia { width:270px; height:320px; visibility:hidden; position:absolute; top:200px}



#content-footer { width:auto; background:url(../_images/fondo-trasparente.png) repeat; position: relative; margin-top:-40px; height:40px;clear:both}
#footer { height:18px; padding:12px 0 0 15px; width:955px; margin:0 auto; }
.copyright { float:left; width:365px; height:20px; color:#7d7718 }
.socio { float:left; width:580px; height:20px; color:#9b9315 }

/*Form*/
input { height:15px; border:1px solid #6f6802; margin:0 0 12px 0; padding:2px; font-size:11px; font-family:Arial; color:#988f00}
textarea { width:270px; height:60px; border:1px solid #6f6802; margin:0 0 10px 0; padding:2px; font-family:Arial; font-size:11px; color:#988f00}
form { margin:0; padding:0}
.asterisco { color:#e31c1b; font-size:13px}
.rosso { color:#e31c1b}


.titoli-form { padding:0 0 3px 0}

.a { border:1px solid #6f6802; color:#988f00; width:150px}
.a2 { border:1px solid #b2181d; color:#988f00; width:150px}
.b { width:170px}
.b2 { border:1px solid #b2181d; color:#988f00; width:170px}
.c { width:190px}
.c2 { border:1px solid #b2181d; color:#988f00; width:190px}
.d { width:210px}
.d2 { border:1px solid #b2181d; color:#988f00; width:210px}
.e { width:230px}
.e2 { border:1px solid #b2181d; color:#988f00; width:230px}
.f { width:250px}
.f2 { border:1px solid #b2181d; color:#988f00; width:250px}
.g { width:265px; height:40px; color:#999999}
.g2{ border:1px solid #b2181d; color:#988f00; width:270px; height:40px; color:#999999}

.invia { width:93px; color:#fff; height:23px; text-align:right; border:0; margin:5px 0 0px 0; padding-right:8px; cursor:pointer;  background:url(../_images/fondo-invia.png) no-repeat }
.invia2 { width:93px; color:#fff; height:23px; text-align:right; border:0; margin:5px 0 0px 0; padding-right:8px; cursor:pointer; background:url(../_images/fondo-invia-hover.png) no-repeat }
/*fine Form*/


/*Looped slider*/

/*Required*/
.container { width:308px; height:308px; border:1px solid #a49c1f; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; width:308px; display:none; padding:0; margin:0; }
/*Optional*/
#loopedSlider { margin:0; width:310px; position:relative; clear:both; }

.previous { padding:0 4px 0 4px }
.next { padding:0 4px 0 4px }