html{
margin:0;padding:0
}

body {
font-family: Verdana,Arial,Tahoma;
font-size: 11px;
font-style: normal;
color: #333;
letter-spacing: 0px;
background: #7F7F7F url(/colledelsole-incorso/images/back-body.jpg) repeat-x;
text-align: left;
line-height: 15px;
margin: auto;
}

#container{
width:760px;
margin:0 auto;
background:#fff;
border: 4px solid #fff;
}

#top {
width: 760px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
border: 0px solid #fff;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
text-align: left;
background: #fff;
color: #999;
border-bottom: 1px solid #fff;
}

#top-menu {
width:760px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
min-height:20px;
height: auto !important;
height: 20px;
margin-top: 0px;
margin-bottom:1px;
background:  url(/colledelsole-incorso/images/back-menu.jpg) repeat-x top left;
/*background: url(/colledelsole-incorso/images/back-top-menu.jpg) repeat-x top right;*/
text-align:right;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#top-menu a {
color: #707070;
text-decoration: none;
text-align: center;
background:  url(/colledelsole-incorso/images/back-menu.jpg) repeat-x top left;/*#C6C6C6;*/
font-family: Trebuchet MS,Georgia,Verdana,Arial;
font-size:11px;
font-weight: bold;
letter-spacing:0px;
padding-top:0px;
padding-bottom:4px;
padding-right:5px;
padding-left:5px;
border-top:0px solid #000;
border-bottom:0px solid #333;
border-right:1px solid #aaa;
border-left:1px solid #fff;
line-height: 26px;
/*float: left;*/
display: block;
/*width: 100%;*/
}

#top-menu a:hover {
color: #fff;
text-decoration: none;
/*text-align: left;*/
background:  url(/colledelsole-incorso/images/back-menu-hover.jpg) repeat-x top left;/*#C6C6C6;*/
font-weight: bold;
}

#footer {
width: 740px;
margin: auto;
background-color: #f4f4f4;
color: #848484;
border-top:1px solid #EAEAEA;
border-bottom:0px dotted #666;
padding: 10px 10px 10px 10px;
clear: left;
line-height: 14px;
font-size:10px;
text-align: left;
margin: 0px;
}

#corpo { width: 100%; background: #fff; float: left; }
#content { clear: left; margin: 25px 0px 5px 0px; width: 369px; border-right: 1px solid #ccc;}
#content p { font-size: 10px; line-height: 14px; padding: 0px 0 4px 0; margin: 0 0 0 0; border-bottom: 0px solid #ccc; }

#content-int { clear: left; margin: 0px 10px 0px 10px; width: 480px; padding-right: 25px; text-align: justify; }
#content-int p { font-size: 10px; line-height: 14px; padding: 4px 15px 4px 0; margin: 0 0 0 0; border-bottom: 0px solid #ccc; }

#mid { 
width:500px; 
/*float: left;*/
background-color: #fff;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
border-right: 0px solid red;
}

#mid-master { 
width:518px; 
float: left;
background-color:#f9f9f9;
padding-top: 0px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
border-right: 0px solid red;
}

div#extra {
float:left;
width:385px;
margin-left:-385px;
margin-top: 25px;
background-color:#fff;
}

a {
font-family: Verdana;
font-size: 11px;
font-weight: normal;
/*color: #3C3C3C;*/
color:#FF8B01;/*#FAA43D;*/
letter-spacing: 0px;
text-decoration: none;
}

a:hover {
color:#777;
text-decoration: underline;
}

a img {
padding-top: 0px;
border: 0px solid #fff;
}

a.text {
display: block;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #3C3C3C;
letter-spacing: 0px;
text-decoration: none;
}

a.text:hover {
color:#777;
text-decoration: none;
}

h1 {
font-family: Georgia, Arial, Verdana;
font-size: 18px;
font-weight: normal;
color: #555;
letter-spacing: 0px;
line-height: 19px;
border-bottom: 0px dotted #D6D9E0;
padding: 0px 0 5px 0;
margin: 0 0 3px 0;
background:url(/colledelsole-incorso/images/bordo-dotted.jpg) bottom left repeat-x;
}

h2 {
font-family: Verdana, Arial, Verdana;
font-size: 12px;
font-weight: normal;
color: #999;
letter-spacing: 0px;
line-height: 10px;
border-bottom: 0px dotted #D6D9E0;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
}

h3 {
font-family: Verdana, Arial, Verdana;
font-size: 14px;
font-weight: bold;
color: #fff;
letter-spacing: 0px;
line-height: 10px;
border-bottom: 0px dotted #D6D9E0;
padding: 5px 5px 5px 5px;
margin: 0 0 0 0;
background: #3A3A3A;
}

