/*------------------------------------------

---------------- Reseting ------------------

----------------------------------------- */

.active_menu_link { border-bottom: 2px solid #ffffff;}
.post a:link, .post a:visited  { color:#714D2A; }
.post h1 { margin-bottom: 0px; }
.texto_post { margin-top: 10px;}
.archivos a:link, .archivos a:visited { color:#714D2A; font-size:12px;}

html, body, div, span, object, 

h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 

em, img,  s, small, strike, strong, 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: book antiqua;

          vertical-align: baseline;

          background: transparent }

          

:focus, :active  { outline: 0 }



html       { height: 100%; background:url(../images/bg.jpg) center top repeat}

body       { height: 100%; color: #000; background:url(../images/flores.png) center 180px no-repeat}



h1, h2, h3, h4, h5, h6

         { font-weight: bold }

h1         { font-size: 18px; line-height: 18px; margin-bottom: 14px} 

h2         { font-size: 16px; line-height: 18px; margin-bottom: 14px; color: #714d2a}

h3        { font-size: 12px; line-height: 18px; margin-bottom: 0 }

h4, h5, h6    { font-size: 10px; line-height: 18px; margin-bottom: 14px }



p, pre, code, label, th, td, dd, dt, select

        { font-size: 12px; line-height: 18px; margin-bottom: 14px }

ul, ol      { margin-bottom: 18px }

ul         { list-style: square }

ol         { list-style: decimal }

li         { margin-left: 36px; color: #000; }

li p       { color: #fff }



/*------------------------------------------

------------------ Fonts -------------------

----------------------------------------- */



h1, h2, h3, h4, h5, h6

         { font-family: Arial, Helvetica, sans-serif }

p, pre, label, th, td, li

        { font-family: Arial, Helvetica, sans-serif }       

        

/*------------------------------------------

------------------ Links -------------------

----------------------------------------- */



a:link, a:visited, a:hover, a:active

        { font-weight: bold; text-decoration: none; }

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; padding-top: 0 !important }

.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 }

.noBorder    { border: none !important }

.noMargin    { margin: 0 !important}

.noIndent    { margin-left: 0; padding-left: 0 }

.noBullet    { list-style: none; list-style-image: none }



/*------------------------------------------

---------------- Wrapper -------------------

----------------------------------------- */



#wrap          { width: 100%; margin:0 auto; background:url(../images/wrap2.png) repeat-x; overflow:hidden }



/*---------------------------------------*/



#header          { width: 966px; overflow:hidden; position:relative; height: 219px; padding:0 17px;

              margin:0 auto; background:url(../images/header.gif) bottom no-repeat}





.logo          { float:left; margin:20px 0 45px 24px; display:block; width: 427px; height: 126px}



#menuHeader        { float:left; margin:0;  width:650px; height: 27px; padding-left: 10px; overflow:hidden}

#menuHeader  li      { float:left; margin:0; list-style: none; padding:0 10px; height:16px; border-right: 1px solid #fff}

#menuHeader  li a    { float:left; overflow:hidden; display:block; color: #fff;

              font: bold 12px/12px Arial, Helvetica, sans-serif; height: 15px}            

#menuHeader  li a:hover  { text-decoration:none;border-bottom: 1px solid #747373}



.activeH        { border-bottom: 1px solid #747373 !important}

.carro          { float: right; display:block; width: auto; padding: 4px 30px 4px 0; color: #e8e7e7; margin-right: 20px;

              font: bold 12px/15px Arial, Helvetica, sans-serif; background:url(../images/submit2.gif) right no-repeat}

/*---------------------------------------*/

#content        { background:transparent url(../images/content.png) repeat-y scroll 0 0;
margin:0 auto;
min-height:419px;
overflow:hidden;
padding:0 38px 0 27px;
width:935px; }

* html #content

{

    background: none;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/rubiokids/images/content.png', sizingMethod='scale');

}

#content h1        { font: italic bold 24px/26px "Lucida Handwriting", Arial, Helvetica, sans-serif ; color: #714d2a}





/*--------------------------------------*/

.left          { float:left; width: 187px; padding:0 30px 0 10px; height: 666px; background:url(../images/left.png) no-repeat}

.left2          { float:left; width: 187px; padding:0 30px 0 10px; background:url(../images/left2.png) no-repeat; height: 885px}





.total          { float:left; width: 177px; overflow:hidden;margin-bottom: 30px}

.title           { background:url(../images/border.gif) bottom repeat-x;  margin-bottom: 8px; width:177px}



.imgChoise        { overflow:hidden; padding:0 7px 11px 0; background:url(../images/border.gif) bottom repeat-x; width: 170px; margin-bottom: 9px}

.imgChoise p      { float:left; padding: 40px 27px 0 42px; color: #714d2a; font: bold 14px/16px Arial, Helvetica, sans-serif; background:url(../images/submit3.gif) right 44px no-repeat}

.imgChoise img      { float:right; border: 3px solid #c6b8aa}



.totalForm        { padding: 0 15px 13px 9px; background:url(../images/border.gif) bottom repeat-x;  width: 155px}

.totalForm legend    { display:none}

.totalForm label    { color: #714d2a; font: bold 12px/20px Arial, Helvetica, sans-serif; float:right; margin:0}

.totalForm input    { float:left; background:url(../images/leftButton.gif) no-repeat; width: 64px; height: 21px; border: none;

              font: bold 12px/12px Arial, Helvetica, sans-serif; color: #fff; cursor: pointer}



.leftMenu        { float:left; width: 165px; margin:0; padding-left: 16px}

.leftMenu li      { float:left; list-style: none; margin:0 0 6px 0}

.leftMenu li a      { color: #714d2a; padding-left: 19px; width: 145px; display:block; background:url(../images/submit.gif) left 3px no-repeat;

              font: bold 14px/16px Arial, Helvetica, sans-serif}

.leftMenu li a:hover  { color: #000}



a.active          { color: #000 !important; text-decoration:underline !important}



.submenu,

.submenu2        { margin: 3px 0 0 0 !important}

.submenu li        { margin-bottom:4px}

.submenu li a      { background:none}



.submenu2 li a      { background:none; color: #847e75; padding-left: 25px; width: 139px}



.leftMenuTwo      { float:left; width: 130px; margin:15px 0 0 0; padding: 45px 0 0 36px; background:url(../images/leftCol.gif) 24px top no-repeat}

.leftMenuTwo li      { float:left; list-style: none; margin:0 0 15px 0; width:120px}

.leftMenuTwo li  a     { color: #714d2a;font: bold 16px/18px Arial, Helvetica, sans-serif}

.leftMenuTwo li  a:hover  { color: #000}

/*--------------------------------------*/

.main          { float:right; width: 707px; overflow:hidden; padding-bottom: 10px}

.main img        { margin-bottom: 20px}

.main p          { font-weight: bold; color: #333333}



a.links          { font: bold 18px/20px Arial, Helvetica, sans-serif !important; color: #714d2a !important; float:right}



.link          {font: bold 14px/28px Arial, Helvetica, sans-serif}

.link3          { font: bold 14px/16px Arial, Helvetica, sans-serif; padding-right: 12px; background:url(../images/arrow-link3.gif) right 6px no-repeat}

.biglink        { font: bold 24px/27px Arial, Helvetica, sans-serif; padding-right: 21px; background:url(../images/arrow-link1.gif) right 12px no-repeat}

.smalLink        { font: bold 18px/20px Arial, Helvetica, sans-serif; padding-right: 15px; background:url(../images/arrow-link2.gif) right 8px no-repeat}

.link3,

.biglink,

.smalLink        { color: #714d2a;margin-right:7px; display:inline; text-decoration:underline !important}





.bolas          { float:left;
overflow:hidden;
width:420px;}

.preview        { float:left;
height:508px;
margin-right:15px;
position:relative;
width:338px;}

#imagen_principal {width:331px; height: 500px;}
.preview img      { float:left; border: 4px solid #c6b8aa; padding:0}

.preview a        { float:left}

.lupa          { position:absolute; bottom:2px; right: 2px; background:url(../images/lupa.png) no-repeat; width: 52px; height: 52px; display:block}

.previewImg        { float:left; margin-bottom: 33px}

.previewImg a      { float:left; display:block;border: 3px solid #c6b8aa; width: 60px; height: 94px}

.previewImg a:hover    { border: 3px solid #714d2a}

.previewImg img      { float:left;height:94px;
width:60px;}



.textMain        { float:left;
padding-left:21px;
width:260px;}

.choise          { padding-left: 100px}

.choise legend      { display: none}

.choise label      { font: bold 12px/15px Arial, Helvetica, sans-serif; float:left; color: #333333; margin:0}

.choise input      { float: left; margin:0 30px 0 0}

.choise ul, .choise li  { float:left; margin:3px 0; width: 70px; list-style: none; clear:both}



.all          { float:right; width: 113px; text-align: center; background:url(../images/voluta.gif) bottom no-repeat; height:65px; padding-left: 2px; margin-top: 10px}

.all p          { color: #62605c; font: bold 18px/20px Arial, Helvetica, sans-serif; margin-bottom: 8px}

.all a          { background:url(../images/rightButton.png) no-repeat; width: 109px; height: 21px;font: bold 12px/18px Arial, Helvetica, sans-serif; color: #fff; display:block}

.all a:hover      { text-decoration:none}



.hover          { background:url(../images/voluta-hover.gif) bottom no-repeat !important}

.hover p        { color: #755230 !important}

.hover a        { background:url(../images/rightButton-hover.png) no-repeat !important}



.menu          { float:left; margin:0 0 30px 0; width: 707px; overflow:hidden}

.menu li        { float:left; width:125px; height: 293px; text-align:center; margin:0 19px 10px 0; list-style: none; overflow:hidden}

.menu li img      { margin-bottom: 3px; width:119px; height: 180px; }

.menu li p        { color: #62605c; font: bold 12px/14px Arial, Helvetica, sans-serif; margin-bottom:10px}

.foto          { display:block}

.foto img        { margin-bottom:0 !important;border: 3px solid #c6b8aa}

.rose          { background:url(../images/rose.png) no-repeat; width: 49px; height: 35px; margin:0 auto}

.buttonDiv        { background:url(../images/voluta.png) no-repeat; width: 89px; height: 39px; margin-top: 6px; 

              padding: 5px 0 0 25px; overflow:hidden; float:left; text-align:left}

.buttonDiv a      { background:url(../images/ver-button.png) no-repeat; width: 64px; height: 21px; display:block}



.activeSub p      { color: #755230 !important}

.activeSub a.foto img  { border:3px solid #755230 !important}

.activeSub div.buttonDiv

            { background:url(../images/voluta-hover.png) no-repeat !important}

.activeSub div.buttonDiv a

            { background:url(../images/ver-button-hover.png) no-repeat !important}

.activeSub div.rose    { background:url(../images/rose-hover.png) no-repeat !important}



.page          { float:right; width: 231px; overflow:hidden}

.page p          { margin-bottom:2px; color: #714d2a; font: bold 12px/20px Arial, Helvetica, sans-serif}

.page a          { color: #714d2a !important}

.number          { float:left; overflow:hidden; padding-top: 2px; height: 25px}

.number a        { padding: 2px 4px; border: 2px solid #714d2a; display:inline; margin-right: 5px}

.number a:hover      { text-decoration:none; color: #000 !important}

/*---------------------------------------*/

#footer          { height:250px; background:url(../images/footer.png) no-repeat; width:940px; overflow:hidden; margin:0 auto; padding: 15px 30px 0 30px}

#footer p        { float:left; color: #444444; font: normal 11px/12px Arial, Helvetica, sans-serif}

.language        { float:right !important;
margin-top:-10px;
width:300px;}
.language a img {
 vertical-align:middle; 
}
#footer a:link,

#footer a:visited    { color: #444444}


/* Notices */
#notices_{}
#notices_ .message{
  padding:10px 60px;
  line-height:15px;
  color: #000;
}
.mensaje_ok{
  border-top: 1px solid #00cc00;
  border-bottom: 1px solid #00cc00;
  background: #e0fcd6 url(/images/ico/ok30.png) no-repeat 15px;
}
.mensaje_error{
  border-top: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  background: #fce4e4 url(/images/ico/error30.png) no-repeat 15px center;
}