/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
        { margin: 0; padding: 0;
          border: 0; outline: 0;
          font-weight: inherit;
          font-style: inherit;
          font-size: 100%;
          font-family: inherit;
          vertical-align: baseline;
          background: transparent }
          
:focus, :active  { outline: 0 }

html       { font-size: 100.01%; height: 100%; background: #000; position:relative }
body       { font-size: 62.5%; color: #000000; background: #fff url(/themes/mueblesmiralles/images/body.gif) repeat-x }  

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
         { font-weight: normal; color: #000 }
        
h1         { font-size: 1.8em; line-height: 1.125em; margin-bottom: .5em} 
h2         { font-size: 1.6em; line-height: 1em; margin-bottom: 0.5em;  color: #be2112 }
h3        { font-size: 16px; line-height: 1.2857em; margin-bottom: .5em }
h4, h5, h6    { font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em }

p, pre, code, label, th, td, dd, dt, select, li
        { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.0em }  
        
ul, ol      { margin-bottom: 1.8em }
ul         { list-style: square }
ol         { list-style: decimal }
li         { margin-left: 3.6em; color: #999; }
li p       { color: #000 }

legend      { display: none }
 
small       { font-size: 0.85em }
 
sup       { position:relative; bottom:0.3em; vertical-align: baseline }
sub       { position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr   { cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label       { cursor: pointer }

/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6
         { font-family:  Arial, Helvetica, sans-serif }
p, a, pre, label, th, td, li
        { font-family:  Arial, Helvetica, sans-serif }       
        
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
        { font-weight: normal; text-decoration: none; color: #1E90FF }
a:hover      { text-decoration: underline }
a img      { border: 0 }

/*----------- Global Classes -------------*/

.clear      { clear: both }
.floatLeft    { float: left }
.floatRight    { float: right }

.textLeft    { text-align: left }
.textRight    { text-align: right }
.textCenter    { text-align: center }
.textJustify  { text-align: justify }

.bold      { font-weight: bold !important }
.italic      { font-style: italic }
.underline    { border-bottom: 1px solid }
.highlight    { background: #ffc }

.noPadding    { padding: 0 }
.noMargin    { margin: 0 !important }
.noIndent    { margin-left: 0; padding-left: 0 }
.noBullet    { list-style: none; list-style-image: none }
.noBorder    { border: none !important }
.noBackground  { background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.clearfix     { display: inline-block }

/* Hides from IE-mac \*/
* html .clearfix 
        { height: 1% }
.clearfix     {display: block }
/* End hide from IE-mac */

/*-------------- Wrapper ------------------*/
#extra        { position:absolute; top: 50%; width:100%; height: 524px; margin-top: -262px; background:url(/themes/mueblesmiralles/images/extra.gif) top repeat-x;
            z-index: 1}
#wrap         { width: 957px; overflow: visible; margin: 0 auto; height: 481px }
.pag2        { height: 561px !important}
.pagExtra2      { height: 604px !important}
/*-------------- Layout -------------------*/

#header        { width: 957px; height: 32px;  margin: 0 auto; overflow:hidden }

#menuHead    { margin: 19px 0 0 227px;
overflow:hidden}  
#menuHead li    { float: left; list-style: none; margin:0 15px 0 0}
#menuHead li a    { float: left; display: block; font: normal 0.8em/0.9em "Myriad Pro", sans-serif; text-align: left; color: #999999;
            text-transform:uppercase; overflow:hidde; background:url(/themes/mueblesmiralles/images/submit-header.gif) left 2px no-repeat; padding:0 0 1px 5px}
#menuHead li a:hover 
          { text-decoration:underline}
.active a      { text-decoration:underline !important}

/*-----------------------------------------*/
#content      { padding: 0; position:relative;/*background:url(/themes/mueblesmiralles/images/image-center.jpg) right no-repeat !important;*/overflow: hidden; width: 957px }

.left        { float:left; width: 176px; padding: 32px 28px 0 19px; background: url(/themes/mueblesmiralles/images/left-background.gif) repeat-x; height: 417px}
.logo        { margin: 0 !important }
#leftMenu      { margin:25px 0 0 0}
#leftMenu li    { float:left;  list-style: none; margin:0; background:  url(/themes/mueblesmiralles/images/menu-border.gif) repeat-x; overflow:hidden; width: 177px}
#leftMenu li a    { float: left; display:block; width: 139px; color: #6f6f6f;font: normal 10px/1.1em "Arial", sans-serif; text-transform:uppercase;
            padding: 8px 15px 6px 25px; overflow:hidden; background:url(/themes/mueblesmiralles/images/submit.gif) 15px 10px no-repeat}
/*.sub1        { background: url(/themes/mueblesmiralles/images/firs-coll-sub.gif) repeat-x !important }
.sub2        { background: url(/themes/mueblesmiralles/images/two-coll-sub.gif) repeat-x !important }
*/
ul.submenu      { padding-left: 25px; display: block}
ul.submenu li      { width: 148px; float:left; background:none !important}
ul.submenu li  a    { text-transform: none !important; padding:2px 8px !important;font: normal 10px/1.1em "Arial", sans-serif !important; 
            background:url(/themes/mueblesmiralles/images/submit-submenu.gif) left 7px no-repeat !important}
.hide        { display:block !important}            
/*-----------------------------------------*/
.rightContent    { position:absolute; right:0; top:0; width: 733px; height: 445px; background:none; }

.rightPage      { float:left; padding: 33px 0 0 20px; }
.rightPage p    { font: normal 1.0em/1.3em "Times New Roman", sans-serif}
.rightPage h1   { color: #838383;  font: normal 1.9em/1.0em "Myriad Pro", Times, serif; text-transform:uppercase; text-align:left}

/*-----------------------------------------*/
.right        { position:absolute; right:0; top:0; width: 135px; height: 445px; padding: 4px 11px 0 14px; 
            background:url(/themes/mueblesmiralles/images/right.png) repeat; z-index: 1; overflow: hidden;}
* html .right
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/mueblesmiralles/images/right.png', sizingMethod='scale');
}
.right  p      { color: #ffffff;  font: normal 11px/1.3em "arial"}
.right h1       { color:#FFFFFF;
font-family:"Times New Roman",Times,serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
padding-bottom:5px;
border-bottom:1px solid;
font-weight:bold;
line-height:1em;
margin-top:30px;
text-align:left;
text-transform:uppercase;}
.close        { /*background:url(/themes/mueblesmiralles/images/close.gif) right 4px no-repeat;*/ color: #999999 !important; text-decoration:underline !important; 
          font: normal 1.0em/1.3em "Myriad Pro", sans-serif; float:right; padding-right: 13px; text-transform:uppercase; margin-bottom: 15px}
.contact      { width: 90px; margin:0 auto; margin-top: 40px}
.contact p      { margin-bottom:0; color: #969696}
/*-----------------------------------------*/
.contacta      { width: 131px; margin-left: 2px; float:left; margin-bottom: 40px}
.contacta legend  { display: none}
.contacta label    { color: #cccccc; font: normal 0.9em/1.5em "Myriad Pro", sans-serif; text-transform:uppercase; margin-bottom: 5px} 
.contacta input    { width: 127px; border: 1px solid #000;font: normal 1.0em/1.2em "Myriad Pro", sans-serif }
.contacta textarea  { width: 127px; border: 1px solid #000;font: normal 1.0em/1.2em "Myriad Pro", sans-serif}
.first        { background:url(/themes/mueblesmiralles/images/first-input.gif) no-repeat; height: 13px}
.two        { background:url(/themes/mueblesmiralles/images/two-input.gif) no-repeat; height: 13px}
.three        { background:url(/themes/mueblesmiralles/images/three-input.gif) no-repeat; height: 76px}
.contacta a      { background:url(/themes/mueblesmiralles/images/arrow.gif) left 4px no-repeat; padding-left: 5px; color: #a1a1a1 !important;
            font: normal 1.0em/1.2em "Myriad Pro", sans-serif; text-transform:uppercase; text-decoration:underline; margin-top: 3px}
/*-----------------------------------------*/
#galery        { width: 733px; height: 68px; overflow:hidden; background: #1c1c1c; margin:1px 0 0 224px; padding-top: 10px}
#galeryBox      { width: 680px; left: 10px; overflow:hidden; float:left; position: relative; }
#galeryInside     { width: 10000px; overflow:hidden; }
#galery  a      { margin:0 8px; float:left}
#galery img     { display: block}
.arrowLeft      { background:url(/themes/mueblesmiralles/images/left-arrow.gif) no-repeat;
display:block; height:19px; width: 10px; margin-top: 16px !important}
.arrowRight      { background:url(/themes/mueblesmiralles/images/right-arrow.gif) no-repeat; display:block; height:19px; width: 10px; margin-top: 16px !important}
/*-----------------------------------------*/
#footer        { height: 40px;width: 957px; margin:0 auto}
#menuFooter      {  overflow:hidden; padding-top: 12px; margin-left: 215px}
#menuFooter li    { float: left; list-style: none; border-right: 1px solid #b2b2b2; margin:0}
#menuFooter li a  { float: left; color: #999999; display: block; font: normal 0.8em/1.2em "Myriad Pro", sans-serif; margin:0 10px; 
          text-decoration:underline !important; overflow:hidden; text-transform:uppercase; word-spacing: 2px}