img {
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin: 0 0 0 0;
}

p {
line-height: 14px;
font-family: Verdana, Arial, Verdana;
font-size: 11px;
font-weight: normal;
}

input {
font-family: Verdana, Tahoma, Arial;
font-weight: normal;
font-size: 9px;
background: #fff;
border: 1px solid #7f9db9;
margin: 0 0 0 0;
}

select {
font-family: Verdana, Tahoma, Arial;
font-weight: normal;
font-size: 9px;
background: #fff;
border: 1px solid #7f9db9;
margin: 0 0 0 0;
}

ul.menu_mod {
width: 100%;
list-style: none; /* elimino i punti elenco */
margin: 0; padding: 0; /* elimino i rientri delle liste */
margin: auto;
}

ul.menu_mod li { display: inline; } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu_mod h2 {
font-family: georgia;
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #999;
padding: 3px 4px 5px 6px;
margin: 0px;
text-align: left;
}

ul.menu_mod li a {
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
font-family: verdana;
font-size: 10px;
letter-spacing: 0px;
color: #333;/*#B2B2B2;*/
font-weight: bold;
padding: 0 0.7em; /* lascia spazio far il bordo del menu e il testo del link */
height: 20px; line-height: 20px; /* altezza del link: height e line-height devono avere il medesimo valore */
border-top: 0px solid red;/*#6B6B6B;*/
border-bottom:1px solid #aaa;/*#6B6B6B;*/
border-left: 0px solid #f2f2f2;
border-right: 0px solid #f2f2f2;
background: #ddd;/*#303030;*/
}

ul.menu_mod li a:link, ul.menu_mod li a:visited {
background: trasparent;/*#DADADA;*/
} /* colori per il link */

ul.menu_mod li a:hover, ul.menu_mod li a:active {
background: #303030;
text-decoration: none;
color: #fff;
} /* colori per l'effetto roll-over */

.molliche {
font-family: verdana;
font-size: 10px;
font-weight: normal;
line-height: 12px;
letter-spacing: 0px;
color: #C86911;/*#999;*/
padding-top: 0px;
border-bottom: 0px dotted #ccc;
margin-bottom: 15px;
}

.molliche a:hover {
color: #333;
text-decoration: none;
}

ul.list {
width: 100%;
list-style: none; /* elimino i punti elenco */
margin:3px 0px 3px 0px; padding:0px 0px 0px 0px; /* elimino i rientri delle liste */
margin: auto;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
border-top: 0px solid #eee;
}

ul.list li { float: left; display: inline; } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.list li a {
float: left;
width: 510px;
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
min-height: 50px; height: auto !important; height: 50px;
line-height: 1.2em; /* altezza del link: height e line-height devono avere il medesimo valore */
padding: 10px 7px 10px 7px;
font-family: verdana;
font-size: 11px;
margin: 0px 0px 0px 0px;
}

ul.list li a:link, ul.list li a:visited {
color: #333333;
background: #fbfbfb url(/colledelsole-incorso/images/bordo-dotted.jpg) bottom left repeat-x;
} /* colori per il link */

ul.list li a:hover, ul.list li a:active {
text-decoration: none;
font-weight: normal;
background: #f5f5f5 url(/colledelsole-incorso/images/bordo-dotted.jpg) bottom left repeat-x;
} /* colori per l'effetto roll-over */


ul.list img.thumbnail {
float:left;
margin: 2px 7px 2px 0px;
padding: 1px; 
border: 1px solid #333;
/*clear:left;*/
}

ul.list #abstract {
margin: 3px 0px 0px 0px;
font-family: verdana;
font-weight: normal;
font-size: 11px;
line-height:14px;
color: #333;
}

ul.list #sottotitolo {
margin: 3px 0px 0px 0px;
font-weight: normal;
color: #999;
}

#button-info {
color: #000000;
border-top: 1px solid #ccc; /*#3A76B8;*/
padding: 0 0 0 0;
margin: 0 0 0 0;
/*float: right;*/
padding-top: 8px;
padding-bottom: 4px;
margin-top: 10px;
margin-bottom: 10px;
height: 20px;
}

#button-info input {
font-family: Verdana,Arial, Tahoma;
font-size: 10px;
font-weight: bold;
background-color: #FAA43D;/*#f2f2f2;*/
color: #fff;
border: 1px solid #777; /*#3A76B8;*/
padding: 0 0 0 0;
margin: 0 0 0 0;
float: right;
padding-top: 0px;
padding-bottom: 0px;
cursor: hand;
}