﻿/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
select{ font: 11px Arial, Verdana, sans-serif; color: #FFFFFF; background-color:#209BE4;}
input{ width:105px; height:18px; font: 11px Arial, Verdana, sans-serif; color: #FFFFFF; background-color:#209BE4; border:0px;}

/* LAYOUT */
#clear { clear:both; }
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
#space{width: 980px; height:29px; margin: 0 auto; position: relative;}


a{ text-decoration: none; color: #BFD7F2;}
a:hover{ text-decoration: underline;color: #FFFFFF;}
img { behavior: url(images/iepngfix.htc); }
.left{float:left;}
.right{float:right;}
.padT5{ padding-top: 5px;}
.padT10{ padding-top: 10px;}
.padL20 { padding-left: 20px;}
.padL10 { padding-left: 10px;}
.padL5 { padding-left: 5px;}
.padB5 { padding-bottom: 5px;}
.pad20 { padding: 20px; }
.pad10 { padding: 10px; }
.pad5 { padding: 5px; }
.white { color:#FFFFFF;}
.title{ font: 16px Arial, Verdana, sans-serif; color: #FFFFFF; font-weight:bold;}
.dest{ font: 12px Arial, Verdana, sans-serif; color: #FFFFFF;}
.dest2{ font: 12px Arial, Verdana, sans-serif; color: #BFD7F2;}
.peso{font: 12px Arial, Verdana, sans-serif; color: #FFFFFF;}
.AreaTitle{ font: 14px Arial, Verdana, sans-serif; color: #FFFFFF; background:url(images/bg_areatitle.jpg) left top repeat-x;}
.fs18{ font: 18px Arial, Verdana, sans-serif; color: #FFFFFF;}
.AreaTitleDiv{ behavior: url(images/iepngfix.htc); background:url(images/div_sombra.png) left top no-repeat; width:595px; height:36px;}
.hr{ border:0px; background:#3367B2; height:1px; color:#3367B2;}

.column { float: left; }
.grid2col, .grid3col, .grid4col { width: 100%; }
.grid2col .column { width: 49%; }
.grid3col .column { width: 32%; margin-left: 0%; _margin-left: 2%;}
.grid4col .column { width: 23%; margin-left: 3%; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

.body{ background:url(images/bg_luz.jpg) center top no-repeat #2B56A3; }
#TopBar{ behavior: url(images/iepngfix.htc); width:100%; height:71px; position:absolute; top:0px; background:url(images/bg_barra_topo.png) left top repeat-x; z-index:9; }
#Logo{width: 780px; position:absolute; top:0; left:50%; margin-left:-390px; z-index:99999;}
#Main{width: 780px; position:absolute; top:0; left:50%; margin-left:-390px; position: absolute; z-index:99; background:url(images/bg_page.png) left top repeat-y;}
#Content{width: 780px; left:50%; margin-left:-390px; *margin-left:-391px; _margin-left:-390px; position: absolute; top:244px; z-index:999;}
#ContentInt{width: 780px; left:50%; margin-left:-390px; *margin-left:-391px; _margin-left:-390px; position: absolute; top:164px; z-index:999;}

#Login td{ font: 11px Arial, Verdana, sans-serif; color: #FFFFFF;}
#Login td.linkp{font: 9px Arial, Verdana, sans-serif; color: #FFFFFF;}
#d01{width:596px; height:168px; background:url(images/bg_d01.jpg) left top repeat-x;}
#d02{}
#d03{width:596px; height:270px; background:url(images/bg_d03.jpg) left top repeat-x;}
.ftr{background:url(images/bg_bot02.gif) repeat-x;}
#ftrdv{ width:760px; height:34px; background:url(images/bg_bot01.gif) left no-repeat; font: 11px Arial, Verdana, sans-serif; color: #209BE4;}


#MenuFirst{margin:0px;width:148px;text-align:left;margin-bottom:4px;margin-left:8px;}
#MenuFirst dd{margin:2px;color:#57C4FF;line-height:20px;font-family:Arial,Tahoma;font-size:12px;font-weight:normal;background:url(images/bg_menu.jpg) left top repeat-x;}
#MenuFirst a{padding-left:4px;color:#57C4FF;}
#MenuFirst a:hover{color:#FFFFFF;width:100%;text-decoration: none;}
#MenuSecond{margin:0px;width:148px;text-align:left;margin-bottom:4px;}
#MenuSecond dd{margin:0px;color:#07A8FF;line-height:20px;font-family:Arial,Tahoma;font-size:11px;font-weight:normal;background:none;}
#MenuSecond a{padding-left:8px;color:#07A8FF;}
#MenuSecond a:hover{color:#FFFFFF;width:100%;text-decoration: none;}

#infonutri{ padding-top: 10px;}



