/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 2010 DarkBlue Master Site
// DarkBlue Consulting
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

html {overflow: -moz-scrollbars-vertical;}
html, body {height: 100%;}
body, input { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #535353; margin: 0; padding:0; cursor: default; }
td, a {font-size: 11px;color: #535353;text-decoration:none;}
td {vertical-align:top;}
img {border:0}
h1, h2, h3, h4, h5, p, ul, li, form, blockquote {margin:0;padding:0}
h1 {font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 18px;}
ul {padding-left:15px;list-style-type: square;}

/*// COMMON ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.bb {border-bottom: 2px solid #ffffff;}
.title {font-family: "Trebuchet MS", arial, helvetica, sans-serif;}

/* head */
.head {background: #ffffff url('http://static.darkblue.com.ar/static/hd.back.png') no-repeat scroll top right; }
.head img {float:right; }
.head div {position: relative; top: 65px;padding:10px;}
.head a {color: #7D7D7D; font-weight: bold;}
#search {display: inline; width: 150px;}
#search input {background-color: #ECF0F4; border: 1px solid #A9BBCC; width: 120px; padding: 2px; }

/* footer */
.foot {background: #ffffff url('http://static.darkblue.com.ar/static/ft.back.png') no-repeat scroll top right; border-bottom: 2px solid #ffffff; padding: 10px; color: #ffffff;}
.foot a, .foot td  {color: #ffffff;}
address {color: #ffffff; font-weight: bold;text-align: right; font-style:normal; width: 146px; padding: 10px; margin: 5px 20px 5px 10px; border-right: 1px solid #ffffff; }

.ftblog h3 a {background: transparent url('http://static.darkblue.com.ar/static/ft.rss.png') no-repeat scroll top left; padding: 0 2px 0 18px; display: block;}
.ftblog ul {margin-left: 3px;}


/* search results */
.sres {color: #878787;}
.sres h2 a {margin: 2px 0 5px 0; font-size:14px; color: #666666;}
.sres li {margin-bottom: 5px;}

/* sitemap */
.smap ul {margin-bottom: 5px;}
.smap h2 a{font-size: 12px; color: #FF9801;}


/*// HOME ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* portfolio */
#hport, .hpi {width: 955px; height: 400px;}
div.hpi{position: absolute; z-index:5 }
.hpit{position: relative; left: 725px; top: 30px; width: 180px; height: 160px; padding: 10px;background-color: #ffffff;}
.hpit h2 {line-height:12px;color:#002859;margin-bottom:5px;}
.hpit h2 a{line-height:12px;color:#002859;}
.hpit h2 a:hover{text-decoration: underline;}
.hpsel, .hpselb {width: 945px; height: 50px; padding: 10px;z-index: 20}
.hpsel img {cursor: pointer; margin: 2px;}
.hpsel img.sel {margin:0; border: 2px solid #fff;} 

/* products */
.hprod {font-size: 11px;color: #7D7D7D; vertical-align: middle;}
.hprod p{padding:5px;margin:0; width: 210px;}
.hprod h2 { color: #002859; font-size: 12px; margin-bottom: 2px;}
.hprod {height: 190px; background-color: #FAFAFA; width:955px}
.hprod .con td {width: 220px; height: 180px; padding: 0; background-color: #F2F2F2;border:1px solid #c6c9ce;}
.hprod .con td h2 a {background-color: #c6c9ce; display: block; padding:3px 3px 5px 3px;}
.hprod img {float: left; margin: 0 5px 5px 0;}
.hprod .more {display: block; text-align: right; font-weight: bold; color: #002859;}

/* links */
.lnx a {color: #929292}

/*// INTERNAL ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* left menu */
#inLM {background-color: #eeeeee;padding: 10px; border-top: 1px solid #878787;width:200px;}
#inLM .sub {margin-top: 10px; font-weight: bold;}
#inLM ul {padding:0;margin:0}
#inLM li {border-bottom:1px dashed #5F5F5F;list-style-type:none;margin:0;padding:2px;text-align:left;}
#inLM h2 {background-color: #878787; color: #ffffff; padding: 4px; font-size: 12px; width: 200px;margin:0;}
#inLM a {display: block; padding: 3px;}
#inLM a:hover {background-color: #a3a3a3; color: #ffffff;}

/* right menu */
#inRM {background-color: #fafafa; margin: 0 0 5px 5px; padding: 5px;color: #545454;float:right;width:460px;}
#inRM p {color: #888888; padding: 2px 10px 10px 10px;}
#inRM td.title {color: #878787;font-size: 14px;font-weight: 600; padding: 5px 0 8px 0;}
#inRM h2 {padding:0;margin:0}
#inRM h2 a {font-size: 12px;padding: 1px 5px 1px 5px;color: #FF9801;display: block;}
#inRM h2 a:hover, #inRM li a:hover {background-color: #eaeaea;}
#inRM ul {margin-bottom: 8px; padding: 0;}
#inRM li {list-style: none; padding-left: 8px;}
#inRM li a {padding: 1px 2px 1px 2px; color: #888888; display: block;}

/* image gallery */
#dbig {height: 400px;}
.cig {width: 955px; height: 400px; position: absolute;z-index: 1;}
.cigt img {cursor: pointer;}
.cigt, .cigtb {width: 935px; height: 50px; padding: 10px;z-index: 20}
.cigt img {cursor: pointer; margin: 2px;}
.cigt img.sel {margin:0; border: 2px solid #fff;} 

/* blog */
.blog .old h2 {font-family:"Trebuchet MS",arial,helvetica,sans-serif; font-size: 18px;}
.blog .old h3 a {font-size: 12px;display: block; border-bottom: 1px solid #666;}
.blog .old table td {background-color: #fafafa;}
.blog .content p {font-size: 12px; margin-top: 5px; line-height: 20px;}

/* portfolio */
.inCat td {background-color: #eeeeee;}
.inCat img {border-top: 1px solid #7D7D7D;border-left: 1px solid #7D7D7D;border-right: 1px solid #7D7D7D;border-bottom: 0; }
.inCat h1 {color: #002859;font-size: 20px;padding: 5px; border-bottom: 1px solid #7D7D7D;}
.inCat h2 a {font-size: 12px; background-color: #7D7D7D; padding: 5px; color: #ffffff; display:block; }
.inCat p {padding: 3px 5px 5px 5px;}

/* catalog */
.iProd h2 a {font-size: 12px; background-color: #7D7D7D; padding: 5px; color: #ffffff; display:block;min-height: 20px;}
.iProd td {width: 220px;}

/* content */
.sres h1, .ct h1  {background: #ffffff url('http://static.darkblue.com.ar/static/ft.back.png') no-repeat scroll center right; display: block; color: #ffffff;font-size: 18px;padding: 8px;}
.content {border-top: 1px solid #878787; padding: 10px;}
.content p.title {font-size: 18px;color: #7D7D7D; font-weight:bold; padding: 0 5px 0 5px;}
.content h1 {font-size: 18px;color: #878787;}
.content h2 {color:#003C79;font-size:14px;font-weight:bold;padding-top: 5px;margin:10px 0 5px 0;}
.content h2 a {color:#003C79;font-size:14px;font-weight:bold;text-decoration:none;}
.content h2 a:hover{color:#FF9801;text-decoration:underline;}
.content h3 {color:#666666;font-size:12px;font-weight:bold;padding-top: 5px;margin:0 0 2px 0;} 
.content blockquote {padding: 5px 80px 20px 80px; font-size: 12px; color: #FF9801; font-weight: bold;line-height: 18px;text-align:justify;}
.content p {padding-bottom: 5px;}
.content div {padding: 10px; }
.content ul {margin: 0 5px 5px 5px;}

/* in related table */
.inRT {float: right; background-color: #fafafa; margin: 0 0 5px 5px;width: 470px;}
.inRT img {border: 1px solid #878787; margin: 0 }
.inRT h3 { background-color: #878787; color: #ffffff; font-size: 12px; font-weight: bold; padding: 4px; border: 1px solid #878787; margin: 0;}
.inRT p {margin: 2px 5px 2px 5px;}

/* in related links */
#inREL {width: 150px;float:right;}
#inREL h2 {margin: 0;padding:0}
#inREL h2 a {font-size: 12px; background-color: #7D7D7D; padding: 5px; color: #ffffff; display:block; margin: 0}


/* in work flow */
.inWF {background-color: #F8F9FB; margin-left: 5px;}
.inWF h2 {margin: 2px 0 5px 0; font-size:14px; color: #666666; }
.inWF .title {font-family:"Trebuchet MS",arial,helvetica,sans-serif; font-size: 18px; font-weight: bold; color: #878787; padding: 0 10px 0 10px; }
.inWF .bign {font-size: 36px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight:bolder; text-align:right; color: #878787;}


/* div dest */
.dest{padding: 10px; float: left;font-size:12px;}
.dest p {text-align: right; line-height: 25px;padding: 5px 40px 0 40px;}
.dest blockquote {padding:0}
.dest blockquote p {padding-right: 40px;}
.dest .di {color: #003366}
.dest table {border-spacing:2px;}
.dest td {text-align: center; background-color: #fafafa; color: #FF9801;}
.dest .lbl {color: #003366; text-align: right;background-color: #ffffff;vertical-align:middle;}
.dest .title {background-color: #878787; color: #ffffff; font-weight: bold;}

/* contact */
#contact table {width: 100%}
#contact td {vertical-align: top;}
#contact .label { text-align: right; margin-top: 7px;}
#contact input, #contact textarea, #contact select {border:1px solid #666666; font-family: tahoma, arial, helvetica, sans-serif;font-size: 11px;color: #333333;text-align: left;}
#contact input, #contact textarea, #contact select  {width: 250px;}
#contact #button{width:auto; padding: 4px; font-weight: bold;text-align: center;}
#contact .error, #contact input.chk.error {border: 2px solid #ff0000;}
#contact .error.alertMsg {font-weight: bold; color: #ff0000;border:0}
#contact input.chk {border:0; width:auto;display: inline;}

/* path navigator */
div.pathNavigator {padding:0;}