/*--- Basics ---*/

* { margin: 0; padding: 0; }

html, body { height: 100%; }

a { cursor: pointer; }

body {
	background: #fff url(../images/backtop.jpg) left top repeat-x;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 62.5%; }

#wraper {
	margin: 0 auto;
	width: 760px; }



/* --- Menu ---*/

.btnutram a, .btlistaproductos a, .btdondecomprar a, .btregistro a, .btcontacto a {
	display: block;
	height: 30px;
	text-indent: -9999em;
	}

.btnutram a { background: url(../images/btmenunutram.gif) top left no-repeat; width: 84px; }
	
.btnutram a:hover { background: url(../images/btmenunutram.gif) bottom left no-repeat; }

.btlistaproductos a { background: url(../images/btmenulistaproductos.gif) top left no-repeat; width: 140px; }
	
.btlistaproductos a:hover { background: url(../images/btmenulistaproductos.gif) bottom left no-repeat; }

.btdondecomprar a { background: url(../images/btmenudondecomprar.gif) top left no-repeat; width: 123px; }
	
.btdondecomprar a:hover { background: url(../images/btmenudondecomprar.gif) bottom left no-repeat; }

.btregistro a { background: url(../images/btmenuregistro.gif) top left no-repeat; width: 86px; }
	
.btregistro a:hover { background: url(../images/btmenuregistro.gif) bottom left no-repeat; }

.btcontacto a { background: url(../images/btmenucontacto.gif) top left no-repeat; width: 85px; }
	
.btcontacto a:hover { background: url(../images/btmenucontacto.gif) bottom left no-repeat; }



/*--- Submenu ---*/

#sm-column {
	cursor: default;
	float: left;
	margin-top: 20px;
	width: 260px; }

#sm-panel01 {
	background-color: #000;
	height: 130px;
	margin-bottom: 10px; }

#sm-panel02 {
	background-color: #2f4a9b;
	margin-bottom: 10px;
	padding-bottom: 4px; }

#sm-panel03 {
	background-color: #662c91;
	height: 130px;
	margin-bottom: 10px; }



.sm-panel02in, .sm-panel02inH  {
	background-color: #4c64a9;
	color: #fff;
	font-size: 1.2em;
	margin: 4px 4px 0 4px;
	overflow: hidden;
	padding: 10px;
	width: 232px; }

.sm-panel02in:hover, .sm-panel02inH {
	background-color: #6e81b9; }

.feat { background-color: #4c64a9; }
.feat:hover, .featH { background-color: #6e81b9; }

#sm-column a {
	color: #fff;
	display: block;
	text-decoration: none; }

#sm-column a:hover {
	color: #fff;
	text-decoration: none; }



.imgpanel {
	margin-right: 10px; }

/*--- Main Content ---*/

#maincontent {
	cursor: default;
	float: left;
	margin: 20px 0 20px 20px;
	width: 480px; }

.imgcontent {
	margin-bottom: 20px; }

.imgprod {
	margin-right: 20px; }

#maincontent h2 {
	font-size: 1.4em;
	margin-bottom: 6px; }

#maincontent p {
	color: #333;
	font-size: 1.2em;
	margin-bottom: 10px;
	text-align: justify; }

#maincontent p a {
	color: #0066cc;
	text-decoration: none; }

#maincontent p a:hover {
	border-bottom: 1px dotted #ff6600; }

#maincontent ul {
	border: 1px solid #a5b4c8;
	list-style: none;
	margin: 10px; }

#maincontent ul li {
	background-color: #ebf1f8;
	color: #333;
	font-size: 1.2em;
	margin: 6px;
	padding: 6px; }

.benefits {
	margin-left: 210px;
	min-height: 240px; }

.benefits ol {
	list-style: none; }

.benefits ol li {
	border: 1px solid #a5b4c8;
	background-color: #ebf1f8;
	color: #333;
	font-size: 1.2em;
	margin-bottom: 6px;
	padding: 5px;
	text-align: justify; }

.tabledata {
	clear: both;
	color: #333;
	font-size: 1.2em;
	margin: 20px 0; }

.pdfdownload {
	background: #ebf1f8 url(../images/page-pdf.png) 14px center no-repeat;
	border: 1px solid #a5b4c8;
	font-size: 1.2em;
	width: 478px; }

.pdfdownload a {
	color: #0066cc;
	display: block;
	padding: 16px 16px 16px 42px;
	text-decoration: none; }

.recomendado {
	background: #ebf1f8 url(../images/page-accept.png) 14px center no-repeat;
	border: 1px solid #a5b4c8;
	font-size: 1.2em;
	margin-top: 4px;
	width: 478px; }

.recomendado a {
	color: #0066cc;
	display: block;
	padding: 16px 16px 16px 42px;
	text-decoration: none; }

.navigator {
	border: 1px solid #a5b4c8;
	background-color: #ebf1f8;
	font-size: 1.2em;
	margin-bottom: 20px;
	width: 478px; }

.navigator01 {
	background: url(../images/page-prev.png) 14px center no-repeat;
	float: left;
	width: 200px; }

.navigator01 a {
	color: #0066cc;
	display: block;
	padding: 16px 16px 16px 40px;
	text-align: left;
	text-decoration: none; }

.navigator02 {
	background: url(../images/page-next.png) 170px center no-repeat;
	float: right;
	width: 200px; }

.navigator02 a {
	color: #0066cc;
	display: block;
	padding: 16px 40px 16px 16px;
	text-align: right;
	text-decoration: none; }


/*--- Productos ---*/

.prod { border: 1px solid #a5b4c8; margin: 0 0 10px 0px; padding: 4px; width: 470px; }

.prod img { margin-right: 10px; }

.prod h3 { font-size: 1.4em; margin-bottom: 6px; }

.prod h3 a { color: #0066cc; text-decoration: none; }

.prod h3 a:hover { border-bottom: 1px dotted #ff6600; }

.prod p { font-size: 1.2em; line-height: 1.2em; }


/*--- Featured --*/

#featured {
	width: 480px; }

.feat01, .feat02 {
	float: left;
	width: 234px; }

.feat02 {
	margin-left: 12px; }


/*--- Forms ---*/

fieldset {
	border: 1px solid #a5b4c8;
	margin-bottom: 20px;
	padding: 10px 0 0 10px; }


/*--- Footer ---*/

.clearer {
	clear: both;
	font-size: 0;
	line-height: 0; }

#footer {
	background: #2f4a9b url(../images/backfooter.gif) top left repeat-x;
	cursor: default;
	height: 60px;
	padding-top: 34px;
	text-align: center; }

#footer p { color: #bbc6dd; font-size: 1.2em; }

#footer p a { color: #fff; text-decoration: none; }

#footer p a:hover { border-bottom: 1px dotted #fff; }