/* general page style */
body
{
	background-color: white;
	background: white url(bg-grad.jpg) top repeat-x;
	margin: 0px 10px 10px 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: black;
}
td
{
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #222;
}

/* links */
a
{
 color: #10aedd;
 text-decoration: none;
}
a:hover
{
 color: #10aedd;
 text-decoration: underline;
}


/* areas */
.container
{
 width: 971px;
 margin-left: auto;
 margin-right: auto;
}

.grad-left
{
 width: 38px;
 float: left;
 text-align: right;
}
.grad-right
{
 width: 19px;
 float: left;
}
.page
{
 clear: both;
 width: 971px;
 float: left;
 background: url(page-bg.jpg) left repeat-y;
 background-position: 38px 0px;
}

.top
{
 width: 914px;
 float: left;
}

.menu
{
 height: 26px;
 background-color: #b2b4b4;
 text-align: right;
 color: black;
 font-weight: bold;
 padding-top: 5px;
}
html>body .menu
{
 height: 21px;
}
.menu a
{
 padding: 2px 5px 2px 5px;
 font-size: 11px;
 color: black;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 1px;
}
.menu a:hover , .menu a.selected
{
 color: white;
 text-decoration: none;
}


.page .left
{
 float: left;
 width: 193px;
 margin-left: 38px;
}
/*
html>body .page .left
{
 margin-left: 38px;
}
*/
.page .left .login
{
 padding: 0px 15px 0px 15px;
 background-color: #b2b4b4;
 text-align: left;
 margin: 0px;
}
.page .left .login form
{
 margin: 0px;
 border: 0px;
 padding: 0px;
}
.page .left .login .line
{
 padding-bottom: 7px;
}
.page .left .login .line input
{
 width: 100%;
 background-color: #dcdddd;
 border: solid 1px #787a7a;
}
.page .left .login .submit
{
 padding-top: 8px;
}
.page .left .login .submit input
{
 background-color: #eeeeee;
 border: solid 1px #6bb7c8;
 color: #6f6b6b;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
}
.page .left .login .links
{
 padding-top: 5px;
 text-align: center;
 padding-bottom: 15px;
 color: black;
 font-size: 10px;
}
html>body .page .left .login .links
{
 padding-bottom: 15px;
}
.page .left .login .links a
{
 color: black;
 text-decoration: underline;
}
.page .left .login .links a:hover
{
 color: white;
}

.page .content-left
{
 float: left;
 width: 36px;
 text-align: right;
}
.page .content-right
{
 float: left;
}
.page .content
{
 width: 685px;
 float: left;
 text-align: justify;
 padding: 30px 15px 15px 15px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 14px;
}
html>body .page .content
{
 width: 655px;
}
.page .content H1 /*, .page .content .title*/
{
 margin: 0px;
 padding: 3px 30px 8px 10px;
 display: block;
 color: #503738;
 font-size: 24px;
 font-weight: normal;
 font-family: Verdana, Helvetica, sans-serif;
 text-align: right;
 background: url(page-top.jpg) top no-repeat;
}
.page .content .inner
{
 padding: 12px 30px 0px 10px;
 text-align: justify;
}
.page .content .small
{
 font-size: 10px;
}



.bottom
{
 clear: both;
 height: 93px;
 text-align: left;
 background-color: #b2b4b4;
 background: #b2b4b4 url(bottom-shadow.jpg) bottom repeat-x;
}
.bottom .left
{
 float: left;
 width: 193px;
 margin-left: 0px;
}
.bottom .content
{
 float: left;
 width: 721px;
 padding-top: 38px;
 text-align: center;
 font-size: 11px;
}
.bottom .content a
{
 color: black;
 text-decoration: underline;
}
.bottom .content a:hover
{
 color: white;
}
.bottom .margin-left
{
 float: left;
}
.bottom .margin-right
{
 float: left;
 /*width: 38px;
 background-color: white;*/
}




.form
{
 clear: both;
}
.form form
{
 margin: 0px;
 padding: 0px;
}
.form .line
{
 clear: both;
}
.form .line .leftcell
{
 float: left;
 width: 63px;
 text-align: right;
 margin-right: 4px;
 padding-top: 2px;
}
.form .line .rightcell
{
 float: left;
 width: 90px;
 margin-top: 1px;
}
.form .line .singlecell
{
 clear: both;
 text-align: right;
 padding-top: 2px;
}
html>body .form .line .singlecell
{
 padding-top: 1px;
}
.form input
{
 background-color: white;
 border: 1px solid white;
 width: 90px;
 font-size: 11px;
}
.form input.button
{
 width: 90px;
}






.plist
{
 width: 100%;
 margin-top: 10px;
}
.plist tr
{
 background-color: #eeeeee;
}
.plist tr:hover
{
 background-color: #cddde8;
}
.plist td
{
 padding: 3px;
}

