/* CSS Document */

body{margin:0;padding:0;background:url(images/tablebg.jpg) repeat-x #19405a;font-size:11px; color:#cfcdcd;  font-family: Arial, Helvetica, sans-serif}
.cleaner{clear:both;margin:0;padding:0;font-size:1px;line-height:0}
*{ margin:0; padding:0}

#header{ width:970px; height:86px;margin:0 auto;padding:0; }


/* NAVIGATION Starts */
#containermenu {clear:both;}
#menu{background:url(images/nav.gif) repeat-x;width:970px; height:36px;margin:0 auto;padding:0;overflow:hidden;}
#menu UL{float:none;display: block;margin:0;padding-left:15px;line-height:normal;font-size:1em;}
#menu UL LI{list-style: none;float:left;padding:0.55em 0.7em 0.25em 0;padding-left:10px;color:#FFFFFF;font-size:1.05em;background:none;}
#menu UL LI.ultimo{padding:0.55em 0.5em 0.25em 0;}
#menu UL LI A{float:left;color:#FFFFFF;text-decoration:none;font-weight:bold;font-size:1.1em;padding-left:9px;cursor:pointer;}
#menu UL LI A:hover{color:#222222;}
#menu UL LI SPAN{padding:3px 9px 6px 0;float:left;}
#menu UL LI.sel A{background:url(images/menu_sel_izq.gif) no-repeat top left;color:#222222;}
#menu UL LI.sel A SPAN{background:url(images/menu_sel_der.gif) no-repeat top right;color:#222222;}
#menu UL LI A:hover {background:url(images/menu_sel_izq.gif) no-repeat top left;color:#222222;}
#menu UL LI A:hover SPAN{background:url(images/menu_sel_der.gif) no-repeat top right;color:#222222;}

/* NAVIGATION ends */

#navbot{background:url(images/navbottom.jpg) no-repeat; height:15px; margin:0 auto; padding:0px; width:970px;}
#banner{background:#FFF; height:267px; margin:0 auto; padding-left:5px; padding-right:5px; padding-bottom:5px; width:960px;}


#wrapper{background:#FFF; margin:0 auto; padding:5px; padding; width:960px;}
.midtop{background:url(images/midtopbg.jpg) no-repeat; height:23px; width:960px;}
h1{ font:2.0em Trebuchet MS,Arial,sans-serif; color:#7c6e6e; padding-left:12px; padding-right:10px; margin-bottom:5px;}
.text{ font:Arial, Helvetica, sans-serif; color:#242424; font-size:12px; padding-left:12px; padding-right:10px; line-height:18px;margin-bottom:30px;}

.mainbox{padding:5px; margin-bottom:10px; width:950px; float:left}
.mainbox .box{ width:314px; height:209px; float:left}
.mainbox .box .boxtop{ width:314px; height:33px; background:url(images/boxtop.jpg) no-repeat}
.mainbox .box .boxtop .title{ font:Arial, Helvetica, sans-serif; color:#7b6d6d; font-size:18px; padding-left:25px; padding-top:3px;}
.mainbox .box .boxmiddle{ width:314px; height:176px; background:url(images/boxbg.jpg) no-repeat}
.mainbox .box .boxmiddle img{ width:270px; height:146px; padding-left:22px; padding-top:7px; }

.middlearea {padding:5px; margin-bottom:10px; width:950px; float:left}
.middlearea .left{margin:0;padding: 0;width: 210px;float:left; margin-right:10px;}
.middlearea .left .leftnav {background-color:#fafafa;margin:0;padding: 0;width: 200px;margin-left:1px;float:left; margin-bottom:20px;}
.middlearea .left .leftnav ul{margin: 0;padding: 0;padding-bottom:2px}
.middlearea .left .leftnav li {width: 200px;list-style:none;margin:0;padding:0}
.middlearea .left .leftnav li a {display: block;background: #fafafa  url(images/categories-link-a-bg.gif) no-repeat 7px 10px;;padding: 7px 0 7px 24px;border-bottom:2px solid #FFF;color: #0d2d42;text-decoration: none;width: 184px;font-size:12px;line-height:15px;}
.middlearea .left .leftnav li a:hover {border-bottom:2px solid #FFF;color: #c75325;}
.middlearea .left .contactbox{float:left; width:200px}
.middlearea .left .contactbox h1{ font:1.6em Trebuchet MS,Arial,sans-serif; color:#c75325; padding-left:10px; padding-right:5px; margin-bottom:5px; float:left}
.middlearea .left .contactbox .text{ font:Arial, Helvetica, sans-serif; color:#242424; font-size:11px; padding-left:10px; line-height:18px; float:left; width:180px;}


.middlearea .middlecontent{width:728px; float:left}
.middlearea .middlecontent h1{ font:2.0em Trebuchet MS,Arial,sans-serif; color:#7c6e6e; padding-left:12px; padding-right:10px; margin-bottom:5px;}
.middlearea .middlecontent .text{ font:Arial, Helvetica, sans-serif; color:#242424; font-size:12px; padding-left:12px; padding-right:10px; line-height:18px;margin-bottom:30px;}

.footer{ background:#0773ba; width:960px; height:26px;margin:0 auto; padding-left:5px; padding-right:5px; padding-top:10px; }
.footer .text{ float:left; width:200px;color:#FFFFFF; font:Arial, Helvetica, sans-serif; font-size:11px;}
.footer .links{ float:right; width:640px; text-align:right}
.footer .links a{color:#FFFFFF; font:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding-left:5px; padding-right:5px;}
.footer .links a:hover{color:#FFFFFF; font:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:underline}