﻿/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 2010 Catedra Ferro | Design by Valeria Ferro | Coding by The DarkAngel 
// DarkBlue Consulting | Buenos Aires | Argentina
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

html {overflow: -moz-scrollbars-vertical;}
body, input { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #545454; margin: 0; padding:0; cursor: default; }
td, a {color: #545454;text-decoration:none;}
td {vertical-align:top;font-size: 11px;}
img {border:0}
h1, h2, h3, h4, h5, p, ul, li, form, blockquote {margin:0;padding:0}
h1, h2, h3, h4, h5 {font-family: arial, helvetica, sans-serif;}
h1 {font-size: 18px;}
ul {padding-left:15px;list-style-type: square;}


/*// COMMON ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body {background-image: url(/static/cm.bodybg.png)}
div#header {position:fixed; top:0; left: 50%; width: 980px; height: 100px; margin-left: -490px;}
div#home,div.content {padding-top: 140px; background-color: #fff; }
div#home,div.content,div#footer{width: 980px; margin-left: auto;margin-right:auto;}
div.content {width: 970px; padding: 140px 5px 10px 5px; min-height: 350px;}
.logo, .contact { background: #791A18 url(/static/procivitas.bg.png) repeat-x scroll left top; border-bottom: 1px solid #fff; }


/* top menu */
.logo {padding: 0}
.tm {background-color: #791A18; color: #fff; font-size: 12px; border-bottom: 2px solid #fff;}
.tm a {border-left: 1px solid #fff; padding: 7px; font-weight: bold; color: #fff; display:block;}

/* company lane */
#footer {background-color: #f0dcba;}
#footer h3{font-size: 12px;}
.legal, .powered {background-color: #791A18; color: #fff; border-top: 1px solid #fff;}
.legal a, .powered a {color: #fff; text-decoration: none;}

/* subscribe */
input, select,textarea {border:1px solid #e6e6e6; background-color: #f6f6f6; font-family: Sans-Serif; font-size: 12px; padding: 1px;width: 270px;}
input.bt,input.ch{width:auto;}
input.ch{background-color:transparent;border: 0;}


/*// HOME ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* main note */
.ntP h1 {margin-top: 10px;}
.ntP h1 a {font-size: 16px; color:#791A18; font-weight: bold; text-transform: uppercase;}
.ntP p {color: #777777; font-size: 12px;}
.ntP p.sub {font-size: 14px; color: #aaaaaa; margin-bottom: 10px;}
.ntP a.lnk {float: right; background: url(/static/cm.more1.png) no-repeat left center; padding: 4px 2px 12px 24px; font-weight: bold; color: #ffa719; margin-top: 5px; margin-bottom: 10px;}

/* secondary notes */
.ntS {border-left: 1px dotted #aaacad;}
.ntS div {border-bottom: 1px dotted #aaacad; padding-bottom: 5px; margin-bottom: 5px;}
.ntS h2 a {font-size: 14px;font-weight: normal; color: #791A18;text-transform: uppercase;}
.ntS p {color: #777777; font-size: 11px;}
.ntS p.sub {font-size: 14px; color: #aaaaaa; margin-bottom: 2px;}
.ntS p.lnk {text-align: right; margin-top: -10px;}


/*// INTERNAL ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* note */
.content {font-size: 12px;}
.content p {padding-bottom: 5px;}
.content h1 {font-family: Arial, Sans-Serif; font-size: 24px; color: #791A18;}
.content h2 {font-size: 14px; color: #791A18; padding: 10px 0 5px 0; border-bottom: 1px solid #791A18; margin-bottom: 5px;}
.content img.mi {float: right; margin: 0 0 10px 10px;}
.content .sub {font-size: 18px; padding: 0 10px 10px 1px;}
blockquote.q {background-color: #f6f6f6; font-size: 12px;font-weight: bold; padding:10px; margin: 0 10px 10px 0; width: 200px; float:left;line-height: 15px;}


/* content menu */
table.intMenu {border-spacing: 1px; vertical-align: top;}
table.intMenu td {padding: 2px; width: 230px; }
table.intMenu img {text-align: center}
table.intMenu h2 { background-color: #791A18; padding: 0; margin: 0; min-height: 28px;}
table.intMenu h2 a {color: #ffffff; display: block; text-decoration: none; font-size: 12px; padding: 5px; margin:0}
table.intMenu p {padding: 3px;}
table.intMenu ul {margin: 0px; padding: 3px 3px 3px 18px;list-style-type: square;}
table.intMenu ul li {padding: 0px; margin: 0px;}
table.intMenu a.link {text-align: left; font-weight: bold;  display: block;padding-left: 14px; background: transparent url( '/static/cm.more2.png' ) no-repeat left bottom }
