@charset "utf-8";

/********* *********/

html, body {

	margin: 0;

	padding: 0;

	border: 0;

	background: #FFF;

	font: 12px/1.25 Verdana, sans-serif;

	word-spacing: .25em;

}

div, p, a, img, h1, h2, h3, h4, ul, li {	margin: 0;	padding: 0;	border: 0;}

/********* *********/

h1, h2, h3, h4 {	font: bolder 18px/1.25em Verdana, sans-serif;	color: #C03;}

h2 {	font-size: 16px;}

h3 {	font-size: 14px;}

h4 {	font-size: 12px;}

/********* *********/

a, a:link, a:visited {	font-weight: bold;	text-decoration: none;	color: #66C;}

a:hover {	border-bottom: .05em dotted;}

a:active {	color: #C03;}

/********* *********/

div .clear {	clear: both;}

/********* *********/

#wrapper {	width: 486px;	margin: 0 auto;}

/********* *********/

#navigation {	margin: 32px 8px;	padding: 1em 0;	border: 1px solid #CCC;	background: #F5F5F5;}

#menu ul {	text-align: center;	list-style: none;}

#menu ul li {	display: inline;	padding: 0 1em;}

#menu a {	font-size: 14px;}

/********* *********/

#footer {	margin: 32px 8px;	padding: 1em 0;	border: 1px solid #CCC;	background: #F5F5F5;}

/********* *********/

#content {	margin: 16px 0;}

#content .message {	font-size: 10px;	font-weight: bold;	color: #C03;}

#introduction h1, #introduction p {	margin: 0 8px;	text-align: justify;}

#families {	margin: 16px 0;}

#families .family {	width: 128px;	float: left;	margin: 8px;	padding: 8px;	border: 1px solid #CCC;	text-align: center;}

#families .family h3 {	padding-bottom: 8px;	font-size: 12px;}

#families .family img {	width: 120px;	height: 75px;	background: #CCC;}

#families .family a { border: none;}

#products {	margin: 16px 0;}

#products .product {	float: left;	margin: 8px;	padding: 8px;	border: 1px solid #CCC;}

#products .product .thumb {	width: 80px;	height: 93px;	float: left;	background: #CCC;}

#products .product .info {	width: 364px;	float: right;	margin-left: 8px;}

#content .info .price {	float: left;	padding-top: 8px;	font-size: 24px;	font-weight: bold;	color: #C03;}

#content .info .price abbr {	font-size: .75em;	word-spacing: .5em;}

#content .info .buttons {	float: right;	padding-top: 8px;	text-align: right;}

#details {	width: 470px;	margin: 16px 8px;}

#details .image {	text-align: center;}

#details .image img {	width: 169px;	height: 177px;	background: #CCC;}

#details .info h4 {	padding-top: 16px;}

#details .info p {	padding: 8px 0;	text-align: justify;}

#cart-instructions {	margin: 16px 8px;}

#cart-instructions p {	padding: .5em 0;	text-align: justify;}

#cart-order {	padding: 8px;}

#cart-order table {	width: 100%;	padding: 8px;	border: 1px solid #CCC;}

#cart-order table thead {	color: #66C;}

#cart-order table input {	text-align: right;}

#cart-order .total {	margin-top: 8px;	padding: 8px;	border: 1px solid #CCC;	font-size: 16px;	text-align: right;	color: #C03;}

#cart-order .update {	float: left;	padding-top: 16px;}

#cart-order .buttons {	float: right;	padding-top: 16px;	text-align: right;}

#order-info {	margin: 16px 8px;}

#order-info form p {	padding: 8px 0;}

#order-info form fieldset {	margin: 8px 0;	border: 1px solid #CCC;}

#order-info .title {	font-weight: bold;	color: #66C; }

#order-info .ejemplo {	font-size: 10px; padding-left:15px;}

#order-info .submit {	float: right;}

#order-info legend {	color: #66C;}

#order-info table {

	width: 100%;

}

#order-info table td {

	vertical-align: top;
	height:auto;

}

#order-info table td {

	padding-bottom: 8px;

}

#order-info table td + td {

	text-align: right;

}

#order-info input {

	margin-top: 4px;

}

#confirmation {	padding: 8px;}

#confirmation p {	padding: 8px 0;	text-align: justify;}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000099;
}

.inputbox_big {
	border: 1px dashed #CA110C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	height: 18px;
	color: #000000;
	background-position: center;
	vertical-align: middle;
}