/* @group TAGS    ############################# */

body {
margin:0;
padding:0;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #5b5b5b;
background:#7e153a;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-size: 12px;
}
h1{
text-transform:uppercase;
color: #7e153a;
font-size:12px;
padding:0 0 10px 0;
}
a img, map {
border:none;

}
a {
color: #7e153a;
text-decoration: none;
}
a:hover {
color:#7e153a;
text-decoration:underline;
}
ul, ol, li {
margin:0;
padding:0;
list-style-type: none;
}
table {
width:100%;
margin:0;
padding:0;
border-collapse: collapse;
}
td, th {
margin: 0;
padding: 0;
}
form {
margin:0;
padding:0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
input, textarea, select {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
border: 1px solid #e4e4e4;
padding: 2px;
color: #333;
background: #fff;
}
select {
padding: 1px 2px;
}
input:focus, textarea:focus, select:focus {
border-color: #638aaa;
}
option {
padding:0;
margin:0;
}
textarea, select {
font-size: 100%;
font-family: inherit;
}
button {
font-size: 100%;
font-family: inherit;
cursor:pointer;
color: #185172;
background: #d4d4d4;
padding: 1px 4px 0 4px;
border: 1px solid #bcbcbc;
margin: 0 10px 0 0;
}
button.reset {
color: #629aa9;
}
button:hover {
background: #d4d4d4;
border: 1px solid #638aaa;
}
/* @end */


/* @group CLASSI GENERICHE    ############################ */

.jst{
text-align:justify;}
.aLeft{
float:left;
margin:0 10px 5px 0;}
.aRight{
float:right;
margin:0 0 5px 10px;}
.noBrd {
border: none;
}
.close{
clear:both;}
#txt{
padding:13px;}
/* @end */



/* @group ELEMENTI STRUTTURALI    ############################ */
#intro {
border:2px solid #7e153a;
width:720px;
margin:20px auto 0px auto;
text-align:center;
}
a.skip{
color:#fff;
padding:10px;
display:block;
font-weight:bold;}
#container {
border:2px solid #7e153a;
width:951px;
margin:20px auto 20px auto;
background:#FFFFFF url(../images/bg-container1.jpg) no-repeat top left;
}
.progetto #container{
background:#FFFFFF url(../images/bg-container4.jpg) no-repeat top left;}
.crescere #container{
background:#FFFFFF url(../images/bg-container3.jpg) no-repeat top left;}
.muoversi #container{
background:#FFFFFF url(../images/bg-container2.jpg) no-repeat top left;}
#colSx{
width:274px;
float:left;}
#colDx{
width:677px;
float:left;}
#nav{
padding:310px 0 0 0;}
#nav li{
display:block;
width:217px;
height:28px;
overflow:hidden;
padding:0 0 10px 0;}
#link1 a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-1.gif) no-repeat top left;
}
#link2 a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-2.gif) no-repeat top left;
}
#link3 a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-3.gif) no-repeat top left;
}
#link4 a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-4.gif) no-repeat top left;
}
#link1 a:hover, #link1 .selected{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-1-h.gif) no-repeat top left;
}
#link2 a:hover, #link2 .selected{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-2-h.gif) no-repeat top left;
}
#link3 a:hover, #link3 .selected{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-3-h.gif) no-repeat top left;
}
#link4 a:hover, #link4 .selected{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
background:transparent url(../images/linksx-4-h.gif) no-repeat top left;
}
#logoCasa{
position:absolute;
padding:237px 0 0 0;}
#logo a img{
padding:20px 0 20px 25px;}
#header{
padding:27px 0 15px 0;}
#nav2{
background:#7e153a;
}
#nav2 li{
float:left;
height:23px;
overflow:hidden;}
#nav2 a{
display:block;
text-indent:-9999px;
width:100%;
height:100%;}
#nav2 #linkA{
width:141px;
background:transparent url(../images/nav1.gif) no-repeat top left;
}
#nav2 #linkB{
width:164px;
background:transparent url(../images/nav2.gif) no-repeat top left;
}
#nav2 #linkC{
width:193px;
background:transparent url(../images/nav3.gif) no-repeat top left;
}
#nav2 #linkD{
width:179px;
background:transparent url(../images/nav4.gif) no-repeat top left;
}
#nav2 #linkA a:hover, #nav2 #linkA .selected{
background:transparent url(../images/nav1-h.gif) no-repeat top left;
}
#nav2 #linkB a:hover, #nav2 #linkB .selected{
background:transparent url(../images/nav2-h.gif) no-repeat top left;
}
#nav2 #linkC a:hover, #nav2 #linkC .selected{
background:transparent url(../images/nav3-h.gif) no-repeat top left;
}
#nav2 #linkD a:hover, #nav2 #linkD .selected{
background:transparent url(../images/nav4-h.gif) no-repeat top left;
}
#boxSubNav{
clear:both;
height:37px;}
#subNav{
font-family:"Times New Roman", Times, serif;
font-size:11px;
text-transform:uppercase;
padding:5px 5px 5px 2px;
color:#767a7b;}
#subNav li{
display:inline;}
#subNav li a{
padding:0px 3px 0px 3px;
color:#767a7b;}
#subNav li a:hover, #subNav li a.selected{
color:#7e153a;
text-decoration:none;}
#main{
min-height: 352px;
height: auto !important;
height: 352px;
width:641px;
border:2px solid #767a7b;}

#footer{
padding:10px 10px 10px 0px;}
/* @end */

/* SFONDI PER SEZIONI */
#main.home{
background:transparent url(../images/bg-main1.jpg) no-repeat top left;}
#main.home #boxTxt{
float:right;
padding:13px;
width:260px;
}
.viverde{
background:transparent url(../images/bg-main2.jpg) no-repeat bottom left;}
#main.viverde #boxTxt{
float:right;
padding:13px;
width:330px;
}
.creverde{
background:transparent url(../images/bg-main3.jpg) no-repeat bottom left;}
#main.creverde #boxTxt{
float:left;
padding:13px;
width:295px;
}
#main.creverde #boxTxt2{
float:right;
padding:13px;
width:290px;
}
.muoverde{
background:transparent url(../images/bg-main4.jpg) no-repeat bottom left;}
#main.muoverde #boxTxt{
float:left;
padding:13px;
width:295px;
}
#main.muoverde #boxTxt2{
float:right;
padding:13px;
width:290px;
}
#piani li{
display:inline;
font-size:12px;
text-transform:uppercase;}
#piani li a{
padding:5px;}
#piani li a:hover{
background: #e1e1e1;
text-decoration:none;
}
#piani li a.selected{
background: #7e153a;
color: #fff;}
.famiglia{
background:transparent url(../images/bg-main5.jpg) no-repeat top left;}
#main.famiglia #boxTxt{
float:left;
color:#fff;
padding:13px;
width:268px;
}
#main.famiglia #boxTxt img{
float:right;
}
#main.famiglia #boxTxt2{
float:right;
line-height:12px;
padding:88px 88px 0 0;
width:180px;
}

/* @end */


