@charset "UTF-8";
/* CSS Document */

#hmerologio { max-width: 1280px; margin: 0 auto; font-family: 'Roboto Condensed', sans-serif; box-sizing: border-box; text-align: center; background-color: #d5e2c2; padding: 30px; }
#hmerologio a { text-decoration: none; color: #7a7a7a; }
#hmerologio a:hover { text-decoration: none; color: #000; }
#hmerologio a:active { text-decoration: none; color: #fff; }
#hmerologio .container { width: 100%; margin: 0 auto; }
#hmerologio img { display: block; max-width: 100%; height: auto; box-shadow: 3px 3px 20px 1px rgba(0,0,0,0.3);}
#hmerologio .container .slogan { display: inline-block; color: #404041; font-size: 30px; text-align: center; padding: 0 10px 0 10px; background-color: #d5e2c2; line-height: 10px; }
#hmerologio .container .texthead { width: 100%; display: inline-block; background-image: url(/img/cms/landing-page/garden-calendar/2018.garden.calendar/stripes.jpg); background-repeat: repeat; height: 7px; margin: 25px 0 25px 0; }
#hmerologio .container .months { width: auto; display: inline-block; padding: 0 5px 0 5px; border-bottom: 2px white solid; }
#hmerologio .container .months ul { display: inline-block; float: left; margin: 0 auto; padding: 0 0 5px 0; list-style-type: none; }
#hmerologio .container .months li { width: auto; height: auto; float: left; padding: 5px; font-size: 18px; color: #7a7a7a; list-style-type: none;  margin-bottom: 0px;}
#hmerologio .container .months li:hover {color: #000;}
#hmerologio .container .months .active {background-color: #72bf44;}
#hmerologio .container .months .active a {color: #fff;}
#hmerologio .container .months .active a:hover {color: #fff;}
#hmerologio .container .menujobs { width: auto; display: inline-block; }
#hmerologio .container .menujobs ul { display: inline-block; float: left; margin: 0 auto; padding: 0; list-style-type: none; }
#hmerologio .container .menujobs li { width: auto; height: auto; float: left; padding: 8px; font-size: 16px; color: #7a7a7a; list-style-type: none; margin-bottom: 0px;}
#hmerologio .container .menujobs .active a {color: #fff;}
#hmerologio .container .menujobs li:hover {color: #000;}
#hmerologio .container .menujobs .active {background-color: #72bf44;}
#hmerologio .container .menujobs .active a:hover {color: #fff;}
#hmerologio .container .jobscontainer { width: 100%; display: inline-block; background-image: url(/img/cms/landing-page/garden-calendar/2018.garden.calendar/jobscontainerbg.jpg); background-size: cover; background-repeat: no-repeat; height: auto; border: solid 1px white; }
#hmerologio .container .categories { width: 96%; height: auto; display: inline-block; margin: auto; padding: 30px; }
div#hmerologio.calendar-home .container .job { width: 18%; height: auto; display: inline-block; float: left; margin: 20px;}
#hmerologio .container .job { width: 100%; height: auto; display: inline-block; float: left; }
#hmerologio .container .jobsImg { width: 29%; height: auto; display: inline-block; float: left; border: solid 1px white; margin-right: 20px; }
#hmerologio .container .jobsText .header2 { margin: 0; font-size: 22px; padding-bottom: 5px; float: left; width: 100%; color: #000; }
#hmerologio .container .jobsText { width: 65%; height: auto; min-height: 216px; display: inline-block; float: left; background-color: #fff; text-align: left; padding: 20px; border: solid 1px white; list-style: none; font-size: 20px; color: #404041; }
#hmerologio .container .jobsText a { font-size: 17px; color: #17365d; }
#hmerologio .container .jobsText a:hover {color: #71bf44;}
#hmerologio .container .jobsText a:active {color: #2a63a8;}
#hmerologio .container .jobsText ul {list-style: none;}
#hmerologio .container .jobsText ul li {line-height: 1.6rem;}
#hmerologio .container .header {padding-top: 30px;}
#hmerologio .container .header img {border: 1px solid white;}
#hmerologio .container .header .sml {display: none;}
.jobsText ul li {list-style-type: none;  margin-bottom: 0px;}
/* responsive */
@media only screen and (max-width: 1290px) {
    #hmerologio .container .jobsImg{width: 30%; margin:0; border: none; padding-right:.5rem;}
    #hmerologio .container .menujobs li {font-size: 16px;}
    #hmerologio .container .months li {font-size: 16px;}
}
@media only screen and (max-width: 820px) {
    #hmerologio .container .jobsImg{width:72%; margin:0;  border: none;}
}
@media only screen and (max-width: 450px) {
    #hmerologio{padding:0;}
    #hmerologio .container .header .sml {display: inline-block;}
    #hmerologio .container .header .lrg {display: none;}
    #hmerologio .container .slogan { display: inline-block; line-height: 1.8rem; font-size: 1.5em; text-align: center; width: 90%; height: auto; }
    #hmerologio .container .categories { width: 100%; height: auto; display: inline-block; margin: auto; padding: 1.2rem; }
    #hmerologio .container .categ-item { width: 99%; height: auto; background-color: #eaeaea; margin: .3rem; position: relative; display: inline-block; float: left; }
    #hmerologio .container .jobsImg { width: 89%; margin: 0; border: none; }
    #hmerologio .container .jobsText {width: 74%;}
    #hmerologio .container .jobsText .header2 {text-align: center;}
    #hmerologio .container .menujobs li {padding: 0; width: 100%; padding: .3rem 0 0.3rem 0;}
    #hmerologio .container .months li {float: none; padding: .3rem 0 0.3rem 0;}
    #hmerologio .container .jobsText ul {padding: .1rem;}
    #hmerologio .container .jobsText li {text-align: center;}
}