/****************************************************************/
/*		Default CascadeStyleSheet			*/
/****************************************************************/

body {
 width: 770px;
 margin: 2.0em auto;
font-family: Tahoma, Verdana, Sans-Serif;
 font-size: 0.8em;
 color: #333;
 text-align: left;
 background-color: #fff7d2;
}

/**
 *  Stili di Base
 */

div, p, table, caption, th, td, tr { margin: 0 auto; padding: 0 }
div.table, #main { display: table; width: 100% }
div.caption { display: table-caption; width: 100% }
div.row, div.table > div { display: table-row; width: 100% }
div.col, div.table > div > div { display: table-cell }

/* uabuhabuha */
#main, div#table, div#table > div, div#table > div > div, div.row, div.col { position: relative }

table { width: 100% }
th { font-weight: bold }
td, div.col { vertical-align: top }

.xxs { font-size: xx-small }
.xs { font-size: x-small }
.s { font-size: small }
.l { font-size: large }
.xl { font-size: x-large }
.xxl { font-size: xx-large }

.light { background-color: #f8f8f8 }
.dark { background-color: #ededed }
.ulight { background-color: #f2f2f2 }
.udark { background-color: #ececec }

.bold { font-weight: bold }
.italic { text-decoration: underline }
.stroke { text-decoration: line-through }

.red { color: #f00 }
.green { color: #0f0 }
.blue { color: #00f }

.w100 { width: 100% }
.w75 { width: 75% }
.w50 { width: 50% }
.w33 { width: 33% }
.w25 { width: 25% }

.notice, .warning, .alert { font-size: large }
.notice { color: #88f }
.warning { color: #afa }
.alert, .txt_error { color: #f00 }
.required { color: #f44 }

.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
.top { vertical-align: top }
.middle { vertical-align: middle }
.bottom { vertical-align: bottom }

.fleft { float: left }
.fright { float: right }
.cleft { clear: left }
.cright { clear: right }
.clear, .cboth { clear: both }

.hidden { visibility: hidden }
.visible { visibility: visible }
.none { display: none }
.inline { display: inline }

/**
 *  Testata accessibile
 */

#logo { font-size: 2.0em; text-align: center }
#logo a { line-height: 147px; display: block }
#logo span { visibility: hidden }

/**
 *  Note a pi�di pagina
 */

#foot { text-align: center; padding: 21px 0px 3px 0px; clear: both; /* border-top: 1px solid #bef514 */ background-image: url(/images/foot.jpg); background-position: top center; background-repeat: no-repeat;  width: 100%;}
#foot img { vertical-align: middle; padding: 0; border: none; }
#foot .footnote, #foot .privacy { color: #666 }
#foot .calink, #foot .prilink { color: #984801; text-decoration: none; background: none }
#foot .calink:hover, #foot .prilink:hover { color: #0472a8 }

/**
 *  Header, Links, Liste, Separatori
 */

h1 {
 color: #984801;
 font-size: 1.4em;
 font-weight: bold;
 text-align: center;
}
h2 {
 color: #984801;
 font-size: 1.2em;
 padding: 1px 4px;
 border-bottom: 1px solid #eee
}
h3 {
 color: #333;
 font-size: 1.1em;
}
h1 img, h2 img, h3 img { vertical-align: middle }

hr {
 width: 100%;
 margin: 4px 0px;
 line-height: 1px;
 height: 1px;
 border: none;
 background-color: #984801;
}
hr.clear { visibility: hidden }

a, a:link, a:active, a:visited { color: #984801; text-decoration: none; font-weight: bold;}
a:hover { color: #984801 }

img { padding: 2px; vertical-align: middle }
a img { border: none }
a:hover img { border: none }

li { list-style-type: circle }
li:hover { list-style-type: disc }

em { color: #666 }
p { text-align: justify }

fieldset { margin: auto 6px; padding: 4px; border: 1px solid #ccc }
legend { margin-left: 6px; font-weight: bold }

blockquote { text-indent: 25px; background: url('/images/quote/open.png') 0 2px no-repeat }
blockquote p { display: inline; margin: 0; padding-right: 24px; background: url('/images/quote/close.png') bottom right no-repeat }
blockquote cite { font-style: italic }

/**
 *  Stili dei Form e dei Campi di Input
 */

form {
 display: inline;
 padding: 0px;
 margin: 0px auto;
}
input {
 font-size: 1em;
 font-family: Tahoma, Verdana, Sans-Serif;
 margin: 1px;
 padding: 1px 4px;
 vertical-align: middle;
}
input[type=text], input[type=password] {
 height: 16px;
 background-color: #fff;
 border: 1px solid #ddd;
}
input[type=text]:hover, input[type=password]:hover {
 background-color: #f8f8f8;
 border: 1px solid #aaa;
}
input[type=text]:focus, input[type=password]:focus {
 background-color: #eee;
 border: 1px solid #984801;
}
input[type=checkbox], input[type=radio] {
 color: #000;
 margin: 1px 4px;
 vertical-align: middle;
}
input[type=submit], input[type=button], input[type=reset] {
 font-weight: bold;
 background-color: #FFF;
 border: 1px solid #984801;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
 background-color: #F8F8F8;
 border: 1px solid #984801;
}
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus {
 background-color: #bae3ff;
 border: 1px solid #984801;
}
textarea {
 font-size: 1em;
 font-family: Tahoma, Verdana, Sans-Serif;
 width: 96%;
 height: 200px;
 padding: 4px;
 margin: 4px auto;
 background-color: #fff;
 border: 1px solid #ddd;
}
textarea:hover {
 background-color: #eee;
 border: 1px solid #aaa;
}
textarea:focus {
 background-color: #eee;
 border: 1px solid #984801;
}
select {
 margin: 1px;
 padding: 0px 1px;
 vertical-align: middle;
 background-color: #fff;
 border: 1px solid #ddd;
}
select[disabled=disabled] { color: #cacaca }
option[selected=selected] { background-color: #ff8500 }

/**
 *  Stili dei Moduli di Base
 */

/* Logo & Testata */
div#container, div#t0r0c0, div#t0r1c0, div#t0r2c0, div#t0r3c0 { width: 770px; margin: 0 auto }
div#t0r0c0 { height: 147px; background: url('/images/head.jpg') 50% 0 no-repeat }
div#t0r1c0 div#t1r0c0 { width: 170px }
div#t0r1c0 div#t1r0c1 { width: 600px }

div#t0r1c0 div#t1r0c1 div.breed {
 margin: 10px 0 5px 0;
 padding: 1px 6px;
 background-color: #f8f8f8;
 border-bottom: 1px solid #eee
}

div#attachments { background-color: #0ff }
div#attachments span.title { display: block; text-align: center; background-color: #ddd }
div#attachments div.ablock { float:left; width: 50%; background-color: #f8f }
div#attachments ul, div#attachments ul li { list-style: none; margin: 0 }

div.module { margin: 10px 5px; text-align: justify; }
div.module h1 {
 font-size: 1.3em;
 color: #FFF;
 text-align: right;
 margin: 0;
 margin-bottom: 5px;
 padding: 0 6px;
 line-height: 33px;
 background-color: #984801;
 border: none;
 background: #984801 url('/images/h1.jpg') 50% 0 repeat-x ; 
}

div.module div.content {
 margin: 0;
 padding: 10px 6px;
 min-height: 481px !important;
 background-color: #fff;
 border: 1px solid #984801;
 margin-left: 200px;
}

div.module img.moduleimage{
 border: 1px solid #984801;
 background-color: white;
}

/**
 *  Stili dei Menu di Navigazione (Navigator)
 */

/* Top Menu */
#t0r1c0 #n_Root {
 list-style: none;
 padding: 0;
 margin: 0 auto;
 text-align: center;
 width: 95%;
 background-color: #ffed99;
 line-height: 32px;
}
#t0r1c0 #n_Root li {
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
 color: #3283b8;
}
#t0r1c0 #n_Root li a {
 font-family: Courier New, Andale Mono;
 font-size: 0.9em;
 margin: 0;
 padding: 0;
 margin-right: 7px;
 margin-left: 6px;
/* border: 1px solid red;*/
}
#t0r1c0 #n_Root li.current a, #t0r1c0 #n_Root li.current_parent a {
 text-decoration: underline;
 color: #333; 
}
#t0r1c0 #n_Root a:hover, #t0r1c0 #n_Root li.current a:hover { color: #333; }


div.homecontent{
 border: 2px solid #d8cbaa;
 padding: 4px;
 margin-bottom: 10px;
 text-align: justify;
}

/* Top Menu */
#t0r3c0 #ActivitiesMenu {
 list-style: none;
 padding: 0;
 margin: 0 auto;
 text-align: center;
 width: 95%;
 background-color: #ffed99;
 line-height: 32px;
}
#t0r3c0 #ActivitiesMenu li {
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
 color: #3283b8;
}
#t0r3c0 #ActivitiesMenu li a {
 font-family: Courier New, Andale Mono;
 font-size: 0.9em;
 margin: 0;
 padding: 0;
 margin-right: 7px;
 margin-left: 6px;
/* border: 1px solid red;*/
}
#t0r3c0 #ActivitiesMenu li.current a, #t0r3c0 #ActivitiesMenu li.current_parent a {
 text-decoration: underline;
 color: #333; 
}
#t0r1c0 #n_Root a:hover, #t0r1c0 #n_Root li.current a:hover { color: #333; }