.prodx
{
 display: block;
 margin-top: 10px;
 padding-right: 10px;
 text-align: justify;
 background-color: #bed0dc;
 color: black;
 height: 120px;
 overflow: hidden;
}
.prodx2
{
 background-color: white;
 height: 126px;
}
.prodx H2 a
{
 text-decoration: none;
 color: black;
}
.prodx H2 a:hover
{
 text-decoration: underline;
 color: #121212;
}
.prodx .pic
{
 float: left;
}
.prodx .pic img
{
 border: 0px;
}
.prodx2 .pic img
{
 border: solid 3px #c9eafd;
}
.prodx H2
{
 float: right;
 text-align: left;
 width: 468px;
 margin: 0px;
 padding: 0px;
 font-size: 16px;
 font-weight: bold;
 margin-top: 6px;
}
.prodx .text
{
 float: right;
 text-align: justify;
 margin-top: 4px;
 width: 468px;
 height: 69px;
 overflow: hidden;
}
.prodx .more
{
 float: right;
 text-align: right;
 margin-top: 4px;
 width: 468px;
}
.prodx .more a
{
 font-size: 11px;
 font-weight: bold;
}
.prodx2 H2 , .prodx2 .text , .prodx2 .more
{
 width: 462px;
}


.promo
{
 height: 296px;
 background: url(promo-bg.gif) top repeat-x;
 margin-bottom: 10px;
}
.promo .pic
{
 float: left;
 width: 300px;
 height: 296px;
}
.promo img
{
 float: left;
 margin: 50px 0px 0px 50px;
}
.promo H3
{
 display: block;
 margin: 0px;
 margin-top: 15px;
 padding: 0px;
 float: left;
 font-size: 20px;
 font-weight: normal;
 height: 35px;
}
.promo .text
{
 width: 335px;
 float: right;
 margin-right: 10px;
 height: 75px;
 overflow: hidden;
}
html>body .promo .text
{
 width: 345px;
}
.promo .star
{
 float: right;
 width: 200px;
 height: 170px;
 background: url(promo-star.gif) left top no-repeat;
}
.promo .price
{
 margin: 70px 20px 0px 0px;
 text-align: right;
 font-size: 25px;
 color: #b50101;
}





.revista
{
 float :left;
 margin: 18px 0px 0px 20px;
 text-align: center;
 width: 180px;
}
.revista img
{
 margin-bottom: 8px;
}
.revista a
{
 font-weight: bold;
}










/* ------------------------------------------- XXX -------------------------------------- */


.list
{
 margin: 10px 0px 10px 0px;
}
.list .item
{
 display: block;
 margin: 10px 0px 10px 0px;
}
.list .item .title
{
 float: left;
 margin: 0px;
 padding: 0px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #555;
 background-color: white;
}
.list .item .title a
{
 color: #555;
 text-decoration: none;
}
.list .item .title a:hover
{
 color: #e68700;
 text-decoration: none;
}
.list .item .date
{
 float: right;
 font-size: 10px;
}
.list .item .text
{
 clear: both;
 padding-top: 5px;
 text-align: justify;
}
.list .item img
{
 float: left;
 border: solid 1px #e3e2e2;
 margin-right: 6px;
}
.list .item a.url
{
 float: left;
}
.list .item a.more
{
 float: right;
 color: #325574;
}
.list .item .line
{
 clear: both;
 border-bottom: solid 1px #e3e3e3;
 display: block;
 height: 5px;
 font-size: 1px;
 margin-bottom: 10px;
}

.list .page_numbers
{
 clear: both;
 text-align: right;
 font-size: 11px;
 font-weight: bold;
 color: #ccc;
}
.list .page_numbers span
{
 color: #666;
}
.list .page_numbers a
{
 color: #ea8a1c;
 text-decoration: none;
}
.list .page_numbers a:hover
{
 color: #ea8a1c;
 text-decoration: underline;
}


.details
{
 margin-top: 0px;
}
.details .date
{
 float: right;
 font-size: 10px;
}
.details .title
{
 float: left;
 font-size: 21px;
 font-weight: normal;
}
.details .text
{
 clear: both;
 font-size: 12px;
 text-align: justify;
 padding-top: 10px;
}
.details .back
{
 text-align: center;
 padding-top: 10px;
}








.form td
{
 color: #333333;
 font-size: 11px;
}
.form input, .form textarea
{
 border: 1px solid #cccccc;
 background-color: #f1f1f1;
 width: 100%;
}

.form
{
 width: 350px;
 margin-bottom: 10px;
}
.form .title
{
  text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	color: #999999;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 4px;
}
.form .errortitle
{
	text-align: center;
	color: red;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 1px;
}
.form .line
{
}
.form .line .name
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
	width: 150px;
}
.form .line .error
{
	width: 150px;
	color: red;
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}
.form .line .value
{
	padding-right: 1px;
}
.form .line .button
{
  padding-top: 3px;
}
.form .line .button input
{
 text-transform: uppercase;
 border: 1px solid #555555;
 background-color: #555555;
 font-size: 12px;
 color: white;
 padding: 2px;
 height: 20px;
}
.form .line .button input:hover
{
 border: 1px solid #121212;
 background-color: #121212;
}
.form .star_descript
{
	text-align: left;
	vertical-align: top;
	font-size: 11px;
}