/*    optimized    */
*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,li,dl,ol,ul{list-style:none}
legend{color:#000}
button,select,textarea,input{font:100% serif}
table{border-collapse:collapse}
caption,th,td{text-align:left}
/*
//  custom section  //
*/
/* basic elemnets  */
body {
/*behavior:url("csshover.htc");*/
font: 10pt/14pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color: #000;
background:url(../img/bg-all.gif);
margin: 0;
padding: 0;
}
/*  custom section  */
/* basic elemnets  */
#all-cont{
background:#fff url(../img/bg-body-cont.jpg) repeat-x;
margin: 0;
padding: 0;
}
#all-home{
background:#fff url(../img/bg-body-home.jpg) repeat-x;
margin: 0;
padding: 0;
}
#header{
width:700px;
height:121px;
margin:0 auto;
padding:0;
clear:both;
}
#header h1 a {
background:transparent url(../img/header-logo.jpg) no-repeat scroll 0pt 20%;
display:block;
font-size:1%;
height:110px;
letter-spacing:-1000em;
color:#fff;
}
#banner-home{
width:708px;
height:198px;
margin:0 auto;
padding:0;
}
#banner-cont{
height:129px;
width:708px;
margin:0 auto;
padding:0;
}
#flashcontent {
background:transparent url(../img/banner-home.jpg) repeat-x;
width:708px;
height:198px;
}
.noFlash h2{
font-size:16px;
font-style:italic;
font-weight:bold;
margin-bottom:10px;
color:#990000
}
.noFlash{
color:#FFFFFF; font-size:12px; text-align:left; font-weight:bold;margin:20px 20px 0 0; padding:5px; width:133px; float:right; background:#fff;color:#333333
}
#lang{
background:url(../img/header-ln-icon.gif) no-repeat;
font: 7pt/26pt "Trebuchet MS", "Arial", Verdana, sans-serif;
width:118px;
height:32px;
float:right;
color:#666;
}
#lang div{
float:right;
margin:0 0 0 10px;
}
#cont-home{
width:700px;
margin:44px auto 0 auto;
}

#foot{
background:transparent url(../img/foot-bg.png) repeat-x;
width:100%;
height:93px;
}
#footCont{
width: 700px;
margin: 0 auto;
}
#footCopy{
float:left;
color:#666;
padding:65px 0 0 0;
font-size:8pt;
}
#hydra{
padding:65px 0 0 0;
float:right;
}
#hydra h1 a{
width:95px;
height: 19px;
background:transparent url(../img/hydramedialabs.gif);
display:block;
font-size:1%;
letter-spacing:-1000em;
text-indent:-1000em;
color:#fff;
}
.separator{clear:both}

/* a, hovers and fonts */
.note {
font: 9px "Trebuchet MS", "Arial", Verdana, sans-serif !important;
font-weight:normal !important;
font-style:italic !important;
color:#333 !important;
}
a{color:#666;text-decoration:none}
a:visited{color:#993333!important;}
a:hover{color:#CC2A39;text-decoration:underline}

a.download{
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#cc3333;
font-style: italic;
font-weight: bold;
height:20px;
padding: 0 0 0 25px;
margin-top:11px;
background:url(../img/pdf-icon.gif) no-repeat;
border-bottom:0 solid #fff !important;
}
a.download:hover{
text-decoration:underline !important;
margin-top:10px;
background:url(../img/pdf-icon.gif) no-repeat;
}
a.up{
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#cc3333;
font-style: italic;
font-weight: bold;
float:right;
height:20px;
padding: 0 0 0 15px;
margin-top:11px;
text-align:right;
background:url(../img/up.gif) no-repeat;
clear:both;
}
a.up:hover{
margin-top:10px;
background:url(../img/up.gif) no-repeat 0 -20px;
}

a.back{
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#cc3333;
font-style: italic;
font-weight: bold;
height:20px;
padding: 0 0 0 15px;
margin-top:11px;
text-align:right;
background:url(../img/back.gif) no-repeat;
clear:both;
}
a.back:hover{
margin-top:10px;
background:url(../img/back.gif) no-repeat 0 -20px;
}
/* left column */
.left-col{
float:left;
display:inline;
width:170px;
margin:0 0 0 7px;
padding:0;
border-right:1px dotted #ccc;
}
.left-col h1{
font-family:"Trebuchet MS","Arial",Verdana,sans-serif;
font-size:9pt;
font-weight:bold;
font-style: italic;
padding-top:15px;
color:#666;;
}
.left-col p{
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#666;
font-style: italic;
font-weight: normal;
}
.left-col p a, .center-col p a, #cont-cont p a{
border-bottom:1px dotted #666;
font-style: italic;
}
.left-col p a:hover, .center-col p a:hover,  #cont-cont p a:hover{
text-decoration:none;
border-bottom:2px solid #cc3333
}
/* right column */
.right-col{
width:176px;
float:right;
margin:0;
padding:0;
}

/* center column */
.center-col{
width:312px;
float:left;
padding:15px 17px 5px 17px;
}
.big{
width:480px !important;
border-right:1px dotted #ccc;
}
.center-col h1{
font: 14pt "Trebuchet MS", "Arial", Verdana, sans-serif;
font-weight: bold;
font-style: italic;
color:#cc3333;
}
.center-col p{
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#666;
font-style: italic;
font-weight: bold !important;
padding: 5px 0 0 0;
}
/* color options */
a.red {
color:#cc3333 !important;
border-bottom:1px dotted #cc3333 !important;
}
a.red:hover {
color:#cc3333 !important;
border-bottom:2px solid #cc3333 !important;
}


/* menu */
#menu{width:700px;height:28px;margin:0 auto;padding:0}
.solidblockmenu{margin: 0;padding: 0;float: left; width: 100%;}
.solidblockmenu li{display: inline;}
.solidblockmenu li a{float: left;text-decoration: none;font-size:1%;letter-spacing:-1000em;text-indent:-1000em;height:28px;overflow:hidden;}



/* content */
#cont-cont{
width:780px;
margin:44px auto 0 auto;
}
#cont-cont .left-col{
float:left;
display:inline;
width:170px;
margin:0 0 0 7px;
padding:0 0 0 41px;
border-right:1px dotted #ccc;
}
#cont-cont .dir{
width:220px;
}
#cont-cont .dir p{
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#CC2A39;
font-style: italic;
font-weight: normal;
}
#cont-cont .left-col li{
list-style-image:url(../img/list.gif);
padding:6px 0 0 0;
}
#cont-cont .left-col li a{
/*height:24px;*/
padding-bottom:5px;
border-bottom:#ccc 1px solid;
width:150px;
display: block;
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
font-weight:bold;
color:#cc3333;
}
#cont-cont .blok{
float:right;
width:495px;
display:inline;
margin-right:50px;
text-align:justify;
}
#cont-cont .blokcont{
float:right;
width:456px;
display:inline;
margin-right:50px;
}
.blokBig {
width:670px !important;
}

