
/* -- reset -- */
* {margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.4em;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img {border:none;}
a img {border:none;}

/* -- typography -- */
body {font-size:12px;color:#333;background:#fff;font-family: Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#b8cc00;font-family: Arial, Helvetica, sans-serif}
h1 {font-size:1.3em;line-height:1.4em;margin:0.5em 0 0.5em;}
h2 {font-size:1.3em;line-height:1.4em;margin:0.5em 0 0.5em;}
h3 {font-size:1.2em;line-height:1.4em;margin:0.5em 0 0.2em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#000;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic; background:#f5f5f5; padding:15px;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font-size:1em; line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.fr {float:right}
.fl {float:left}

/* -- custom -- */
body {background-color:#b8cc00;padding:20px 0;}

#container {margin:0 auto;padding:20px 20px 10px;width:820px;height:100%;background-color:#fff;border:1px solid #bbb;}

#header {clear:both;}

#lema {float:left;}
#muneco {float:right;}

#menu_sup ul {clear:both;float:right;margin:0 0 10px;color: #534C5B;font-size:1em; line-height:1.3em; }
	#menu_sup li {float:left; list-style:none; padding:0 5px; border-left:1px solid #bbb;}
	#menu_sup a {text-decoration:none;color: #534C5B;}
	#menu_sup a:hover {color:#B8CC00;}

#imagen{clear:both;margin:15px 0 10px;}

/* -- main -- */
#main {width:100%;}

#column {clear:both;float:left;width:200px;margin:10px 0 0;}
	#column ul { margin:0; width:100%; list-style:none; border-bottom:1px solid #fff; }
		#column ul li { border-top:1px solid #fff; background-color:#eee; }
		#column ul li a { display: block; padding:3px 0 3px 10px; text-decoration: none; color: #534c5b;}
		#column ul li a:hover { color:#fff; }

.no_link {padding:3px 0 3px 10px; text-decoration: none; color: #534c5b;}

.tit_menukit { clear:both; width:180px; color: #fff; padding:5px 10px; font-size:12px; background-color:#558bbb; }

.menukit { height:340px; background: url("imagenes/bicitronic_tornillo.png") no-repeat bottom left #eee; }
	.menukit ul li a:hover { background-color:#558bbb; }

.tit_menupk { clear:both; width:180px; color: #fff; padding:5px 10px; font-size:12px; background-color:#ff8800; }

.menupk { height:180px; background: url("imagenes/bicitronic_pk01.jpg") no-repeat bottom left #eee; }
	.menupk ul li a:hover { background-color:#FF8800;}

#page {float:right;width:600px;background-color:#FFFFFF;padding:0 0 0 10px;margin-bottom:30px;}
	#page p {margin:0 0 15px;}
		p a { color:#558bbb;text-decoration:underline;}
	#page ul, ol {margin:10px 0 10px 20px;}
	#page li {margin-top:5px;}
	#page li a {color:#000000;text-decoration:none;}
	#page li a:hover {color:#000000;text-decoration:underline;}
	#page h1, h2 {clear:both;border-bottom:1px solid #eeeeee;}
		.azul  {color:#558bbb;}
		.naranja  {color:#FF8800;}

/* -- footer --*/
#footer { clear:both; padding:4px 10px; height:20px; line-height:20px; color:#ffffff; background-color:#534C5B; }

	#email { float:left; color:#B8CC00; }
		#email a {text-decoration:none; color:#B8CC00; }
		#email a:hover {color:#ffffff; }

	#menu_inf { float:right; color:#ffffff; }
	#menu_inf a { text-decoration:none; color:#ffffff; }
	#menu_inf a:hover { color:#B8CC00; }

