html, body {margin:0; padding:0; width:100%; height:100%; background-color:#f3f3f3;}
img{border-style: none; border-width: 0px; width:auto; height:auto; max-width: 100%; }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
*:focus {outline: none;}
hr{width: auto; height: 2px; border: 0;  background-color: #016bab; margin: 2% 0}
.titles{font-family: Arial; font-size: 144%; color: #016bab; text-decoration: none; text-align: center; font-style:italic; font-weight:bold;text-shadow: -1px -1px 7px #fff;}

h3{font-family: Arial; color: #016bab; text-decoration: none; text-align: right;  font-style:italic; font-weight:bold;}
h2{font-family: Arial; color: #016bab; text-decoration: none; text-align: center;}
h1{font-family: Arial; color: #016bab; text-decoration: none; text-align: left; font-weight:bold;}
.h9{position: relative; margin-bottom:-44px; text-decoration: none; text-align: right; color:#3399FF; font-weight:bold}


h1,h2,h3,h4,h5,h6{/* margin:0; */font-weight:bold;text-rendering:geometricPrecision;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
h1{}h1 small{font-size:18px;}
h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;}
h3{line-height:27px;font-size:18px;}h3 small{font-size:14px;}
h4,h5,h6{line-height:18px;}
h4{font-size:14px;}h4 small{font-size:12px;}
h5{font-size:12px;}
h6{font-size:11px;color:#999999;text-transform:uppercase;}


.h4{font-family: Arial; font-size: 174%; color: #016bab; text-decoration: none; text-align: center;font-weight:bold; text-shadow: -1px -1px 7px #fff;}
.titlenews{font-family: Arial; font-size: 100%; color: #016bab; text-decoration: none; text-align: left;font-weight:bold; text-shadow: -1px -1px 7px #fff;}
.clear{clear:both;}
.form{width: 70%; border:1px solid #dcdcdc; font-family: Arial; font-size: 90%; color: #000; text-decoration: none; margin:1%; padding:2%; z-index:999;background-color:transparent;
border-radius: 14px 14px 14px 14px;
-moz-border-radius: 14px 14px 14px 14px;
-webkit-border-radius: 14px 14px 14px 14px;}
#wrapper{position:relative; margin:0 auto; width: 100%; height: 100%; z-index:2;}
#logo{position: fixed; width:auto; height: auto; z-index:9; margin:-3% 0 0 4px}
.image{border-radius: 14px; margin: 4% 0 4% 0}
.imagif{border-radius: 14px;margin: 1px;padding: 1px;/* -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75); */-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);/* box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75); *//* border:1px solid #dcdcdc; */}
table{border:0 none;width: 100%; font-weight:normal}
th { padding: 8px;}
td { padding: 8px;}
td.ima { padding: 8px;width: 170px;text-align: center; background-color:#f5f5f5}
#sidebanner{width: 90%; height: auto; background-color:#e5e5e5;padding:3%;border-radius: 8px;margin: 2%}
#sidebannerb{width: 90%; padding:0% 3% 0% 3%;border-radius: 8px;margin: 2%; text-align: center}
#sidebannerb{background-color:#276b86;
background: -moz-linear-gradient(90deg, #1c5064 30%, #399cc3 70%);
background: -webkit-linear-gradient(90deg, #1c5064 30%, #399cc3 70%);
background: -o-linear-gradient(90deg, #1c5064 30%, #399cc3 70%);
background: -ms-linear-gradient(90deg, #1c5064 30%, #399cc3 70%);
background: linear-gradient(0deg, #1c5064 30%, #399cc3 70%);}
#sidebannerb a:hover{background-color:#276b86;
background: -moz-linear-gradient(90deg, #399cc3 30%, #1c5064 70%);
background: -webkit-linear-gradient(90deg, #399cc3 30%, #1c5064 70%);
background: -o-linear-gradient(90deg, #399cc3 30%, #1c5064 70%);
background: -ms-linear-gradient(90deg, #399cc3 30%, #1c5064 70%);
background: linear-gradient(0deg, #399cc3 30%, #1c5064 70%);}
#sidebannerindex{position: absolute; width: 25%; height: auto; background-color:transparent; padding:0;margin:0 0 0 -14%}
#bodyindex{width: 90%; height: auto; background-color:transparent;padding:0;margin:0 0 0 15%}
.programa{padding: 5px; margin-bottom: 3px; width: 100%}
.titulo{cursor: pointer; font-weight:bold}
.desc{display: none; background-color:#f7f7f7; border-radius: 8px; padding: 14px}
#menu{position:fixed; width:100%; left:50%; margin-left:-50%; height: auto; background-color:#276b86;z-index:999; text-align: center; top:0; 
-webkit-box-shadow: 0px 2px 30px 0px #000;
-moz-box-shadow:    0px 2px 30px 0px #000;
box-shadow:         0px 2px 30px 0px #000;
background: -moz-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);
background: -webkit-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);
background: -o-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);
background: -ms-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);
background: linear-gradient(0deg, #d9d9d9 30%, #f3f3f3 70%);}
#menu{font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;}
ul#listamenu li a:link {font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:}
ul#listamenu li a:hover {font-family: Arial; font-size: 100%; color: #016bab; text-decoration: none;font-weight:bold;}
ul#listamenu li a:active {font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;}
ul#listamenu li a:visited {font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;}
li:hover {font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;
background: #000;background: -moz-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: -webkit-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: -o-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: -ms-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: linear-gradient(0deg, #f3f3f3 30%, #d9d9d9 70%);
-webkit-box-shadow: 0px 2px 30px #000;-moz-box-shadow: 0px 2px 30px #000;box-shadow: 0px 2px 30px #000;}
ul#listamenu{font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;
text-align: left; display: inline; margin: -10px 0 0 0; padding: 0; list-style: none;}
ul#listamenu li{ padding: 7px 10px 7px 10px; font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;
display: inline-block; margin-right: -4px; position: relative;background: #000;background: -moz-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);background: -webkit-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);background: -o-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);background: -ms-linear-gradient(90deg, #d9d9d9 30%, #f3f3f3 70%);background: linear-gradient(0deg, #d9d9d9 30%, #f3f3f3 70%);cursor: pointer; margin: 0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;border-top: 4px solid #f3f3f3}
ul#listamenu li:hover { padding: 7px 10px 7px 10px;font-family: Arial; font-size: 100%; color: #016bab; text-decoration: none;font-weight:bold;
background: #000;background: -moz-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: -webkit-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: -o-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: -ms-linear-gradient(90deg, #f3f3f3 30%, #d9d9d9 70%);background: linear-gradient(0deg, #f3f3f3 30%, #d9d9d9 70%);
-webkit-box-shadow: 0px 2px 30px #000;-moz-box-shadow: 0px 2px 30px #000;box-shadow: 0px 2px 30px #fff;border-top: 4px solid #016bab}
ul#listamenu li ul#listamenu{font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;
padding: 0; position: absolute; top: 42px; left: 0; width: 150px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s;}
ul#listamenu li ul#listamenu li{background-color:#65afd9; font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;
width: 244px; display: block; color: #65afd9; }
ul#listamenu li ul#listamenu li:hover{font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;
background: #fff;border-top: 4px solid #fff}
ul#listamenu li:hover ul#listamenu{font-family: Arial; font-size: 100%; color: #000; text-decoration: none;font-weight:bold;
display: block; opacity: 1; visibility: visible; }