#cont-cont .blok h1, #cont-cont .blokcont h1{
font: 14pt/19pt "Trebuchet MS", "Arial", Verdana, sans-serif;
font-weight:bold;
font-style:italic;
color:#999;
}
#cont-cont .blok h2, #cont-cont .blokcont h2{
font: 14pt/23pt "Trebuchet MS", "Arial", Verdana, sans-serif;
font-weight:bold;
font-style:italic;
color:#cc3333;
margin-bottom:5px;
}
#cont-cont .blok h3{
font: 9pt "Trebuchet MS", "Arial", Verdana, sans-serif;
font-weight:bold;
font-style:italic;
color:#333;
margin:10px 0 5px 0;
}
#cont-cont .blok h4{
font: 10pt "Trebuchet MS", "Arial", Verdana, sans-serif;
font-weight:bold;
font-style:italic;
color:#333;
margin:10px 0 5px 0;
}
#cont-cont .blok p{
font: 9pt/12pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#666;
margin-bottom: 8px;
}
#cont-cont .blokSections{
margin-bottom:38px;
clear:both;
}
#cont-cont .blokSections ul{
margin:15px 0 15px 0;
}
#cont-cont .blokSections li{
list-style:inside;
list-style-type:disc;
margin:0 0 0 15px;
font: 9pt/14pt "Trebuchet MS", "Arial", Verdana, sans-serif;
font-weight:bold;
color:#666;
}
#cont-cont .blokSections li li {
list-style-type:circle;
font-weight:normal;
font-size:11px
}
#cont-cont .blokSections li ul {
margin:0 0 5px 0;
}
img.thumb{
border:#ccc 1px solid;
padding:5px;
float:left;
margin:0 12px 12px 0;
}
img.thumb:hover{
border:#CC3333 1px solid;
}
#cont-cont .blok table{
margin-top:10px;
margin-bottom:20px;
background:#FAFAFA;
font: 9pt/12pt "Trebuchet MS", "Arial", Verdana, sans-serif;
color:#666;
border-bottom:4px #ccc solid;
}
#cont-cont .blok table td{
padding:10px;
border:1px #ccc solid;
}
#cont-cont .blok table a{
color:#990000;
text-decoration:none;
}
#cont-cont .blok table a:hover{
color:#FF0000;
}

/* form */
#registro          {width:470px; padding:8px; margin:10px 0; background:#fff;}
#registro fieldset {border:0; background: #fafafa; padding:20px 20px 15px 20px;}
#registro legend   {font:16px "Trebuchet MS", "Arial", Verdana, sans-serif; color:#666; padding:0; width:168px;}
#registro p label  {font:12px "Trebuchet MS", "Arial", Verdana, sans-serif; color:#666; padding:0; width:168px; float:left; margin:5px 0}
#registro input, #registro textarea {width:251px;margin:5px 0;border:1px solid #ccc;font:12px "Trebuchet MS", "Arial", Verdana, sans-serif;padding:3px;background:#eee;}
#registro input:hover, #registro textarea:hover{background:#fff;border:1px solid #ccc; color:#cc3333}
#registro p br     {clear: left;}
.enviar            {float:right;width: 83px !important; height: 26px !important; margin:15px 0 0 0 !important; background:url(../img/bt-ok.gif) !important;border:0 !important;}
.borrar            {float:right;width: 83px !important; height: 26px !important; margin:15px 0 0 0 !important; background:url(../img/bt-reset.gif) !important;border:0 !important;}

.enviar2            {float:right;width: 83px !important; height: 26px !important; margin:15px 0 0 0 !important; background:url(../img/bt-ok2.gif) !important;border:0 !important;}
.borrar2            {float:right;width: 83px !important; height: 26px !important; margin:15px 0 0 0 !important; background:url(../img/bt-reset2.gif) !important;border:0 !important;}

#all-cont #cont-cont .blok .blokSections #registro fieldset .enviar:hover{
background:url(../img/bt-ok.gif) 0 -26px !important;
}
#all-cont #cont-cont .blok .blokSections #registro fieldset .borrar:hover{
background:url(../img/bt-reset.gif) 0 -26px !important;
}
.noteForm{
float:left;
padding:20px 0 0 0 !important;
margin:0 !important;
font-size:9px !important;
font-style:italic !important;
}

.contactMore p{
font-size:10px !important;
color:#333333 !important;
}
.contactMore p a{}

.downloadNote{
font-size:10px !important;
margin-left:24px !important;
}
