* { margin: 0px; padding: 0px; }
img { border: none; }
.limg { float: left; vertical-align: middle; }
body { background: #fff; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #666; }
.both { clear:both; }
a { color: #690; text-decoration: underline; }
a:hover { text-decoration: none; }

#top { clear: both; background-color: #282828; height: 180px;}
#logo { float: left; width: 397px; height: 180px; background-color: #282828; }
#logo img { margin: 0px 0px 0px 0px; }
#apple { float: left; /*width: 297px;*/ height: 180px; }
#topRight { float:left; width: 303px; height: 143px;  }

/*
#topRight { float:left; width: 303px; height: 180px; background: #fff url(topbg.gif) top repeat-x; }
#slogan { margin: 15px 10px; }
#topRight ul { padding: 9px 0px 0px 2px; 	list-style: circle; }
#topRight ul li { display: block; float: left; width: 99px; height: 37px; background: #282828; margin-left: 1px; }
#topRight ul li a { font: bold 11px Arial, Helvetica, sans-serif; color: #ccc; display: block; text-decoration: none; border-top: 3px solid #505050; 	padding: 2px 5px; }
#topRight ul li a:hover { border-top: 3px solid #9c0; }
*/


#topRight ul { list-style: none; }
#topRight ul li { display: block; float: left; width: 101px;  background: #282828;  }
#topRight ul li a { font: bold 11px Arial, Helvetica, sans-serif; color: #ccc; display: block; text-decoration: none; border-top: 3px solid #505050; 	padding: 2px 5px; }
#topRight ul li a:hover { border-top: 3px solid #9c0; }

#topMenu { clear: both; background: #f0f0f0 url(menubg.gif) top repeat-x; height: 30px;  }

#menuItems { float: left; width: 450px; }

#menuItems ul { list-style: none; padding-left: 10px; }
#menuItems ul li { font: bold 11px Tahoma, Arial, Helvetica, sans-serif; float: left; }
#menuItems ul li a { padding: 9px 8px; display: block; text-decoration: none; color: #666; }
#menuItems ul li a:hover { padding: 9px 8px; display: block; color: #333; }

h2 { font: normal 18px "Trebuchet MS", "Times New Roman", Times, serif; letter-spacing: -1px; color: #333; text-transform: uppercase; line-height: 14px; }
h2 .orange { color: #f90; }
h2 .green { color: #9c0; }
h3 { font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif; color: #ccc; text-transform: uppercase; 	line-height: 18px; }
h4 { font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif; text-transform: uppercase; 	line-height: 18px; padding-top: 10px;}

#topContent { clear: both; background: #fff; margin-top: 15px; color: #333; }
#ltopCon { float: left; width: 385px; background: #fff url(rtopconbg.gif) right repeat-y; padding-right: 15px; }
#ltopCon p { margin: 5px 0px; text-align: justify; }
#ltopCon p.more { text-align: right; }
#ltopCon p.more a { text-decoration: none; color: #690; }
#ltopCon p.more a:hover { text-decoration: none; color: #f90; }
/*
#ltopCon ul { padding: 0px 0px 10px; }
#ltopCon li { padding: 10px 0px 0px 10px; }
*/

#ltopCon ul { margin: 0px 10px;}
#ltopCon li { list-style: square; padding: 4px 0px 0px 4px;}

.hline { margin: 0px; padding: 0px; border-bottom: 2px solid #ededed; }

#rtopCon { float: left; width: 285px; padding-left: 15px;  }
#products { padding: 10px 0px; }

#rtopCon #products li { list-style: none; height: 50px; padding: 10px 0px 0px 0px; display: block; clear: both; width: 270px; }
#products li { list-style: none;  height: 60px;  display: block; clear: both; width: 360px; }
#products li a { display: block; /*float: left;*/ color: #666; text-decoration: none; margin-right:10px;}
#products li a:hover { color: #9c0; }
#products li span { font: bold 24px Arial, Helvetica, sans-serif; letter-spacing: -2px; margin-right: 4px; display: block; float: left; color: #f93; }
#products li img { margin-right: 10px; display: block; float: left; }

#rtopCon h2 { line-height: 20px; }

#botContent { border-top: 10px solid #eee; clear: both; margin-top: 10px; border-bottom: 1px solid #ccc; }
#articles { float: left; width: 385px; background: #fff;	padding: 15px 15px 10px 0px; color: #333; }
#articles p { margin: 15px 0px 5px 0px; text-align: justify; }
#articles p.info { text-align: right; background: #fff url(dots.gif) top repeat-x; color: #999; margin: 0px; padding: 3px 0px; }
#articles p.info strong { color: #f90; font-weight: bold; }
#articles p.info a { color: #690; text-decoration: none; }
#articles p.info a:hover { text-decoration: underline; }


#news { 	float: left; width: 285px; background: #fff; padding-top: 12px; }
#newsHeader { clear: both; width: 285px; background-color: #282828; color: #fff;}
#newsHeader h2 { color: #fff; }
#newsHeader #nleft { float: left; padding: 12px; }
#newsHeader #nright { float: left; padding: 12px; }
#newsHeader a { color: #9c0; }
#newsHeader a:hover { text-decoration: none; }
#newsContent,#clientes, #cajita { margin-top: 1px; background: #fff url(newsbg.gif) top repeat-x; padding: 10px 20px; color: #333; }
#newsContent p { margin: 5px 0px; }
#newsContent strong { color: #666; }



#footer { clear: both; margin-top: 5px; background: #f9f9f9; padding: 5px; text-align: center; }

#footer ul { list-style: none; }
#footer ul li { margin: 0px 4px;  display: inline; }
#footer ul li a { font-weight: bold; color: #999; text-decoration: none; }
#footer ul li a:hover { color: #333; }

#copyrights { clear: both; margin: 5px 0px; text-align: center; color: #999; }

#main { margin: 0px auto; width: 700px; }


table {
	border-collapse: collapse;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	width: 100%;
}
th {
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #333;
	white-space: nowrap;
	font-weight: bold;
	font-variant: normal;
	font-size: 1em;
}
td {
	padding: 5px 10px;
	background: #fff;
	color: #000;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}

tbody tr.odd {
	border-bottom: 1px solid #f0f0f0;
}
tbody tr.odd td, tbody tr.odd th {
	background: #f0f0f0;
	border-bottom: 1px solid #333;
}

caption {
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	padding: 10px 0;
	line-height: 18px;
	font-weight: bold;
}


#verticalForm fieldset
{
	border: none;
	display: block;
	width: 30em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
	background: #fff url(newsbg.gif) top repeat-x
	
}

#verticalForm button{
	border-width:1px;
	border-color:#333;
	border-style:solid;
	text-align:center;
	font: 13px Arial, Helvetica, sans-serif; 
	background-color:#f0f0f0;
	margin-top: 12px;
}

#verticalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
	font: 10px Arial, Helvetica, sans-serif; 
}

#verticalForm textarea
{
	clear: both;
	float: left;
	height: 10em;
	width: 25em;
	font: 12px Arial, Helvetica, sans-serif; 
}

#verticalForm input
{
	font: 12px Arial, Helvetica, sans-serif; 
}

#verticalForm fieldset.radio label
{
	font-weight: normal;
}

#verticalForm input
{
	display: block;
	width: 15em;
}

#verticalForm label
{
	display: block;
	margin-bottom: 1em;
	
	color: #333;

}

#verticalForm label.first
{
	padding-top: 1em;
}

#verticalForm select
{
	display: block;
}