/* CSS Document */
*{margin: 0; padding: 0;}

body{text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; background-color: #253341; SCROLLBAR-FACE-COLOR:#253341; SCROLLBAR-HIGHLIGHT-COLOR: #6699CC; SCROLLBAR-SHADOW-COLOR: #253341; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #000000;}
img{border: none;}

div#qTip {padding: 3px; border: 1px solid #fff; display: none; background: #253341; color: #FFF; font: bold 11px Verdana, Arial, Helvetica, sans-serif; position: absolute;}

#contenedor{margin: 10px auto 0 auto; width: 740px; min-height: 500px; _height: 500px; overflow: hidden;  _overflow: none;background: #FFFFFF url(../images/familia.gif) no-repeat left bottom;}

#cabecera{float: left; width: 740px; height: 100px; border-bottom: 2px solid #253341; clear: both;}
#cabecera img{float: left; margin: 5px 0 0 10px;}
#cabecera h1{float: right; font-size: 14px; color:#253341; padding: 75px 10px 0 0;}

#centro{float: left; width: 100%;}

#menu{float: left; text-align: left; padding: 0 10px 0 0; height: 399px;}
#menu ul{float: left; margin: 10px 0 0 5px; list-style: none;}
#menu ul li{list-style: none; font-size: 11px; color: #008B1B; padding: 3px 0; font-weight: bold;}
#menu ul li a{font-size: 11px; color: #008B1B; text-decoration: none;}
#menu ul li a:hover{font-size: 11px; color: #999; text-decoration: none;}

#cuerpo{float: left; border-left: 1px dotted #ccc; width: 69%;text-align: left; margin: 0 0 0 10px; padding: 5px 0 0 15px; height: 360px; overflow-y: auto; overflow-x: hidden;}
#cuerpo p{text-align: left; width: auto;}
#cuerpo h2{text-align: left; font-size: 12px; margin: 10px 0 10px 0; clear: both; width: 100%; color: #253341;}
#cuerpo dl{float: left; list-style: none; display: block;}
#cuerpo dl dt{list-style: none; font-weight: bold; background: url(../images/cuadrito.gif) no-repeat left 3px; padding: 0 0 0 10px; color: #008B1B;}
#cuerpo dl dd{list-style: none; font-weight: normal; margin: 0 0 5px 0;}
#cuerpo dl dd a{color: #666; text-decoration: underline;}
#cuerpo dl dd a:hover{color: #666; text-decoration: none;}
#cuerpo dl dd ul{list-style: none; font-weight: normal; margin: 0 0 0 10px;}
#cuerpo dl dd ul li{list-style: none; font-weight: normal; background: url(../images/cruz.gif) no-repeat left 3px; padding: 0 0 0 10px;}
#cuerpo ul{list-style: none; font-weight: normal; margin: 0;}
#cuerpo li{list-style: none; font-weight: normal; background: url(../images/cruz.gif) no-repeat left 3px; padding: 0 0 0 10px; margin: 0 0 3px 0;}
#cuerpo li.descarga{background: url(../images/cruzverde.gif) no-repeat left 4px; border-bottom: 1px dotted #99CC33; padding: 0 0 4px 10px;}
#cuerpo li a{list-style: none; font-weight: normal; color: #666; text-decoration: none;}
#cuerpo li a:hover{text-decoration: none; color: #253341;}

#cuerpo #calendario{float: left; width: 165px; margin: 0 0 0 0;}
#cuerpo #calendario table{float: left; background-color:#008B1B; border-collapse:collapse; border: 1px solid #008B1B;}
#cuerpo #calendario th{border: 1px solid #008B1B; padding: 2px 4px; background-color:#253341; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-align: center; font-weight: bold;}
#cuerpo #calendario td{border: 1px solid #008B1B; background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center; }
#cuerpo #calendario td a{background-color:#CCE697; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center;display: block; text-decoration: none;}
#cuerpo #calendario td a:hover{background-color:#ccc; text-decoration: none; color:#000;}
#cuerpo #calendario td#finde{background-color: #C5E1F7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center; text-decoration: none;}
#cuerpo #calendario td#finde a{background-color: #67A3CF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center; text-decoration: none;}
#cuerpo #calendario td#finde a:hover{background-color: #ccc;}
#cuerpo #calendario caption{background-color:#008B1B; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; text-align: center; font-weight: bold; padding: 3px 0;}
#cuerpo #calendario caption img{margin: 0 18px; border: none;}
#cuerpo #calendario h2{font-size: 13px; color:#253341; text-align: left; font-weight: bold; margin: 0 0 3px 0;}
#cuerpo #calendario p{float: left; font-size: 9px; color:#253341; text-align: left; font-weight: normal; margin: 5px 0 0 0; width: 160px;}

#cuerpo #noticias{float: left; width: 300px; margin: 0 0 0 10px;}
#cuerpo #noticias ul{float: left;}
#cuerpo #noticias ul h2{font-size: 13px; color:#fff; text-align: left; font-weight: bold; margin: 0 0 3px 0; background-color:#008B1B; padding: 3px;}

#cuerpo #foto{float: left; margin: 20px 0 0 0; width: 505px; text-align: center;}
#cuerpo #foto img{text-align: center;}

#clear{clear: both;}