/* Elementos Generales */

body{ background: #E8E6CA; text-align: center; margin:0; padding:0; font: 11px Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5{ padding:0; margin:0; color:#004D69; text-transform: uppercase; letter-spacing: -0.06em; text-align: left;}
p{ text-align: justify; margin:5px 0; padding:0; font-size: 12px;}
a{color: #004d69; text-decoration: none;}
a:hover{ color:#66ccff;}

h1 span{ visibility:hidden;}

h1{ font-weight:bold; font-size: 16px;}
h1 a{ font-weight:bold; font-size: 16px; background: url(images/bg_line_white.gif) bottom repeat-x;}

h2{ font-weight:bold; font-size: 13px; background: url(images/menu-square.jpg) 0 5px no-repeat; padding:0 0 0 10px; margin:10px 0 0 0; border-bottom:1px solid #006699; text-align: left; line-height: normal; display: block;}
h3{ text-transform: none; font-size:12px; line-height: 12px; letter-spacing: normal; color: #000000;}
h4{ text-transform: none; font-weight: normal; font-size: 11px; line-height: 13px; letter-spacing: 0.01em; color:#004d69; background:url(images/arrow-black.jpg) 0 2px no-repeat; padding: 0 0 0 10px; margin: 10px 0;display: block; clear: both;}

/* Elementos Especificos */

#planexcel{ width: 720px; margin-left: auto; margin-right: auto;}
	
	#planexcelhead{margin:0; padding:0; width: 720px; height:153px; background: url(images/newheader.jpg) no-repeat;}
		#planexcelheadlogo{ float:left;margin:0; padding:0; width: 170px;}
		#planexcelheadpic{ float:left; background:url(images/header.jpg) no-repeat; width: 550px; height:133px; margin:0; padding:0; border: 0px solid #000;}
	
	#planexcelbody{margin:0; padding:0;}

	.linksmall a{ margin: 0 0 0 10px; padding:0 0 0 10px; background: url(images/menu-square-over.jpg) left 50% no-repeat;}
	.linksmall a:hover{ margin: 0 0 0 10px; padding:0 0 0 10px; background: url(images/menu-square.jpg) left 50% no-repeat;}
	
		#bodyleft{ float: left; width: 170px;}
			#menu{ width: 140px; background:url(images/menu-top.gif) repeat-y; margin: 0 0 0 0px; padding:0 0 0 30px; text-align: left; float: left;}
			#menu ul{margin: 10px 0 0 0px; padding:0; list-style: none; float: left;}
			#menu li{margin:0 0 0px 0; padding: 2px 4px 8px 4px; background: url(images/bg_line.jpg) bottom repeat-x;}
			#menu li a{ text-decoration:none; background: url(images/menu-square.jpg) 0 55% no-repeat; padding: 0 0 0 15px;}
			#menu li a:hover{background: url(images/menu-square-over.jpg) 0 55% no-repeat; color: #66CCFF;}
			#menubottom{ background: url(images/menu-bottom.jpg) no-repeat; width: 170px; height: 23px; float: left;}
			
		#bodyright{float: left; width: 550px; margin:0; padding:0px; background: #fff url(images/bg_two_col.jpg) bottom no-repeat;}
		#bodyrightnobg{float: left; width: 550px; margin:0; padding:0px; background: #fff;}
		
		#bodyrightone{float: left; width: 530px; margin:0; padding:0 10px; background: #fff url(images/bg_one_col.jpg) bottom no-repeat;}
			.clienteimg{ margin:10px 5px 5px 0; padding:0px; text-align: left; float: left;}			
			.clientetext{ margin:0px 5px 5px 5px; padding:0px; text-align: left; float: left; width: 350px;}	
			.clienteclear{ clear:both; display: block;}		
							
			#bodyright ul, #bodyrightone ul{margin:0px; padding:0; list-style: none;}
			#bodyright li, #bodyrightone li{margin:0 0 0px 0; padding:2px 0;}
			#bodyright li a, #bodyrightone li a{ text-decoration:none; background: url(images/menu-square.jpg) 0 55% no-repeat; padding: 0 0 0 10px;}
			#bodyright li a:hover, #bodyrightone li a:hover{background: url(images/menu-square-over.jpg) 0 55% no-repeat; color: #66CCFF;}

			.bloque {background: url(images/bg_bloque.jpg) bottom repeat-x; padding:10px 5px 10px 10px; text-align: left; margin: 0 0 10px 0; display: block; clear:both;}
			.bloquesin {padding:10px 5px 10px 10px; text-align: left; margin: 0 0 10px 0;}
			.bloquesin p{ text-align: left;}
			
			.bloque ul, .bloquesin ul{ margin:0; padding:0; list-style: none;}
			.bloque li, .bloquesin li{margin:5px 0; padding:0;}
			.bloque li a, .bloquesin li a{ margin:0; padding:0 0 0 10px; background: url(images/menu-square-over.jpg) left 5px no-repeat;}
			.bloque li a:hover, .bloquesin li a:hover{ margin:0; padding:0 0 0 10px; background: url(images/menu-square.jpg) left 5px no-repeat;}

			.bloque ol, .bloquesin ol{ margin:0; padding:0; list-style: none;}
			.bloque ol li, .bloquesin ol li{margin:0; padding:5px 0px; }
			.bloque ol li a, .bloquesin ol li a{ margin:0; padding:5px; background: none; color:#666666; font-weight: bold; display: block; border: 1px solid #66ccff; }
			.bloque ol li a:hover, .bloquesin ol li a:hover{ margin:0px; padding:5px; background: #66CCFF; color:#000000;display: block; border: 1px solid #666666; }
			
			#bodyleftcol{width: 250px; margin: 10px 5px 10px 8px; padding:0; float:left;}
			#bodyleftcolbig{
	width: 500px;
	padding:0;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
			
				#bodyleftcol img, #bodyleftcolbig img{ margin:10px 5px 5px 0; padding:0; text-align: left;}			
				
				#bodyleftcol form{margin:5px 5px 0px 0px; padding: 0px;}
				#bodyleftcol legend{ margin:0; padding:0;}
				#bodyleftcol .inputtext{ background: #FFFFFF; width:232px; border: 1px solid #66CCFF; color:#0099CC; margin:0; padding: 2px; font: 10px Arial, Helvetica, sans-serif; clear:both; display: block;}
				#bodyleftcol .inputarea{background: #FFFFFF; width:232px; border: 1px solid #66CCFF; color:#0099CC; margin:0; padding: 2px; font: 10px Arial, Helvetica, sans-serif; display: block;}
				#bodyleftcol .submitform{ background: #FFFFFF; border: 1px solid #66CCFF; color:#0099CC; margin:10px 10px 0 0 ; padding: 2px; font: 10px Arial, Helvetica, sans-serif; clear:both;}
				#bodyleftcol label{clear:both; margin:5px 0 0 0; padding:0px; font: bold 12px Arial, Helvetica, sans-serif; color:#004D69; display: block;}
	
			#bodyrightcol{width: 250px; margin: 10px 5px; float: right; padding:0; height:100%;}
				#bodyrightcol img{ float: left; margin:5px 5px 5px 0; padding:0; text-align: left;}			

			#bodyrightcolsmall {width: 190px; margin: 10px 5px; float: left; padding:0; height:100%;}
				#bodyrightcolsmall img{ float: left; margin:5px; padding:0; text-align: left;}			
				
			#bodyfullcol{ width: 510px; margin: 10px 5px; float: left;}
				#bodyfullcol img{ float: left; margin:5px 5px 5px 0; padding:0; text-align: left;}			

	#planexcelfoot{ clear:both; width: 550px; height:44px; background: url(images/foot-bg.gif) repeat; float: right;}
		#footleft{ float:left; margin:7px 0 0 10px;}
		#footright{ float: right; margin: 7px 0px 0 0;}
		#footleft p, #footright p{font: 9px Arial, Helvetica, sans-serif;text-align:right; line-height: 11px; margin: 0 5px;}
	.madeby{ clear:both; width: 550px;float: right; text-align: left; font: 9px normal Arial, Helvetica, sans-serif;}