/* =========== */
/* = Generic = */
/* =========== */
*{margin:0;padding:0;}
a:link{color:#0033CC;}
a:visited{color:#6699CC;}
a:hover{text-decoration:none;}
a img{border:0;}
body{font:0.9em/1em Arial,Helvetica,Verdana,sans-serif;}
h1,h2,h3,
h4,h5,h6{font-size:1em;margin:0 0 0.3em;line-height:1.45em;font-weight:normal;}
p,ol,ul,dl,
table,
blockquote{margin:0 0 15px;line-height:1.45em;}
blockquote{margin:15px;font-style:italic;}
hr{border:0;margin:15px 0;float:none;clear:both;}
ol,ul{list-style-position:outside;margin-left:1.7em;}
table{width:100%;border-spacing:0px;border:2px solid #ccc;background-color:#fff;}
table p{margin:0;}
table caption{line-height:1em;text-align:center;font-weight:bold;background-color:#eee;padding:7px 0;font-size:1.15em;}
table th{font-size:1.1em;background-color:#eaeaea;text-align:center;font-weight:bold;}
table th,
table td{padding:10px;border:1px solid #ccc;border-left:0;border-top:0;}
tr:nth-child(odd){background-color:#F8F8F8;}
/**************************************************
**************************************************
* CLASSES-GENERIC
**************************************************
**************************************************/
/* ============== */
/* = Font-sizes = */
/* ============== */
.small{font-size:0.9em;}
.smaller{font-size:0.8em;}
.large{font-size:1.1em;}
.larger{font-size:1.2em;}
/* ========= */
/* = Align = */
/* ========= */
.left{text-align:left;}
span.left,
img.left{float:left;}
.right{text-align:right;}
span.right,
img.right{float:right;}
.center{clear:both;text-align:center;}
span.center,
img.center,
a.center{display:block;}
img.center{margin:0 auto;}
/* ========== */
/* = Colors = */
/* ========== */
.red{color:red;}
.green{color:green;}
.blue{color:blue;}
.magenta{color:magenta;}
.orange{color:orange;}
.teal{color:teal;}
.cayenne{color:#580000;}
.candaloupe{color:#FFCC64;}
.yellow{color:#FFCC00;}
/* ========== */
/* = Status = */
/* ========== */
.error,
.highlight,
.success{padding:10px;}
.active{font-weight:bold;}
/* ============== */
/* = Data types = */
/* ============== */
.heading{font-size:1.4em;}
.heading a:link,
.heading a:visited{text-decoration:none;}
.heading a:hover{text-decoration:underline;}
.title{font-size:1.1em;}
.title a:link,
.title a:visited{text-decoration:underline;}
.title a:hover{text-decoration:none;}
.description,
.date,
.meta,
.more,
.copyright{font-size:0.9em;}
.description a:link,
.description a:visited,
.date a:link,
.date a:visited,
.meta a:link,
.meta a:visited{text-decoration:underline;}
span.image{line-height:1em !important;}
span.image img{border:1px solid black;padding:1px;}
/**************************************************
**************************************************
* SECTIONS
**************************************************
**************************************************/
.section,.inner{position:relative;}
.section > .inner,
.section > form > .inner{padding:15px;}
/* ============== */
/* = Navigation = */
/* ============== */
.navigation,
.navigation ul,
.navigation ol{z-index:1;line-height:1em;}
.navigation ul,
.navigation ol{list-style:none;margin:0;padding:0;}
.navigation li{z-index:1;position:relative;}
.navigation li .date{display:block;margin:3px 0;}
.navigation li.active > a{text-decoration:none !important;}
/* ======== */
/* = Logo = */
/* ======== */
#logo{line-height:1em;font-size:2em;/*padding:15px 0 0 15px;*/}
#logo a{text-decoration:none;outline:none;}
#logo a span{position:absolute;top:0;left:0;visibility:hidden;}
/* ========== */
/* = Search = */
/* ========== */
#search{text-align:right;position:absolute;right:0;top:0;width:230px;}
#search input.text{display:block;width:100%;padding:2px 0;margin:0 0 10px 0;}
#search input.submit{cursor:pointer;}
/* ============= */
/* = Breacrumb = */
/* ============= */
#breadcrumb{font-size:0.8em;}
#breadcrumb .heading,
#breadcrumb ul,
#breadcrumb ol,
#breadcrumb li{font-size:inherit;display:inline;margin:0;line-height:1em;}
#breadcrumb li{margin-right:3px;}
#breadcrumb,
#breadcrumb a{color:#999;}
#breadcrumb a:link,
#breadcrumb a:visited{text-decoration:underline !important;}
#breadcrumb a:hover{text-decoration:none !important;}
#breadcrumb li.current_page a,
#breadcrumb li.last a{text-decoration:none !important;}
/* ========= */
/* = Index = */
/* ========= */
.index .item{border-bottom:1px solid black;padding:10px 0 0 0;clear:both;overflow:hidden;}
.index .last{margin-bottom:20px;border-width:0;}
.index .item a{}
.index .image{float:right;margin:0 0 10px 10px;}
/* ======== */
/* = Text = */
/* ======== */
.text{line-height:1.4em;}
.text h3,
.text h4,
.text h5,
.text h6{}
.text h3{font-size:1.35em;}
.text h4{font-size:1.25em;}
.text h5{font-size:1.1em;}
.text h6{font-size:1.05em;}
.text ol,
.text ul{}
.text li{margin:5px 0;}
.text .heading{font-size:1.8em;}
.text .description{font-size:1.25em;line-height:1.2em;margin-bottom:1em;}
.text span.image{float:right;margin:0 0 10px 10px;}
/* =========== */
/* = Banners = */
/* =========== */
.bnnrs{text-align:center;}
.bnnrs .item{margin:10px 0 ;}
/* ============= */
/* = Copyright = */
/* ============= */
.copyright{padding:15px;text-align:center;}
/**************************************************
**************************************************
* MODULES
**************************************************
**************************************************/
#contact .grid-row{margin:5px 0 ;}
#contact .grid-item{padding:3px;}
#contact input.grid-item,
#contact textarea.grid-item{border:1px solid black;}
#contact span.highlight{padding:2px;}
/**************************************************
**************************************************
* CONTENT-AREAS
**************************************************
**************************************************/
/* =========== */
/* = Wrapper = */
/* =========== */
#wrapper{padding:15px 0;}
.wrapper-inner{}
/* ========== */
/* = Header = */
/* ========== */
.header-inner{z-index:1;}
#navigation_global .navigation-inner{padding:0;}
#navigation_global li{float:left;margin:1px 0;}
#navigation_global li a{display:block;padding:15px 25px;}
#navigation_global,
#footer .navigation{z-index:1;font-family:Verdana;font-size:0.9em;}
#header .navigation li.active{}
#header .navigation li:hover ul,
#header .navigation li:hover ol{display:block;}
#header .navigation li ul,
#header .navigation li ol,
#header .has-js .navigation li:hover ul,
#header .has-js .navigation li:hover ol{display:none;position:absolute;z-index:1;padding:5px;}
#header .navigation li li{float:none;display:block;text-align:left;}
/* ======== */
/* = Body = */
/* ======== */
/* =========== */
/* = Primary = */
/* =========== */
#secondary .section + .section .inner,
#primary .section + .section .inner{padding-top:0;}
/* ============= */
/* = Secondary = */
/* ============= */
#secondary{font-size:0.9em;}
#secondary .navigation{line-height:1em;}
#secondary .navigation .heading{line-height:inherit;font-size:1.1em;font-weight:bold;}
#secondary .navigation ol,
#secondary .navigation ul{line-height:1.2em;}
#secondary .navigation li{padding:5px 0;margin:2px 0;}
#secondary .navigation li a{text-decoration:underline;}
/* ============ */
/* = Tertiary = */
/* ============ */
#tertiary{clear:both;font-size:0.85em;}
/* ========== */
/* = Footer = */
/* ========== */
#footer{font-size:0.85em;}
#footer .navigation{float:left;width:50%;}
#footer .navigation li{display:inline;margin:0 10px;}
#footer .navigation a{text-decoration:underline;}
/* ========= */
/* = Grids = */
/* ========= */
.grid-size-0_5{width:5% !important;}
.grid-size-1{width:10% !important;}
.grid-size-1_5{width:15% !important;}
.grid-size-2{width:20% !important;}
.grid-size-2_5{width:25% !important;}
.grid-size-3{width:30% !important;}
.grid-size-3_5{width:35% !important;}
.grid-size-4{width:40% !important;}
.grid-size-4_5{width:45% !important;}
.grid-size-5{width:50% !important;}
.grid-size-5_5{width:55% !important;}
.grid-size-6{width:60% !important;}
.grid-size-6_5{width:65% !important;}
.grid-size-7{width:70% !important;}
.grid-size-7_5{width:75% !important;}
.grid-size-8{width:80% !important;}
.grid-size-8_5{width:85% !important;}
.grid-size-9{width:90% !important;}
.grid-size-9_5{width:95% !important;}
.grid-size-10{width:100%!important;clear:both;float:none;overflow:hidden;}
.grid-size-auto{width:auto !important;}
.grid-left-0_5{margin-left:5% !important;}
.grid-left-1{margin-left:10% !important;}
.grid-left-1_5{margin-left:15% !important;}
.grid-left-2{margin-left:20% !important;}
.grid-left-2_5{margin-left:25% !important;}
.grid-left-3{margin-left:30% !important;}
.grid-left-3_5{margin-left:35% !important;}
.grid-left-4{margin-left:40% !important;}
.grid-left-4_5{margin-left:45% !important;}
.grid-left-5{margin-left:50% !important;}
.grid-left-5_5{margin-left:55% !important;}
.grid-left-6{margin-left:60% !important;}
.grid-left-6_5{margin-left:65% !important;}
.grid-left-7{margin-left:70% !important;}
.grid-left-7_5{margin-left:75% !important;}
.grid-left-8{margin-left:80% !important;}
.grid-left-8_5{margin-left:85% !important;}
.grid-left-9{margin-left:90% !important;}
.grid-left-9_5{margin-left:95% !important;}
.grid-right-0_5{margin-right:5% !important;}
.grid-right-1{margin-right:10% !important;}
.grid-right-1_5{margin-right:15% !important;}
.grid-right-2{margin-right:20% !important;}
.grid-right-2_5{margin-right:25% !important;}
.grid-right-3{margin-right:30% !important;}
.grid-right-3_5{margin-right:35% !important;}
.grid-right-4{margin-right:40% !important;}
.grid-right-4_5{margin-right:45% !important;}
.grid-right-5{margin-right:50% !important;}
.grid-right-5_5{margin-right:55% !important;}
.grid-right-6{margin-right:60% !important;}
.grid-right-6_5{margin-right:65% !important;}
.grid-right-7{margin-right:70% !important;}
.grid-right-7_5{margin-right:75% !important;}
.grid-right-8{margin-right:80% !important;}
.grid-right-8_5{margin-right:85% !important;}
.grid-right-9{margin-right:90% !important;}
.grid-right-9_5{margin-right:95% !important;}
.grid-row{line-height:1em;margin:0;padding:0;list-style:none;position:relative;display:block;}
.grid-item{width:auto;float:left;display:block;position:relative;margin:0;padding:0;}
select.grid-item,
input.grid-item{position:static;display:inline;float:none;}
.grid:after,
.grid-row:after{content:' ';display:block;float:none;line-height:0;height:0;clear:both;}
/* ========== */
/* = Hiding = */
/* ========== */
#navigation_global .heading,
.header .navigation .heading,
.footer .navigation .heading,
.search .heading,
.bnnrs .heading,
.hide{position:absolute;left:-9999em;}
/* ============ */
/* = Clearing = */
/* ============ */
.section:after,
.inner:after,
.content:after,
.navigation ol:after,
.navigation ul:after{clear:both;display:block;line-height:0;height:0;content:" ";}
.clear{clear:both;}
span.clear{line-height:0;height:0;font-size:0;overflow:hidden;}
/* =========== */
/* = Credits = */
/* =========== */
#credits,
#credits a{display:block;width:52px;height:41px;}
#credits{margin:0;padding:0;line-height:1em;position:absolute;right:0;bottom:0;}
#credits a{text-indent:-9999em;outline:none;background:url('http://meelocms.com/admin/octavodia_logo.png') no-repeat top left;}
/* ========= */
/* = Print = */
/* ========= */
@media print{html{padding:0;margin:0;}
body{font-size:0.75em;padding:0;margin:0;color:#000;}
a:link,a:visited{color:#000099;background:transparent;font-weight:bold;text-decoration:underline;}
h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid;}
img{page-break-inside:avoid;page-break-after:avoid;}
table,tr,td,th,p,blockquote,pre,ul,ol,dl{page-break-inside:avoid;}
ul,ol,dl{page-break-before:avoid;}
#wrapper{padding:0;margin:0;}
.wrapper-inner{margin:0;padding:0;width:auto;}
#logo a span{position:static;display:block;font-size:11pt;font-weight:normal;visibility:visible;text-align:left;color:#000;}
#breadcrumb .heading{display:none;}
#breadcrumb ol:before{content:'Navigate to this page:';}
#footer,
#breadcrumb{font-size:0.9em;border-top:3px solid #ccc;border-bottom:3px solid #ccc;}
#breadcrumb ol,
#breadcrumb ul,
#breadcrumb li{display:block;float:none;margin:5px;}
#breadcrumb a{font-weight:normal;}
#credits,
#credits a{width:auto;height:auto;position:static;}
#credits a{text-indent:0;}
.text{text-align:justify;background-color:#fff ;}
.index a:link:after,.index a:visited:after{display:block;}
.breadcrumb a:link:after,.breadcrumb a:visited:after,
.index a:link:after,.index a:visited:after,
.text a:link:after,.text a:visited:after{content:" (" attr(href) ") ";font-size:80%;color:#666 !important;padding:3px;background-color:#fff;}
.index .item,
.grid-size-10{overflow:visible;}
/* ======== */
/* = Hide = */
/* ======== */
#search,
#secondary,#tertiary,
#header .navigation,
.bnnrs{display:none;}
}