@charset "utf-8";

* { margin: 0px; padding: 0px; border-style: none; list-style: none; }

html, body {height: 100%;}
body { font: 12px/135% "Trebuchet MS", Arial, sans-serif; background: #FFFFFF url(../images/bg.png) repeat-x center 530px; }
body#pg { background: #FFFFFF url(../images/bg.png) repeat-x center 122px; }
h2 { font: bold 22px "Trebuchet MS", Arial, sans-serif; color: #285FB9; margin-bottom: 10px; }
h3 { font: bold 16px "Trebuchet MS", Arial, sans-serif; color: #646464; margin-top: 15px; margin-bottom: 5px;  }
p { font: 14px/135% "Trebuchet MS", Arial, sans-serif; color: #646464; display: block; padding-top: 3px; padding-bottom: 3px; }
a, a:link, a:visited, a:active { font-family: "Trebuchet MS", Arial, sans-serif; color: #285FB9; text-decoration: none; }
a:hover { color: #FF3300; }

/***************************************************/
/*--------->>> Ftr Ajuste -------------------------*/
/***************************************************/
div#master { min-height: 100%; height: auto !important; height: 100%;  }
div#master { margin: 0px auto -72px; }
div#ftr, div#spc { height: 72px;  }
div#spc { clear: left; float: left; width: 100%;  }


/***************************************************/
/*--------->>> Master Container -------------------*/
/***************************************************/
div#master { float: left; width: 100%; position: relative; }
div#all { float: none; width: 970px; position: relative; margin-right: auto; margin-left: auto; }

div#bg, div#bg div#stp { background: #000000 url(../images/top_bg_1.jpg) no-repeat center top; float: left; height: 530px; width: 100%; position: absolute; top: 0px; z-index: -1; }
div#bg div#stp { background: url(../images/stripes.png) no-repeat center top; }
div#bg div#glow { background: url(../images/glow.png) no-repeat center top; height: 339px;  }
* html div#bg div#stp {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/stripes.png', sizingMethod="crop"); }
* html div#bg div#glow {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/glow.png', sizingMethod="crop"); }

div.bg2, div#bg div.stp2 { height: 122px!important; width: 100%; position: absolute; top: 0px; z-index: -1; }
div#bg div#glow2 { background: url(../images/glow2.png) no-repeat center top; height: 339px;  } 

/***************************************************/
/*--------->>> Top -------------------------------*/
/***************************************************/
div#top { float: left; height: 535px; width: 100%; }
div.top2 { float: left; height: 127px!important; width: 100%;}
div#top a#cryo { background: url(../images/logo_cryo.png) no-repeat left top; clear: left; float: left; font: bold 15px "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; color: #FFFFFF; text-decoration: none; text-align: center; outline:none; margin-top: 14px; }
div#top h1 { font: bold 48px Arial, Helvetica, sans-serif; color: #FFFFFF; clear: right; float: right; white-space: nowrap;}
div#top h1 span { font-weight: normal; }

div#top p { font: normal 18px Arial, Helvetica, sans-serif; color: #FFFFFF; clear: right; float: right; height: auto; width: 420px; text-align: right; }
div#top ul#list { clear: right; float: right; margin-top: 30px; list-style: none; }
div#top ul#list li { font: normal 18px Arial, Helvetica, sans-serif; color: #FFFFFF; list-style: none; padding-top: 2px; padding-bottom: 2px; }
div#top a#bt_tp { background: url(../images/bt_top.png) no-repeat left top; clear: right; float: right; height: 30px; width: 312px; font: bold 15px "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; color: #FFFFFF; text-decoration: none; text-align: center; padding-top: 10px; outline:none; margin-top: 40px; }
div#top a#bt_tp:hover { background: url(../images/bt_top.png) no-repeat left -50px; }
* html div#top a#bt_tp {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bt_top_ie_alt.png', sizingMethod="crop"); cursor:pointer; }
* html div#top a#bt_tp:hover {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bt_top_ie_hover.png', sizingMethod="crop"); cursor:pointer; }


/***************************************************/
/*--------->>> Menu -------------------------------*/
/***************************************************/
ul#menu { float: right; width: auto; position: relative; font: bold 16px "Trebuchet MS", Arial, sans-serif!important; color: #333333; clear: right; margin-bottom: 90px; margin-top: 18px; list-style: none; }
ul#menu li { float: left; }
ul#menu li a { display: block; text-decoration: none; color: #4B4B4B; float: left; padding-right: 3px; }
ul#menu li a u { color: #FFFFFF; text-decoration: none; height: 27px; padding-top: 3px; padding-left: 9px; padding-right: 6px; clear: left; float: left; cursor:pointer; }
ul#menu li a:hover { background: url(../images/menu_over.png) no-repeat right -50px; }
ul#menu li a:hover u { background: url(../images/menu_over.png) no-repeat left top; color: #285FB9; }
ul#menu li span { float: right; position: absolute; top:40px; display: none; width: 700px; color: #FFFFFF; font: 13px Arial, Helvetica, sans-serif; text-align: right; right: 0px; }
ul#menu li:hover span { display: block; }
ul#menu li span a { display: inline!important; }
ul#menu li span a:hover {text-decoration: underline;}

img#telas { margin-top: -400px; position: relative; clear: left; float: left; margin-left: -20px;}

/***************************************************/
/*--------->>> Mid --------------------------------*/
/***************************************************/
div#mid { float: left; height: auto; width: 970px; padding-bottom: 30px; }
div#mid h2 u { display: block; font: bold 14px "Trebuchet MS", Arial, sans-serif; color: #7D7D7D; text-decoration: none; }
div#lft { float: left; height: auto; width: 640px; }

ul#lt { clear: left; float: left; height: auto; width: 640px; padding-bottom: 15px; }
ul#lt li { clear: left; float: left; }
ul#lt li.h4 { font: bold 14px "Trebuchet MS", Arial, sans-serif; color: #285FB9; float: left; width: 640px; margin-bottom: 2px; padding-top: 10px; }
ul#lt li a { clear: left; float: left; width: 640px; padding-top: 3px; padding-bottom: 3px; }
ul#lt li a img { float: left; height: 102px; width: 102px; background: #FFFFFF; border: 1px solid #FFFFFF; }
ul#lt li a b { font: bold 14px "Trebuchet MS", Arial, sans-serif; color: #646464; clear: none; float: left; width: 526px; padding-left: 10px; padding-top: 4px; padding-bottom: 2px; }
ul#lt li a i { font: normal 11px "Trebuchet MS", Arial, sans-serif; color: #7D7D7D; clear: none; float: left; width: 526px; padding-left: 10px; }
ul#lt li a u { float: left; width: 526px; padding-left: 10px; color: #285FB9; text-decoration: none; }
ul#lt li a:hover { background: #F0F0F0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 2px; padding-bottom: 2px; }
ul#lt li a:hover img { border: 1px solid #C8C864; }
ul#lt li a:hover b { color: #1E468C; }
ul#lt li a:hover i { color: #646464; }
ul#lt li a:hover u { color: #FF3300; }
ul#lt li a u:hover { text-decoration: underline; color: #646464; }



div#rgt { float: right; height: auto; width: 310px; }
div#rgt h3 { font: bold 16px "Trebuchet MS", Arial, sans-serif; color: #285FB9; text-align: right; margin-bottom: 8px; margin-top: 0px; background: url(../images/points_blue.gif) repeat-x left bottom; }
div#rgt p { font: 12px "Trebuchet MS", Arial, sans-serif; color: #646464; display: block; padding-top: 0px; padding-bottom: 4px; text-align: right; }
div#rgt ul#thb { clear: right; float: right; list-style: none; margin-bottom: 15px; }
div#rgt ul#thb li { float: left; height: auto; width: 103px; }
div#rgt ul#thb li a { float: right; }
div#rgt ul#thb li a:hover {}

/***************************************************/
/*--------->>> Bot --------------------------------*/
/***************************************************/
div#bot { float: left; height: auto; width: 970px; margin-top: 20px; }
div#bot div.box { height: 144px; width: 290px; background: url(../images/bg_box.gif) no-repeat left top; margin-left: 10px; padding: 8px 10px; position: relative; float: left; clear: none; }
div#bot div.box h3 { font: bold 14px "Trebuchet MS", Arial, sans-serif; color:#285FB9; display: block; margin: 0px; background: url(../images/points_blue.gif) repeat-x left bottom; }
div#bot div.box p { font: 12px/130% "Trebuchet MS", Arial, sans-serif; color: #646464; position: relative; display: block; margin: 0px; padding: 0px; }

div#bot div.box ul { position: relative; float: left; width: 290px; padding-top: 6px; padding-bottom: 5px; clear: left; z-index: 1; }
div#bot div.box ul li { clear: none; float: left; margin: 0px; padding: 0px; }
div#bot div.box ul li a { clear: left; float: left; height: 60px; width: 90px; border: 1px solid #C8C8C8; position: relative; }
div#bot div.box ul li a:hover { border: 1px solid #969696; }

/***************************************************/
/*--------->>> Area -----------------------------*/
/***************************************************/
div#area { width: 100%; margin-right: auto; margin-left: auto; position: relative; background: #285FB9 url(../images/area_bg.png) repeat-x left top; clear: left; float: left; height: auto; padding-bottom: 15px; padding-top: 24px; }
div#ar { width: 970px; margin-right: auto; margin-left: auto; position: relative; height: auto; display: block; }
div#area div.ar_box { float: left; height: auto; width: 310px; }
div#area div.ar_box h3 { font: bold 16px "Trebuchet MS", Arial, sans-serif; color: #FFFFFF; margin: 0px 0px 5px; padding: 0px; background: url(../images/points_white.gif) repeat-x left bottom; float: left; width: 310px; clear: both; }
div#area div.ar_box a { font: bold 14px Arial, Helvetica, sans-serif; color: #F0BE00; float: left; width: 310px; }
div#area div.ar_box a:hover { color: #CCCCCC; }

div#area div.ar_box ul { float: left;}
div#area div.ar_box ul li { clear: left; float: left; }
div#area div.ar_box ul li a { font: 11px "Trebuchet MS", Arial, sans-serif; color: #FFFFFF; clear: left; float: left; height: auto; width: 310px; padding-top: 2px; padding-bottom: 2px; }
div#area div.ar_box ul li a:hover { color: #FF9900; }
div#area div.ar_box ul li.more a { font: normal 10px Tahoma, Arial, sans-serif; color: #FFCC00; text-align: right; margin-top: 6px; }
div#area div.ar_box ul li.more a:hover { color: #FFFFFF; }

/***************************************************/
/*--------->>> Twitter Box ------------------------*/
/***************************************************/
#tweets { float: left; width: 310px; margin-bottom: 20px; clear: both; }
#tweets li { list-style-type:none; font: bold 11px Arial, Helvetica, sans-serif; clear: left; text-align: left; color: #FFFFFF!important; position: relative; height: auto; float: left; width: 310px; padding-top: 3px; padding-bottom: 3px; }
#tweets li:hover { color: #646464; }
#tweets .hash { color:#7B9100; } 
#tweets .reply { color:#324BAF; } 
#tweets a:link, #tweets a:active, #tweets a:visited { text-decoration:none; color:#F0BE00!important;}
#tweets a:hover { color:#FFFFFF!important; }
#tweets small { font-style:italic; display: none; }
a.twt { background: url(../images/button_twitter.png) no-repeat left top; height: 25px; width: 180px!important; color: #FFFFFF!important; font: bold 14px Arial, Helvetica, sans-serif!important; text-align: center; padding-top: 7px; float: left!important; clear: left; }
a.twt:hover { background: url(../images/button_twitter.png) no-repeat left -50px; }

/***************************************************/
/*--------->>> Footer -----------------------------*/
/***************************************************/
div#ftr { width: 100%; margin-right: auto; margin-left: auto; position: relative; background: #333333 url(../images/footer_bg.png) repeat-x left top; display: block; clear: left; float: none;  }
div#ftr_2 { display: block; width: 970px; margin-right: auto; margin-left: auto; }
div#ftr p { color: #B4B4B4; margin: 0px; padding: 2px 0px 1px; font: 11px "Trebuchet MS", Arial, sans-serif; clear: left; float: left; height: auto; width: 600px; }
div#ftr_2 img#selo { float: right; margin-top: 12px; }