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

---------------- 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: inherit;

				  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 14px/15px 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; width: 100px}

#footer a:link,

#footer a:visited		{ color: #444444}