@charset "utf-8";

/*------------- [ TOOLTIPS ] -------------*/

.tooltip { float: left; width: 315px; margin: 10px 10px 0px 0px; }
	.tooltip td, .tooltip th { background-color: #F2F2F2; border: 1px solid #DDDDDD; padding: 4px; font-size: 12px; line-height: 1.5; text-align: left; }
	.tooltip th { width: 96px; background-image: none; }

	.tooltip thead td { background-image: url(../layout/content_div_bg.png); font-weight: bold; }
		.tooltip thead td a { font-size: 12px; color: #006699; font-weight: bold; text-decoration: none; }
		.tooltip thead td a:hover { text-decoration: underline;}

	.tooltip img { border: 1px solid #BBBBBB; padding: 4px 4px 4px 4px; background-color: #F2F2F2; }

.narrow { width: 100px; }


/*------------- [ MAIN TABLE ] -------------*/

.table { width: 60%; margin: 18px auto 18px auto; }
.table.left { margin-left: 0px; }
	.table td, .table th { border: 1px solid #DDDDDD; padding: 3px 3px 3px 3px; background-color: #F2F2F2; font-size: 12px; line-height: 1.5; }
	.table th { padding: 5px 5px 5px 5px; background-image: url(../layout/content_div_bg.png); text-align: left; }
	.table td { text-align: center; }

	.table thead th { text-align: center; color: #006699; } 
	.table thead td { font-weight: bold; }

	.table tfoot td, .table tfoot th { border: 0px; background-color: transparent; font-size: 10px; text-align: right !important; font-style: italic; }
	.table tfoot th { color: #006699; background: none; }

	.table img { border: 1px solid #BBBBBB; padding: 4px 4px 4px 4px; background-color: #F2F2F2; }


/*------------- [ SUPERSCRIPT ] -------------*/

sup { vertical-align: 3px; font-size: 80%; }


/*------------- [ SUPERSCRIPT ] -------------*/

.home { margin: 12px 0px 0px 0px; background: #000000 url(../img/home-background.png) repeat-x bottom; }


/*------------- [ BLOCKS ] -------------*/

.block { border-top: 1px solid #CCCCCC; padding: 0px 6px 0px 6px; }
.block.first { margin: 10px 0px 0px 0px; }
.block.gray { background: #EEEEEE; }
	.block img { margin: 6px 0px 6px 0px; }
	.block div { margin: 0px 0px 0px 185px; }
		.block div ul { margin-left: 20px !important; }


/*------------- [ LISTS ] -------------*/

.list { margin: 10px 0px 10px 10px; }
	.list div { width: 33%; float: left; font-size: 12px; }
		.list div h2 { color: #333333; font-size: 14px; font-family: 'Arial Narrow', Arial; font-weight: bold; text-transform: uppercase; }
		.list div p { margin: 4px 0px 0px 0px; }
		.list div ul { margin: 10px 0px 10px 0px; list-style: none; }
			.list div ul li { margin: 4px 0px 4px 0px; padding: 0px 0px 0px 12px; background: url(../img/home-mark.png) no-repeat left 4px; }


/*------------- [ CSA TABLE & TOOLTIPS ] -------------*/

#csa { margin: 10px 0px 0px 0px; }
	#csa div { width: 270px; float: left; margin: 0px 10px 0px 0px; }
		#csa .tooltip { width: 250px; float: none; margin: 0px 0px 0px 0px; }
			#csa .tooltip th { background-image: url(../layout/content_div_bg.png); }
	
	#csa table { width: 100%; margin: 8px 0px 18px 0px; }
		#csa table th { background: #FFCC00; }
		#csa table td { text-align: left; }
		#csa table td.center { text-align: center; }
		#csa table td.compacto, #csa table td.conjunto, #csa table td.completo { width: 80px; background: #F2F2F2 no-repeat center; }
		#csa table td.compacto { background-image: url(../img/servicios/csa_compacto.png); }
		#csa table td.conjunto { background-image: url(../img/servicios/csa_conjunto.png); }
		#csa table td.completo { background-image: url(../img/servicios/csa_completo.png); }
		
		#csa table thead td { background-image: url(../layout/content_div_bg.png); color: #006699; font-weight: bold; text-align: center; }


/*------------- [ LIST COLUMNS ] -------------*/

#content .list-columns ul { float: left; }


/*------------- [ NOTES ] -------------*/

#content .notes { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 50px; background: #FFF9D8 url(../layout/notes-bg.png) no-repeat left top; }
	#content .notes h1 { color: #000000; }