
body { background:url( '/img/web/bg/col1.png' ) repeat-y; color:#333; }

.company #ip { border-bottom:1px dotted #69C; color:#69C; }
.company #summary h1 { color:#69C; }
.company #main hr,
.company #main thead td { border-bottom:3px solid #69C; }
.company #main blockquote,
.company #main li,
.company #main a:link,
.company #main a:hover { color:#369; }
.company #side { border-left:3px solid #69C; }
.company .title { color:#C2BDB6; }
.company #side p { color:#333; }

.services #ip { border-bottom:1px dotted #7AADBB; color:#7AADBB; }
.services #summary h1 { color:#7AADBB; }
.services #main hr,
.services #main table.w-border,
.services #main table.w-border td { height:1px; border:1px solid #7AADBB; }
.services #main blockquote,
.services #main li,
.services #main a:link,
.services #main a:hover { color:#357270; }
.services #side { background:#AECFCF; }
.services .title { color:#6F6; }
.services #side p { color:#996; }

.solutions #ip { border-bottom:1px dotted #8B9EB5; color:#8B9EB5; }
.solutions #summary h1 { color:#8B9EB5; }
.solutions #main hr,
.solutions #main table.w-border,
.solutions #main table.w-border td { height:1px; border:1px solid #8B9EB5; }
.solutions #main blockquote,
.solutions #main li,
.solutions #main a:link,
.solutions #main a:hover { color:#374049; }
.solutions #side { background:#BAC5CB; }
.solutions .title { color:#669; }
.solutions #side p { color:#996; }

.products #ip { border-bottom:1px dotted #857166; color:#857166; }
.products #summary h1 { color:#857166; }
.products #main hr,
.products #main table.w-border,
.products #main table.w-border td { height:1px; border:1px solid #857166; }
.products #main blockquote,
.products #main li,
.products #main a:link,
.products #main a:hover { color:#6A5C5B; }
.products #side { background:#D7C6B4; }
.products .title { color:#9C6; }
.products #side p { color:#996; }

.dock #ip { border-bottom:1px dotted #C2BDB6; color:#C2BDB6; }
.dock #summary h1 { color:#C2BDB6; }
.dock #main hr,
.dock #main table.w-border,
.dock #main table.w-border td { height:1px; border:1px solid #C2BDB6; }
.dock #main blockquote,
.dock #main li,
.dock #main a:link,
.dock #main a:hover { color:#A19B9F; }
.dock #side { background:#F2EDD2; }
.dock .title { color:#9C6; }
.dock #side p { color:#996; }

.ipv6 #ip { border-bottom:1px dotted #E0C326; color:#E0C326; }
.ipv6 #summary h1 { color:#E0C326; }
.ipv6 #main hr { height:1px; border:1px solid #E0C326; }
.ipv6 #main thead p { border-bottom:1px solid #E0C326; }
.ipv6 #main blockquote,
.ipv6 #main li,
.ipv6 #main a:link,
.ipv6 #main a:hover { color:#BD9B06; }
.ipv6 #side { background:#F2F0AA; }
.ipv6 .title { color:#C90; }
.ipv6 #side p { color:#996; }

#page { width:1000px; }

	#col1 { float:left; width:200px; background:#69C; }
	
		#logo { height:53px; background:url( '/img/web/bg/base.png' ) repeat-x; padding:17px 0 0 6px; }

		#lang { padding:15px 20px 0 0; background:url( '/img/web/bg/shadow.png' ) repeat-x; text-align:right; }
			#lang img { margin:0 0 0 5px; }
		
		#tree { width:155px; margin:0 0 0 25px; text-align:right; }
			#tree ul a { color:inherit; line-height:18px; }
			#tree ul a:hover { color:#B4E0E2; }
			#tree ul { list-style:none; font:13px 'Arial Black'; }
			#tree ul li { border-top:1px dotted #036; }
			#tree ul ul { font:13px 'Arial'; color:#083564; }
			#tree ul ul li { border-top:1px dotted #9CC; }
			#tree ul ul ul {  }
			#tree ul ul ul li { border-top:none; }

		#area { margin:10px auto; width:150px; }

	#head { float:left; height:70px; width:525px; background:url( '/img/web/bg/base.png' ) repeat-x; text-align:center; }
		#head p { padding:14px 0 0 0; font:9px Arial; color:#FFF; white-space:nowrap; }
			
			#dock { position:relative; }
				#dock.js div { position:absolute; }
				#dock.nojs div { position:absolute; margin:0 0 0 15px; }
				#dock.js a { position:absolute; color:#369; white-space:nowrap; }
				#dock.nojs a { float:left; width:55px; height:73px; color:#369; white-space:nowrap; }
				#dock img { width:100%; }
				#dock.js span { display:block; font:bold 9px 'Ubuntu','Trebuchet MS'; }
				#dock.nojs span { float:left; width:55px; font:bold 9px 'Ubuntu','Trebuchet MS'; text-align:center; }
				#dock.js .zoom { font-size:15px; }
				#dock.nojs .zoom { font-size:15px; }

			#pack { height:105px; margin:0 0 0 10px; }
				#pack img { float:left; margin:10px 0 0 25px; }
				#pack p { float:left; width:120px; margin:10px 0 0 10px; font:9px Arial; color:#369; }
	
	#main { float:left; width:750px; min-height:480px; padding:0 0 20px 50px; line-height:17px !important; font:12px 'Arial'; letter-spacing:1px; text-align:justify; }
		#main ul { margin:5px 0 0 15px; list-style:circle; }
		#main li { margin:2px 0 0 0; }
		#main a { text-decoration:underline; }
		#main a:visited { color:#333; }
		#main h2.title { font:bold italic 15px 'Ubuntu','Trebuchet MS' }
		#main table { width:100%; border-spacing:0; text-align:left; }
		#main td { vertical-align:top; }
		#main thead td.left { padding:0 15px 0 0; }
		#main thead td.right { padding:0 0 0 20px; }
		#main tbody td.left { padding:10px 15px 0 0; font:italic 11px 'Arial'; text-align:center; }
		#main tbody td.right { padding:10px 0 10px 20px; }
		
		#summary { float:left; width:750px; margin:0; }
		#summary.w-side { width:500px; }
			#summary h1 { margin:5px 0 15px; font:bold italic 24px 'Ubuntu','Trebuchet MS' }
			#ip { padding:0 0 7px; font:11px 'Arial'; text-align:right; }
			#fabricantes div { float:left; width:44%; height:170px; margin:3%; }

		#content { float:left; width:750px; padding:0 50px 0 0; }		

		#side { float:right; width:175px; min-height:480px; margin:10px 0 0; padding:10px 5px 0 20px; font:10px 'Arial'; }
			#side h3.title { margin:0 0 15px; font:bold italic 24px 'Ubuntu','Trebuchet MS' }
			#side .title { font:bold 10px 'Arial'; }
