html,body {margin: 0; padding: 0; border: 0; width:100%;}
body {font-family:Verdana,Sans-Serif; background-color:#171b27; text-align:center; padding:0;}
body > div#container {height:auto; min-height:96%; }
div#container {width:998px; padding:0; clear:both;  position:relative; z-index:2;  background: url(../Images/containerBack.gif) top right repeat-y #f2eee3; font-size:1em;  margin:0 auto; border:0;}

div.preFooter {/*position:absolute; bottom:54px; left:0; */  clear:both; width:100%;}
div#footer {color: #1489ab; clear:both; width:100%; margin:0 auto; height:74px; text-align:center; padding:0px; padding-top:10px; line-height:18px; background: #000000 no-repeat top center;  }
/*div#footer {color: #1489ab; clear:both; width: 100%; margin:0 auto; height:54px; text-align:center; padding:0px; padding-top:10px; line-height:18px; background: url() #303031 no-repeat top center;  }*/
div.footerContent, div.footerTop {width:999px; clear:both; margin:0 auto; color:White; font-size:0.8em; font-style:normal; text-align:center; padding:0; margin-top:10px;}
div.footerTop {text-align:center; width:998px; height:22px; margin:0 auto; margin-top:-10px; padding:0px; background: url('../Images/footer.jpg') #000000 no-repeat top center;  }

/*FONT*/
.smaller { font-size: smaller}
span.boldBig { font-size: 14px; font-weight: bold; color: #83031d}
span.boldRed { font-weight: bold; color: Red;}
strong { font-size:1.2em; font-weight:normal; font-size:larger; }
span.marked, span.markedM {font-size:1.2em; font-weight:bold; letter-spacing:-1px;}
span.markedM {font-size:1em; letter-spacing:0}

a {color:#c85505;}
a.a1 {color:#375aa9;}
a:hover {color: #822303}
input { background: url(../Images/input_bar.png) repeat-x; border:1px solid #666 }

/*stili GENERALI per il layout*/
div#navigation {float:left; width: 344px;}
div#content {float:left; clear:right; width:654px; color:White; padding:0px; margin:0;}

a.itestense {color:White; text-decoration:none;}
a.itestense:hover {color:#ff0000}
div.fullWidth {clear:both; padding:0; margin:0; width:100%;}

div.sitemap {color:#303031; text-align:left; margin-left:115px; margin-top:12px; margin-bottom:0; font-size:0.9em;}
.sitemap strong{color:Black; font-size:0.9em;}

/*Header*/
div#headerBack {height: 96px; width:100%;  margin-top:0; position:absolute; top:0; left:0; z-index:1; background-color:#000000; padding: 0; margin:0 auto;}
div#header {height: 370px;position:relative; z-index:1; width:998px; clear:both; background: url(../Images/fotoHeader.jpg) #000000 no-repeat bottom left; padding: 0; margin:0 auto;}

a.areaRiservata {position:absolute; right:10px; top:77px; font-size:0.8em; color:White;}
a.ita {position:absolute; top:59px; left:20px}
a.ita img {border:0; margin:0; padding:0;}
a.eng {position:absolute; top:59px; left:100px}
a.eng img {border:0; margin:0; padding:0;}

div#logo, div#logo1, div#logo2 {border:0px solid green; padding:0; margin:0; margin-top:100px; text-align:left;}
div#logo1, div#logo2 {position:absolute; top:100px;}
div#logo1 {left:500px}
div#logo2 {left:800px}
div#logo img {border:0px solid red; margin:0; margin-left:30px; padding:0; height:157px; width:360px; }
div#logo1 a {border:0px solid red; margin:0;  padding:0; height:77px; width:177px; background:url(../Images/errelifeSmall.jpg) no-repeat top right;display:block;}
div#logo1 a:hover {background-image:url(../Images/RerrelifeSmall.jpg) }
div#logo2 a {border:0px solid red; margin:0; padding:0; height:77px; width:177px; background:url(../Images/errelife-veterinariaSmall.png) no-repeat top right; display:block;}
div#logo2 a:hover {background-image:url(../Images/Rerrelife-veterinariaSmall.png) }

div#menuO {padding:0; height:39px; margin:0;text-align:center; color:White; vertical-align:top; width:100%;  }
#menuO ul { vertical-align:top; border:0px solid red; list-style:none; text-align: center; padding: 0; margin: 0 auto; margin-left:150px; width:800px;}
#menuO li { display: block; float: left; padding: 0px; margin:0;  padding-top:10px;  }
#menuO li a {text-decoration: none; float:left; color:White; font-size:0.9em; display:block; height:29px; margin:0 0 0 0; padding:0px; padding-right:25px; padding-left:20px; line-height:29px; }
#menuO li.activelink a {color: White; font-size:1.2em; font-weight:bold;}

/*Colonna SINISTRA*/
div.menuL {background:url(../Images/menuBack.jpg) no-repeat top right; width:100%; height:347px;}
ul.menuL {margin: 0; padding:0;padding-top:80px; margin-left:50px; padding-left:20px;  list-style-type:none; text-align:left; }
.menuL li {padding:0; display:block; height:25px; line-height:25px; clear:both; padding-left:18px; width:140px; vertical-align:middle; background:url(../Images/quad.png) no-repeat left;}
.menuL a {color: White; font-size:0.9em; text-decoration:none;}
.menuL li.activelink {background:url(../Images/quadPieno.png) no-repeat left;}
.menuL a:hover {color: #ff9900; text-decoration: underline }
.activelink a {font-weight:bold;}

div.boxNews, div.boxEvents  { color:#303031; padding:20px 20px 20px 70px; font-size:0.8em; text-align:justify;}
div.boxNews .date, div.boxEvents .date {color:White; background-color:#303031; font-style:italic; padding:3px 10px; clear:both;}
div.boxNews .dateC, div.boxEvents .dateC {clear:both; margin-bottom:5px;}
div.boxNews a, div.boxEvents a {clear:both; font-weight:bold; text-align:left; color:#303031; text-decoration:underline; padding-top:3px;}
div.boxNews h1 {text-align:left; color:#393838; font-family:'Trebuchet MS'; font-weight:normal; font-style:normal; font-size:3em; letter-spacing:0px; padding:0; margin-bottom:20px; margin-top:0px;}

div.boxNews { background:url(../Images/boxGrey.jpg) no-repeat top right; height:344px;}


div.boxEvents {padding:0px 20px 20px 40px; clear:both;}
div.boxEvents .date {background-color:#a3a9bc;}
div.boxEvents h1 {color:#a3a9bc}
div.eventDesc {float:left; width:380px;}
div.foto {float:left; width:178px; padding:0; margin:0; position:relative; padding-right:4px; padding-bottom:0px; clear:right; margin-left:10px;  background:url(../Images/shadowRepeat.png) repeat-y top right;}
div.fotoBottom {height:4px; line-height:6px;width:182px; position:absolute; bottom:-4px; right:0; padding:0; margin:0; background:url(../Images/shadowBottom.png) no-repeat top right;}
div.foto img {border:1px solid Black; width:176px; margin:0; padding:0; background:url(../Images/shadowRepeat.png) repeat-y top right;}
/*Colonna DESTRA*/
/*stili generali blocchi*/
div.boxLogin, div.boxCerca, div.boxAnnunciCatBody, div.boxUltNotBody {padding-left:18px;}
div.boxLogin input, div.boxCerca input {width:80px; margin-left:8px; }

div.fieldNameL {width:38%; text-align:left; float:left;}
div.fieldNameLW {width:58%; text-align:left; float:left; margin:0;}
div.fieldInput {width:50%; text-align:left; float:left; }
div.fieldInputS {width:0%; text-align:left; float:left;}

/*HOME*/
div.main {position:relative; margin-top:15px; padding-top:25px; z-index:8; color:#393838; width:100%;  background: url(../Images/contentBackTop.gif) no-repeat top right;}
img.main {position:absolute; z-index:10; left:14px; top:40px; z-index:18; border:0;}
div.top {padding:0 40px 0px 100px; background-color:White; position:relative; z-index:15; min-height:250px; border-left:1px solid #9a9a9a;  margin-left:13px; font-size:0.8em; text-align:justify;}
div.top p {line-height:22px; margin-bottom:0; font-size:0.9em;  }
div.linkR {text-align:right;}
div.linkR a {color:#007ccc; text-decoration:none;}
div.linkR a:hover {text-decoration:underline;}
div.bottom { width:100%; height:45px; background: url(../Images/contentBackBottom.gif) no-repeat top right;}

h1, h1.boxLEvents {text-align:left; font-family:'Trebuchet MS'; font-weight:normal; font-style:normal; font-size:3em; letter-spacing:0px; padding:0; margin-bottom:20px; margin-top:0px;}

/*NEWS*/
div.newsBox, div.eventsBox {width:100%; clear:both; position:relative;}
div.newsBox .date, div.eventsBox .date {color:White; background-color:#036bae; font-style:italic; padding:1px 8px; clear:both;}
div.newsBox .dateC,  div.eventsBox .dateC  {clear:both; margin-bottom:10px;}
div.linkR {padding-top:3px; margin-top:10px;}
.linkR a {clear:both; font-weight:normal; text-align:left; color:#303031; text-decoration:underline; }
div.newsBox a.subTitle,  div.eventsBox a.subTitle  {font-size:1.1em; text-decoration:underline;font-weight:normal; color:#303031; font-weight:bold; padding:0;}
div.newsBox div.dateC, div.eventsBox div.dateC   {background-color:#d5d5d5; padding:5px 4px;}

div.newsBox div.foto, div.eventsBox div.foto, div.boxEvents div.foto, div.prodBox div.foto   {float:left; width:138px; padding:0; margin:0; position:relative; padding-right:4px; padding-bottom:0px; clear:right; margin-right:10px;  background:url(../Images/shadowRepeat.png) repeat-y top right;}
div.newsBox div.fotoBottom, div.eventsBox div.fotoBottom, div.boxEvents div.fotoBottom  {height:4px; line-height:8px;width:142px; position:absolute; bottom:-1px; right:0; padding:0; margin:0; background:url(../Images/shadowBottom.png) no-repeat top right;}
div.newsBox div.foto img, div.eventsBox div.foto img, div.boxEvents div.foto img {border:1px solid Black; width:136px; margin:0; padding:0; background:url(../Images/shadowRepeat.png) repeat-y top right;}
div.newsDesc, div.eventsDesc { width:330px;}

div.boxEvents div.foto {width:178px; margin-left:10px;}
div.boxEvents div.fotoBottom {width:180px;}
div.boxEvents div.foto img {width:176px;}
div.boxEvents h1 {color:#51596d}
/*CATALOGO*/
a.catalogoMenu {margin:0; padding:0; color:#393838; text-decoration:none; font-size:1.6em; color:#393838; display:block; vertical-align:middle; }
.catalogoMenu img {border:0;margin:0; padding:0;}
div.prodBox {border-top:2px solid Green; padding-top:10px;}
div.prodBox div.eventsDesc {width:379px;}
div.prodBox div.foto {width:87px; background: White; background-image:none;}
div.prodBox div.foto img {border:1px solid #9b9b9b;width:87px;  background-image:none;}
/*dettagli prodotto*/
div.prodBoxDett {padding:0;}
.prodBoxDett h2 {text-align:left;border-bottom:1px solid #a3a9bc;font-size:1.8em; font-weight:normal; padding:0; color:#a3a9bc; width:100%;}
.prodBoxDett div.foto {clear:both; text-align:center; width:100%; background-image:none;}
.prodBoxDett div.foto img {margin:0; border-color:#9b9b9b; width:auto}
.prodBoxDett div.desc {clear:both; margin-top:10px;}
.partnerList a {text-decoration:none; font-size:1.6em; color:#393838; display:block; border-left:9px solid #a3a9bc; padding:5px 10px;}
a.b, a.r, a.a, a.v {text-decoration:none; font-size:1.6em; color:#393838; display:block; padding:5px 10px;border-left:9px solid #98c6e3;}
a.r {border-left:9px solid #ed6b6b;}
a.a {border-left:9px solid #ffb541;}
a.v {border-left:9px solid #98e39b;}
/*EVENTI*/

div.eventsBox .date {background-color:#a3a9bc}
div.eventsBox a.subTitle {color: #a3a9bc}
h2.blue {color:#036bae; border-bottom-color:#036bae;}
h1.boxLEvents {color: #51596d}
/*CONTATTI*/
div.mappa {float:left; padding-right:10px;position:relative; }
div.mappa img {border:1px solid #9b9b9b; width:226px; height:216px; margin:0 10px 10px 0;}

/*PARTNER*/

.partnerList a:hover {color:#ffc94d}
div.partnerBox, div.partnerList {clear:both; width:500px; position:relative; margin-top:0px;}
div.partner {text-align:justify;  position:relative; margin-top:5px; clear:both;}
div.partner div.fotoP { width:170px; float:left; margin-right:10px; padding:0px; border:0px solid #9b9b9b }
div.partner div.fotoP img {width:160px}
div.partner a {color:#067eca}
div.partner p {margin-top:5px;}
div.partner div.desc {float:left; width:300px; margin-left:10px }
div.partner img {border:0; margin:0;  margin-left:0; margin-right:10px; margin-top:0px;border:1px solid #9b9b9b; padding:5px; width:170px; }

div.gallery {width:100%; clear:both;}
div.gallery div {width:450px; margin:0px auto;}
div.gallery img {float:left; margin:5px; border:1px solid #9b9b9b; padding:0; width:100px;}

div.desc h3 {margin-top:0px; margin-bottom:5px; font-size:1.4em; font-weight:normal;}
div.desc p {margin-top:0;}

/*LOGIN*/
div.login {line-height:25px; border:0px dashed #a3a9bc; border-right:0; border-left:0; margin-top:10px;}
div.login input {width:200px;}
div.login input.button { line-height:14px; width:100px; margin-top:10px; background-color:#a3a9bc; color:White; border:0; padding:2px;}

div.parRight {text-align:left;}
div.parLeft {font-weight:normal; color:Black; font-size:1.3em; float:left; width:110px;}

div.desc, div.newsDesc, div.eventsDesc {overflow: hidden}

/*AGENDA*/
div#bodyAgenda {width:560px;}
div.topAgenda {padding:0 40px 0px 40px; background-color:White;  min-height:250px; border-left:1px solid #9a9a9a;  margin-left:13px; font-size:0.8em; text-align:justify;}
div.topAgenda p {line-height:22px; margin-bottom:0; font-size:0.9em;  }
div.sel {text-align:center;padding:20px;}
div.sel select {font-size:1.4em;}
div.navigat {width:100%; padding:0 40px 0px 35px; margin:5px 0;}
div.navigat a {float:left; margin-left:5px;}
div.navigat a.oggi {text-decoration:none; padding:2px 8px; background-color:#e8eef7; font-size:0.8em; color:#364d71; border:1px solid silver }
div.navigat a.oggi:hover {color:Black; border-color:#364d71;}
div.navigat img {border:0; margin-top:1px;}
div.navigat span {padding-left:15px;}
table.settimana, table.mese {width:560px; margin-top:10px; border-collapse:collapse; border-bottom:1px solid silver;}
.settimana thead th, .mese thead th {width:75px; font-size:0.7em; text-align:center; background-color:#be4645; color:White}
.settimana thead th.blank {width:40px; background-color:transparent}
.settimana tbody td, .mese tbody td {border-top:1px dashed silver; border-right:1px solid silver;vertical-align:top;}
.settimana td.left {font-size:0.8em; vertical-align:top; padding:5px; background-color:#e8eef7; color:#364d71; border-top:1px dashed silver;}
.settimana td div.job, .settimana td div.jobR, .settimana td div.jobB, .settimana td div.jobG, .settimana td div.jobV, .settimana td div.jobVE {background-color:#e6e7e2; color:Black;font-size:0.9em;padding:2px;margin:1px; border-left:3px solid #b9b9b8 }
.settimana td div.jobR {background-color:#fa8a70; border-color:#b60201}
.settimana td div.jobB {background-color:#b7d4f0; border-color:#2121d3}
.settimana td div.jobV {background-color:#e5abc5; border-color:#ac6090}
.settimana td div.jobG {background-color:#ffeb42; border-color:#daa100}
.settimana td div.jobVE {background-color:#c6f0b7; border-color:#79a967}
.settimana th.nowg {background-color:#ff7639;}
.settimana td.now {background-color:#fbf4b8}
/*mensile*/
table.mese { border-left:1px solid silver;}
.mese thead th {width:80px;}
.mese tr.giorno td {font-size:0.8em; vertical-align:top; background-color:#e8eef7; color:#364d71; text-align:right;}
.mese tr.giorno td.nonm {color:#8da1bd; font-style:italic}
.mese tr.giorno td.nowg {background-color:#bdd6fc; font-weight:bold;}
.mese td.now {background-color:#fbf4b8}
.mese td div.job, .mese td div.jobR, .mese td div.jobB, .mese td div.jobG, .mese td div.jobV, .mese td div.jobVE {background-color:#e6e7e2; color:Black;font-size:0.9em;padding:2px;margin:1px; border-left:3px solid #b9b9b8 }
.mese td div.jobR {background-color:#fa8a70; border-color:#b60201}
.mese td div.jobB {background-color:#b7d4f0; border-color:#2121d3}
.mese td div.jobV {background-color:#e5abc5; border-color:#ac6090}
.mese td div.jobG {background-color:#ffeb42; border-color:#daa100}
.mese td div.jobVE {background-color:#c6f0b7; border-color:#79a967}

div.legenda div {padding-left:5px;  border-left: 5px solid #fff; margin-top:3px;}
div.legenda div.color1 {border-color:#e6e7e2}
div.legenda div.color2 {border-color:#b7d4f0}
div.legenda div.color3 {border-color:#ffeb42}
div.legenda div.color4 {border-color:#fa8a70}
div.legenda div.color5 {border-color:#e5abc5}
div.legenda div.color6 {border-color:#c6f0b7}

td div.job,td div.jobR,td div.jobB, td div.jobV, td div.jobG {overflow:hidden; width:75px; text-align:left;}
div.job img,div.jobR img, div.jobB img,div.jobV img, div.jobG img, div.jobVE img {border:0; margin-top:2px;}
.settimana td div.job a, .settimana td div.jobR a, .settimana td div.jobB a, .settimana td div.jobV a, .settimana td div.jobVE a, .settimana td div.jobG a, .mese td div.job a, .mese td div.jobV a, .mese td div.jobG a, .mese td div.jobR a, .mese td div.jobB a, .mese td div.jobVE a {color:Black;}
td div.job a:hover,td div.jobR a:hover, td div.jobB a:hover, td div.jobV a:hover, td div.jobVE a:hover, td div.jobG a:hover  {text-decoration:underline; color:red}

h1.boxLEvents, div.boxR h1 {color: #000}
