/* CSS Document */
/* ramirezduval para Blaucom*/

body{ color:#171717; font:12px/20px Arial, Helvetica, sans-serif; background: #f7f7f7 url(images/bg.gif) repeat-x; margin:0; padding:0; }
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}


/* -- menu inicio -- */
#menu{
	width:683px; margin:0 auto; height:37px;}
#menu ul{
	width:600px; margin:0 auto;}
#menu ul li{
	float:left;
	background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
#menu ul li a{
	padding:0 18px;  float:left; text-decoration:none; display:block;
	background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
#menu ul li a:hover{ color: #0867c3; background:url(images/top_btn_h.gif) no-repeat center bottom; }
#menu ul li a.hover{
	padding:0 18px; float:left; text-decoration:none; display:block;
	background:url(images/top_btn_h.gif) no-repeat center bottom ; color:#1d76fd;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
/* -- fin menu -- */

/* -- comienza body  -- */
#body{
	width:683px; margin:0 auto; padding:0 0 20px;
	background: #f7f7f7; color:#171717;}
#body img.logo{
	border:none; margin:0 0 0;}
#body h1{
	background:url(images/punch_line.gif) no-repeat 0 0 #F7F7F7; color:#171717;
	width:142px; height:49px; text-indent:-20000px;}
#body div.bodyText{background: url(images/indextex.gif)no-repeat 0 0 #F7F7F7; color:#4B2B3E;
	padding:35px 0 0;}
#body div.bodyText h2{
	font:bold 18px/34px Arial, Helvetica, sans-serif; color:#0867c3;}
	#body div.bodyText h2 a{ font:bold 18px/34px Arial, Helvetica, sans-serif; color:#f7f7f7; text-decoration: none; }
	#body div.bodyText h2 a:hover{
	font:bold 18px/34px Arial, Helvetica, sans-serif; color:#0867c3;}
#body div.bodyText h2 span{
	color:#000000; background-color:#F7F7F7;}
#body div.bodyText h3{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#526D0D;
	background:url(images/folder_icon.gif)url(images/folder_icon.gif) no-repeat 0 5px #F7F7F7; padding:0 2px 0 25px;}
#body div.bodyText h4{
	font:normal 20px/24px Arial, Helvetica, sans-serif; color:#000000;
	background-color:#FFF7DE; padding:0 0 0 10px;}

#body div.bodyText p{
font:normal 13px/20px Arial, Helvetica, sans-serif; color:#171717;
	padding:10px 0; background-color:#F7F7F7;}
	#bodyText h6{
	font: 13px/20px Georgia, "Times New Roman", Times, serif; color:#0867c3;}
#body div.bodyText p a{
	color:#003E6A; background-color:#F7F7F7; text-decoration:underline;}
#body div.bodyText p a:hover{
	text-decoration:none;}
	
	
#body div.bodyTextindex{ background:; color:#4b2b3e; width: 300px; padding:13px 0 0; border-right-width: 0px; border-left-width: 0px; }
#body div.bodyTextindex h2{ font:bold 24px/34px Arial, Helvetica, sans-serif; color:#0867c3; border-left-width: 20px; }
#body div.bodyTextindex h2 span{
	color:#000000; }
#body div.bodyTextindex h3{
	font:bold 20px/24px Arial, Helvetica, sans-serif; color:#526D0D;
	background:url(images/folder_icon.gif) no-repeat 0 5px #F7F7F7; padding:0 2px 0 25px;}
#body div.bodyTextindex h4{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#526D0D;
	background:url(images/folder_icon.gif) no-repeat 0 5px #F7F7F7; padding:0 2px 0 25px;}

#body div.bodyTextindex p{ font:13px/20px Georgia, "Times New Roman", Times, serif; color:#171717; margin-right: 10px; margin-left: 20px; padding:10px 0; }
#bodyTextindex h6{
	font: 13px/20px Georgia, "Times New Roman", Times, serif; color:#0867c3;}
#body div.bodyTextindex p a{
	color:#003E6A; background-color:; text-decoration:underline;}
#body div.bodyTextindex p a:hover{
	text-decoration:none;}
	

#body div.catagory{ padding:25px 0 0; background-color:#f7f7f7; margin-top: 0; }

.izquierda{
	width:350px; padding:7px 15px 50px 0; float:left;
	background:transparent color:#4b2b3e url('(EmptyReference!)') url('(EmptyReference!)');}
.izquierda h3{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#526D0D;
	background:url(images/folder_icon.gif) no-repeat 0 5px #F7F7F7; padding:0 2px 0 25px;}
.izquierda h4{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#526D0D;
	background:url(images/folder_icon.gif) no-repeat 0 5px #F7F7F7; padding:0 2px 0 25px;}
.izquierda h5{
	color:#000000; text-transform:uppercase;
	font:bold 10px/11px Georgia, "Times New Roman", Times, serif;}
.izquierda p{
	font:13px/20px Georgia, "Times New Roman", Times, serif; color:#171717; margin-right: 10px; margin-left: 20px; padding:10px 0;}
.izquierda a.more{
	background:url(images/pink_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:46px; height:11px; display:block; float:right;
	text-decoration:none; text-indent:-2000px;
	padding:0; line-height:0;}
.izquierda a.more:hover{
	background:url(images/pink_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;}


.derecha{
	width:250px; padding:0 0 50px; float:left;
	background:transparent color:#171717 url('(EmptyReference!)') url('(EmptyReference!)') url('(EmptyReference!)');}
.derecha h3{ font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#1d76fd; background:#f7f7f7 url(images/folder_icon.gif) no-repeat 0 5px; text-decoration: underline; padding:0 2px 0 25px; }
.derecha h5{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#0867c3;
	background:#f7f7f7; padding:0 2px 0 25px;}
	.derecha h2{ color:#0867c3; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-variant: normal; line-height: 24px; background:#f7f7f7; padding:0 2px 0 45px; }
.derecha h2 a.hover{ color:#333; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-variant: normal; line-height: 24px; background:#f7f7f7; padding:0 2px 0 45px; }
.derecha p{
	font:13px/20px Georgia, "Times New Roman", Times, serif; color:#171717; margin-right: 20px; margin-left: 20px; padding:10px 0;}
.derecha a.more{
	background:url(images/blue_more_btn.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:46px; height:11px; display:block; float:right;
	text-decoration:none; text-indent:-2000px;
	padding:0; line-height:0;}
.derecha a.more:hover{
	background:url(images/blue_more_btn_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;}

.floatLeft{
	float:left;}
/* -- fin body -- */

/* comienzo footer  -- */
#footer{
	background-color:#292929; color:#FFFFFF;}
.footer{
	width:490px; height:200px; margin:0 auto; padding:18px 0 0 0;}
.footer ul{
	width:445px; margin:0 auto;}
.footer ul li{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#FAFAFA; background-color:#292929; float:left;}
.footer ul li a{
	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#FAFAFA; background-color:#292929; padding:0 8px;}
	.footer ul li a:hover{background:  url(images/fondofooter.gif);
	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;
	color:#fafafa; background-color:#484848; padding:0 8px;}
.footer p{
	margin:0 auto; width:175px; color:#EDE3C0; background-color:#292929;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:128px;}
.footer p.valid a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(images/css_btn.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	 color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}

/* final footer  -- */