@import url('body.css');
@import url('content.css');

/**/

#container{ width: 100%; margin-right: auto; margin-left: auto; text-align: left;}
#top{ width: 100%; background-color: #000; }
#center{ width: 100%; background-image: url(../img/1.jpg); background-repeat: repeat-x; background-position: top; }
#footer{ width: 100%; background-color: #988D83; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 20px; padding-bottom: 30px; }

#top_container{ width: 1000px; height:150px; margin-right: auto; margin-left: auto; }
#center_container{width: 1000px; margin-right: auto; margin-left: auto;}
#footer_container{ width: 1000px; margin-right: auto; margin-left: auto; background-image: url(../img/2.gif); background-position: right top; background-repeat: no-repeat; }

/*THUMBS PREVIEW*/
#screenshot { position:absolute; display:none; color:#fff; background-image: url(../img/8.png); background-repeat: no-repeat; background-position: left top; padding-left: 15px; margin-top: 10px; }
#screenshot img { border: 4px solid #FFF; }



/*RESETS*/
.links{ color: #CCC; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.links:hover{ color: #FFF; text-decoration: none; }
.links2{ color: #CCC; text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.links2:hover{ color: #FFF; text-decoration: underline; }
.links_yellow{ color: #F8E98C; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
.links_yellow:hover{ color: #FFF; text-decoration: none; }

/*TOP*/
.logo{ float: left; height: 64px; width: 169px; background-image: url(../img/LOGO.gif); margin-top: 20px; }
.logo a { display: block; text-indent: -1450px; overflow: hidden; height: 64px; width: 169px; }
.top_box1{ width: 318px; height:13px; float:left; background-image: url(../img/slogan.gif); margin-top: 55px; margin-left: 15px; }
.top_box2{ width: 350px; height:90px; float:right; margin-top: 20px; }
.top_box3{ width: 1000px; height:40px; float:left; }
.top_box4{ width: 700px; height:30px; float:left; position: relative; margin-top: 10px; }
.top_box5{ width: 290px; height:30px; float:right; line-height: 24px; text-align: right; text-transform: uppercase; margin-top: 10px; padding-right: 10px; }

.top_sub1{ width: 90px; height:20px; float:left; font-style: italic; color: #999; font-size: 11px; }
.top_sub2{ width: 80px; height:20px; float:left; }
.top_sub3{ width: 180px; height:20px; float:left; font-size: 10px; text-align: center; }
.top_sub4{ width: 280px; height:22px; float:right; background-color: #FFF; margin-top: 10px; margin-bottom: 6px; }
.top_sub5{ width: 100px; float:right; background-image: url(../img/ico_1.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 25px; margin-right: 50px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.top_sub6{ width: 100px; height:20px; float:right; text-align: right; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

/*FOOTER*/
.footer_box1{ width: 650px; height:40px; float:left; font-weight: bold; }
.footer_box2{ width: 250px; height:40px; float:left; text-align: right; }
.footer_box3{ width: 1000px; float:left; margin-top: 10px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #B0A9A2; }
.footer_box1 a,.footer_box2 a{ color: #FFF; text-decoration: none; }
.footer_box1 a:hover,.footer_box2 a:hover{ text-decoration: underline; }

/*CENTER*/
.center_box1{ float: left; width: 1000px; background-color: #FFF; color: #333; height: 388px; }
.center_box2{ float: left; width: 1000px; background-color: #454545; padding-top: 15px; padding-bottom: 30px; }
.center_box3{ float: left; height: 390px; width: 680px; }
.center_box4{ float: left; height: 390px; width: 320px; }
.center_box5{ width: 450px; margin-left: 20px; float: left; margin-right: 20px; }
.center_box6{ width: 450px; float: left; padding-left: 30px; background-image: url(../img/7.gif); background-repeat: no-repeat; background-position: left bottom; }
.center_box7{ width: 950px; margin-left: 20px; float: left; border-top-width: 1px; border-top-style: solid; border-top-color: #7F7F7F; padding-top: 20px; margin-top: 20px; }


.center_box_title{ width:100%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #F8E98C; margin-bottom: 25px; }
.center_box_data1{ width: 225px; float: left; }
.center_box_data2{ width: 142px; float: left; padding-right: 20px; margin-right: 35px; background-image: url(../img/7.gif); background-repeat: no-repeat; background-position: right top; }
.center_box_data3{ width: 152px; float: left;  }

/*LIST VERTICAL 1*/
.listv {}
.listv ul, li { list-style-type: none; }
.listv ul { margin: 0; padding: 0; }
.listv li { }
.listv a { text-decoration: none; display: block; font-style: italic; color: #FFF; padding-bottom: 2px; }
.listv a:hover { text-decoration: underline; }
.listv a.hightlightlist { text-decoration: none; display: block; font-style: italic; color:#F8E98C; }

/*LIST VERTICAL 2*/
.listv2 {}
.listv2 ul, li { list-style-type: none; }
.listv2 ul { margin: 0; padding: 0; }
.listv2 li { }
.listv2 a { text-decoration: none; display: block; color: #FFF; padding-bottom: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.listv2 a:hover { text-decoration: underline; }

/*FEATURED ANTIQUES*/
.antique_box1{ float: left; height: 233px; width: 310px; background-color: #3E3E3E; padding-top: 17px; padding-left: 10px; }
.antique_box2{ background-color: #000; height: 140px; float: left; width: 320px; }
.antique_box3{ float: left; width: 310px; padding-top: 6px; padding-bottom: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; padding-left: 10px; }
.antique_box4{ float: left; height: 78px; width: 278px; margin-top: 10px; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; }
.antique_box5{ float: left; width: 310px; text-align: right; padding-right: 10px; }

/*PRODUCTS MAIN*/
.collection_box1{ width: 680px; height: 250px; background-image: url(../img/4.jpg); background-repeat: repeat-x; background-position: top; }
.collection_box2{ float: left; height: 140px; width: 680px; background-image: url(../img/3.jpg); }
.collection_box3{ float: left; height: 222px; width: 294px; margin-top: 14px; margin-left: 12px; }
.collection_box3 img{ padding: 1px; border: 5px solid #D6D6D6; }
.collection_box4{ float: left; height: 42px; width: 300px; margin-top: 20px; margin-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #8A1F1B; font-size: 32px; }
.collection_box4 span{ font-size: 24px; }
.collection_box5{ font-size: 22px; float: left; width: 300px; margin-top: 20px; margin-left: 20px; font-style: italic; margin-bottom: 20px; }
.collection_box6{ float: left; width: 330px; margin-left: 20px; text-align: right; border-top-width: 1px; border-top-style: solid; border-top-color: #EDE9E6; }
.collection_box6 a{ font-size: 12px; font-style: italic; border-left-width: 1px; border-left-style: solid; border-left-color: #EFEEEC; padding-left: 15px; display: block; width: 65px; float: right; line-height: 40px; color: #8A1F1B; text-decoration: none; }
.collection_higtlight{ color: #8A1F1B; }

/*BOTTOM LIST*/
* { margin: 0; padding: 0; }
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }
		
#theMenu { width: 1000px; height: 300px; margin: 30px 0; }
#bottomlist ul li { width: 1000px; }
#bottomlist li ul li { padding-top: 15px; padding-bottom: 15px; }
#bottomlist li ul li a { color: #FFF; text-decoration: underline; }
#bottomlist li ul li a:hover { color: #CCC; text-decoration: underline; }
#bottomlist li { list-style-type: none; }
#bottomlist h2 { margin-top: 1.5em; }
		
h3.head a { color: #FFF; display:block; background-color: #B0A9A2; width: 300px; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; text-decoration: none; font-size: 11px; margin-bottom: 1px; }
h3.head a:hover { color: #454545; background-color: #FFF; }
h3.selected a { color: #333; padding: 3px 6px; background-color: #FFF; }
h3.selected a:hover { color: #FFF; background-color: #454545; }

/*SEARCH TOP*/
.search { float: left; width: 256px; height: 22px; border: 0; font-size: 11px; text-decoration: none; color: #666; *line-height:20px !important;  /* Sólo IE7 */}
.ok { float: left; width: 24px; height: 22px; background: url(../img/buttonok.gif) 0 0 no-repeat; border: 0; }