html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display: inline-block;}* html .clearfix {height: 1%;}.clearfix {display: block;}

html {font-size:100.01%;}
body {
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align: center;
	margin: 0;
	color:#666666;
	background-image: url(images/back-body.jpg);
	background-repeat: repeat-x;
	}

div#pagina {width: 960px;text-align:left; margin: 0 auto;}

/* Old styles liquid layout 
div#pagina {width: 100%; max-width:960px; min-width: 770px; text-align:left; margin: 0 auto;}
html>body div#pagina, html>body div#pagina div#interior-cabecera {/*IE6 ignora
  width:auto;
  max-width:960px;
  min-width: 770px;
}
**************************/

h1 { color:#8FB324; font-size:120%; font-weight:bold;}
h4 { font-weight:bold; margin-bottom: 0.3em;}
small { font-size:90%;}
#destacados h1 {
	font-size:100%;
	padding-bottom:0.2em;
	/*background-image: url(images/dots.gif);*/
	margin-bottom:.5em;
	font-weight:normal;
	color:#555;
}
#directorio h1 { margin-bottom: 0.5em;}


.limpiar {
	clear:both !important;
	}
.centro { text-align: center;}
.izquierda { text-align: left;}
.derecha { text-align: right;}
.rfloat { float:right}.lfloat {float:left}
#logo, #logo_en {
	width:20em;
	float:left;
	padding-top: 1em;
	}
	
* html div#logo, * html div#logo_en { /* IE only */
	margin-top:0;
	}

#logo a{
	padding: 77px 0 0 0 !important;
	overflow: hidden;
	height: 0px !important;
	width:230px;
	display:block;
	background:url(images/store_logo.gif) no-repeat top left;
	margin:0 15px 10px 10px;
	float:left;
	}
#logo_en a{
	padding: 77px 0 0 0 !important;
	overflow: hidden;
	height: 0px !important;
	width:230px;
	display:block;
	background:url(images/store_logo_en.gif) no-repeat top left;
	margin:0 15px 10px 10px;
	float:left;
	}

#logo a.navidad{
	padding: 85px 0 0 0 !important;
	overflow: hidden;
	height: 0px !important;
	width:275px;
	display:block;
	background:url(images/top_ballerinas_logo_navidad.gif) no-repeat top left;
	margin:0 15px 2px 10px;
	float:left;
	}
#logo_en a.navidad{
	padding: 85px 0 0 0 !important;
	overflow: hidden;
	height: 0px !important;
	width:275px;
	display:block;
	background:url(images/top_ballerinas_logo_navidad_en.gif) no-repeat top left;
	margin:0 15px 2px 10px;
	float:left;
	}

html >body #logo a {  /* Todos menos IE6 */
	margin:0 15px 10px 15px;
	}
strong { font-weight:bold;}
a { color:#006699; text-decoration: none;}
a:hover {color:#003F5E; text-decoration: underline;}
p { margin: 0 0 0.8em 0; line-height: 130%;}
a img { text-decoration:none;}
a.lightbox img {border:0;}
a:hover img {text-decoration:none; border:1px solid #ccc/*#E0F0B7*/;}
a.lightbox:hover img {border:0;}
.texto-centro { text-align:center;}
.oculto, #lema {
	display: none;
	}
#cabecera {  margin: 0 0 0.3em 0;}
.m2b { margin-bottom:2em; clear:both;}

#interior-cabecera1 {background:url(images/random/01.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera2 {background:url(images/random/02.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera3 {background:url(images/random/03.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera4 {background:url(images/random/04.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera5 {background:url(images/random/05.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera6 {background:url(images/random/06.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera7 {background:url(images/random/07.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera8 {background:url(images/random/08.jpg) no-repeat bottom right; height:105px;}
#interior-cabecera9 {background:url(images/random/09.jpg) no-repeat bottom right; height:105px;}

div#idiomas li, div#herramientas ul li, div#pie ul li, div#destacados ul li, #vistas ul li { float: left;}
div#breadcrumb ul  { display: inline;}
div#breadcrumb ul li { display: inline;}
.activo { font-weight:bold;}

#idiomas { padding: 1em 0  0 0; line-height:120%; color:#999999; font-size: 90%;}
#idiomas, #breadcrumb, #herramientas { font-size:90%;}
#idiomas ul li, #herramientas ul li { margin-right: 1em;}
#idiomas ul li.inicio { margin-right:3em;}
#breadcrumb { float:left; margin: 0 0 0.5em 0; width: 600px;}

#herramientas { float:right; margin: 0 0 0.5em 0;}
#contenido { padding:2em 1em;}


#introduccion { width: 42%; float:left;}
#introduccion h1 {margin-bottom: 25px;color:#555;font-size:1.5em;font-weight:normal;margin-top:-5px;overflow:hidden}
#introduccion p {color:#666;}
#introduccion ul { margin:0 0 2em 1em; line-height:125%;}
#introduccion ul li{margin:0 0 0.6em 0.8em;list-style-image: url(images/bullet-home.gif);list-style-type: none;color:#666;}

#destacados { width: 500px; float:right;}
#destacados ul { text-align:center; margin: 0.7em 0;}
#destacados ul li {line-height:130%;margin-right:11px}
#destacados ul li a img {padding: 1px;border:1px solid #e1e1e1}
#destacados ul li a:hover img {border:1px solid #bbb}
#directorio { width: 97%; margin: 2.5em 1em; float: left;}
div#directorio div#todos, div#directorio div#colores, div#directorio div#marcas, div#directorio div#tipo {width: 25%; float: left;overflow: hidden;}
div#directorio.en-producto div#todos{ width: 18% !important; line-height:140% !important;}
div#directorio.en-producto div#colores { width: 28%!important;}
div#directorio.en-producto div#marcas { width: 27%!important;}
div#directorio.en-producto div#tipo { width: 27%!important;}
div#directorio.en-producto { font-size:80% !important;}
div#directorio.en-producto a { font-size:100% !important;}

div#directorio div#todos h3, #directorio-derecha h3.todos {background:url(images/icono-bailarinas.gif) no-repeat 0 3px; padding-left: 1.8em;
padding-bottom: 0.3em;}
div#directorio div#todos p, #directorio-derecha p { padding-left: 1.8em;}

div#directorio div h3,  #directorio-derecha h3{ font-size:105%; font-weight: bold; color:#8FB324; margin-top: 0.3em; padding-top:0.5em}
div#directorio div#colores h3, div#directorio div#marcas h3, div#directorio div#tipo h3, #directorio-derecha h3.notodos {padding-bottom: 0.5em;}
div#directorio div ul li, #directorio-derecha ul li { margin: 0 0 0.5em 0.8em; color:#999999;}

#pie {margin: 0em; color:#999999; background-color:#fff; padding: 1em 0 0 0; background-image: url(images/dots.gif);background-repeat: repeat-x;background-position: left top;text-align:center}
#pie ul {margin: 0 auto; width: 970px;}
#pie ul li { font-size: 90%; margin: 0 1.5em 2em 0; text-align: left; padding: 1px 0 0 20px;width:200px}
#pie ul li span {font-size:90%;}
#envio {background:url(images/ico-envio.jpg) no-repeat top left; }
#privacidad {background:url(images/ico-priva.jpg) no-repeat top left;}
#tags {background:url(images/tag.gif) no-repeat top left;}
#legal {background:url(images/ico-legal.jpg) no-repeat top left;}
#facebook {background:url(images/facebook.png) no-repeat top left;}
#ltop {
	width:100%;
	float: left;
	background:url(images/top.gif) repeat-x top left;

}
 #clt { width:13px; height:13px;   float: left; background:url(images/tlcorner.gif) no-repeat 0 0px;}
 #crt { width:13px; height:13px;  float: right; background:url(images/trcorner.gif) no-repeat -1px 0px;}
 #clb {width:13px; height:13px;  float: left; background:url(images/blcorner.gif) no-repeat -1px -3px;}
 #crb {width:13px; height:13px;  float: right; background:url(images/brcorner.gif) no-repeat 0 -3px;}
 
div#directorio #lbottom {width:100%;
background:url(images/bedge.gif) repeat-x bottom left;
	float: left;}
div#directorio #lleft {
background:url(images/left.gif) repeat-y top left; float: left; width: 100%}
div#directorio  {background:url(images/right.gif) repeat-y top right;}
#contenido-directorio {
	margin: 0.5em 1em;
	background-image: url(images/back-contenido-directorio.jpg);
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
#flores {
	background-image: url(images/back-listado.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 1em;
}
#listados { margin: 0  0  0 2em;}
#listados.smalltext a{font-size:0.8em};
#paginacion-pie { text-align: center;}
.paginator {  margin:0 auto 2em auto !important;}

.paginator a { padding:0.5em; display: block; background-color:#F2F2F2; text-align: center; float:left; margin: 0.3em;}
.paginator .this-page, .paginator .break, .paginator .AtStart {padding:0.5em;text-align: center; float:left; margin: 0.3em;}
.paginator .total { padding-left:5.5em; font-size:80%; color:#999999; margin-bottom:2em;}
#paginacion-top { float:right; text-align: right; font-size:90%; margin: 0.35em 0 2em 0;}





/* Resultados */
#resultados { width:70%; float: left;}
#resultados h1 { margin-bottom: 1.5em;}
/*#directorio-derecha {  float: right; width: 230px; background:url("images/bg_sidebar.gif") no-repeat top left; padding:1em 1em 4em 1.5em; }*/
#directorio-derecha {float: right;  background:url("images/bg_sidebar-sost.gif") no-repeat top left;  margin-bottom: 2em;}
#directorio-derecha div.margenes {padding:1em 1em 0em 1.7em;width: 230px;}
#directorio-derecha div.final {background:url("images/bg_sidebar_bot.gif") no-repeat bottom left; margin-top: 1em}
#directorio-derecha h3.notodos{ margin-top: 1em; margin-left:0em;}
#directorio-derecha ul { margin-left: 1.8em; padding-left:0;}
#directorio-derecha ul li {font-size: 0.8em; margin-left:0; font-weight: normal;}
#directorio-derecha ul li strong {font-weight: normal;}

.resultado img { float: left; margin: 0 1em 0 0;padding:1px; border:1px solid #e1e1e1; width: 146px; height:146px; display: block;background: url(images/ajax-loader.gif) no-repeat center center;}
.resultado .detalles a  {background:url(images/mas-detalles.gif) no-repeat 0px -3px; padding-left: 0.72em;}
.resultado { line-height:150%; width:49%; float: left; margin:1em 0 2em 0;}
h3#menu-activo {color:#666;}
span.precio { font-size:125%;}
.resultado .detalles.small {font-size: 75%;}

/*Searchresults seo*/
.rfloat #directorio-derecha { float: none !important}
.resultados-simialres {width: 230px; font-size: 80%; margin: 0 0 1em 1em}
.resultados-simialres ul li {list-style: none; display: inline; line-height: 135%}
.resultados-simialres a { color: #999;}
#resultados.seo h1 {margin-bottom:.8em;font-size:150% !important}
.top4 {margin-top:4em;}
.searchresult h2 {color:#8fb324;font-size:120%; font-weight: 700; margin-bottom: .8em;}
.searchresult img, .searchresult img:hover {border:6px solid #e1e1e1;}
.searchresult .detalles a  {background:url(images/mas-detalles2.gif) no-repeat 0px 5px; text-decoration:underline; font-weight: 700}
/*#directorio-derecha.lateral-seo {  background:url("images/bg_sidebar_search.gif") no-repeat top left;}
.lateral-seo { padding-left: 2em !important}*/
.lateral-seo h3 { margin-top:.4em !important}
.lateral-seo h2 { font-size: 120%; color:#728D1D; margin:.4em auto .8em; font-weight: 700; }
.lateral-seo li { font-weight: normal}
.lateral-seo li strong {font-weight: normal; font-size:110%}
.lateral-seo p { margin-bottom: .4em !important}
#directorio-seo li, #topsearch li {list-style: none; display: inline !important; line-height: 140%;}
.t1 { font-size:120%}.t2 { font-size:130%}.t3 { font-size:140%}.t4 { font-size:150%}

/* producto */
h1.tit-producto { margin: 0 0 2em 0;font-size:1.3em}
h1.tit-producto span { font-weight:normal; color:#666666; font-size:90%;}
.select.pie { float: left;}
#foto-producto { float: left; width: 40%; text-align: center;padding:1px; border:1px solid #ccc}
#foto-producto img { margin: 0 auto;}
#foto-producto a {margin-bottom:5px;display:inline-block}
select#numpie {width:50px}

#caracteristicas {float: left; width: 45%; margin-left:55px;margin-bottom:30px}
#caracteristicas h3 { font-weight:bold; color:#666; margin-bottom:0.6em;}
#caracteristicas form input.alacesta { margin-left:2%; padding-left: 1em;}
#caracteristicas small.nota {font-size:11px !important;width:205px;display:inline-block;color:#999;float:right;margin-top:-25px}
.ref { color:#888; font-size:80%;}
#caracteristicas ul li{ display: inline; margin-right: 1em;}
#caracteristicas p.desc {margin-left:20px;margin-bottom:25px}
#caracteristicas ul li img{ margin-right:5px;  padding:1px;  width:8px}
#caracteristicas span.precio { font-size:150%;color:#333}
#caracteristicas p.aviso { font-size:80%; color:#999999;padding:0 0 24px 55px}
#vistas { margin-bottom:20px;float:left;width:70px}
/*#vistas img {width:50px;} border: 1px solid #CCCCCC; padding:1px; background-color:#FFFFFF;}*/
#vistas ul li { margin-bottom:10px}
#vistas ul li span { font-size:90%; color:#999999;}
#vistas a img {text-decoration:none;padding:3px; border:1px solid #ccc/*#E0F0B7*/; width: 50px; height:50px; display: block; background: url(images/ajax-loader.gif) no-repeat center center;}
#vistas a img.selected {border-color: #888;}
#vistas a:hover img {border-color:#888}
#showBig { width: 340px; height:340px; display: block;background: url(images/ajax-loader.gif) no-repeat center center;}

/*MI cuenta*/

.acceso { width:35%; border: 1px solid #CCCCCC; float:left; margin: 0 50px; padding:1em;}
form#login {width: 100%; margin: 2em auto;}
.acceso h3 { margin-bottom: 1em; }
.acceso p { margin-left: 1em;}
.acceso label, #registro label{ width: 10.6em; display: block; float: left; text-align: right; margin-right: 0.3em;}
/*.acceso ul li { list-style:disc; margin: 0 0 0.5em 2em;}*/
.acceso.no-cliente ul li { list-style:disc; margin: 0 0 0.5em 2em;}
.acceso.cliente label{width:5em;}


form#registro { margin: 1em 0;}
#registro fieldset, p.acceso-cuenta { width: 70%; margin:0 8em;  padding:1em;}
#registro legend { font-weight:bold; margin-bottom: 1em; }
#registro h3 { font-weight:bold; color:#666; margin: 0 0 1.4em 0; padding-bottom:0.3em; 	
	background-image: url(images/dots.gif);
	background-repeat: repeat-x;
	background-position: left bottom;}
form input.grande { width: 50%}

#tabs-menu { margin: 2em 0 1em 0; border-bottom:1px solid #ccc; padding:0 0 0.5em 0}
#tabs-menu ul li { display: inline; font-weight:bold;}
#tabs-menu ul li a { text-decoration: underline;}
li#amispedidos   { margin: 0 1em 0 1em; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0 1em 0 1em;}
#groupOptions { margin:1em 3em 1em 0; background-color:#F2F2F2; padding:1em 0;}
#groupOptions label{ width: 8.6em; display: block; float: left; text-align: right; margin-right: 0.3em;}
#groupOptions.hidden{display:none;}
#groupOptions2 { margin:1em 3em 1em 0; background-color:#F2F2F2; padding:1em 0;}
#groupOptions2 label{ width: 8.6em; display: block; float: left; text-align: right; margin-right: 0.3em;}
#groupOptions2.hidden{display:none;}


table { margin: 1em auto 2em auto; width:90%;}
table caption { font-weight:bold; font-size:95%; margin-bottom: 1em;}
table tr th { padding: 1em 0 0.5em 0.5em;  border-bottom: 1px solid #ccc; font-weight:bold; color:#999999;}
table tr td { padding: 0.5em 0.5em;  border-bottom: 1px solid #ccc;}
table tr.celda-activa { background-color:#E1FFD7;}
.del { width:50px;  text-align: center}
table .primera { padding-left:0.5em;}
form#cesta table tr td { vertical-align: middle;}
form#cesta table caption { display: none}
form#cesta table tr td table tr td, table tr td.nopad { padding:0; border: none;}
table tfoot tr td.nopad { padding:0.5em 1em 0.5em 0.8em; border: none;}
.espacio { padding: 0 1em 0 0;}
td.precio { font-size:150%; color:#000000; width: 150px;}
tfoot tr td{ border:none;}
tr.none td { padding:0.4em 0 0 0;}


/*check out*/
div.checkout { width:70%; margin:0 auto;}
div.checkout h1 { font-weight:normal; line-height:140%; margin-bottom:2em;} 
div.checkout h1 span { font-weight:normal; color:#BFBFBF; padding-top: 1em; font-size:95%;}
div.checkout h1 span span { font-weight:bold; color:#8FB324; }
div.checkout h3 { font-weight:bold; color:#666; margin: 0em; padding-bottom:0.3em; 	
	background-image: url(images/dots.gif);
	background-repeat: repeat-x;
	background-position: left bottom;}
div.checkout div {  padding:1em; margin:0;}
div.checkout div ul { margin: 1em 0 1em 2em; }
div.checkout div ul li{ margin: 1em; list-style:none;}
div.checkout div ul li ul {  margin:0 0 0 2em;}
div.checkout div ul li ul li{ list-style:none; color:#000000;}
div.checkout div.comentario { width:87%; margin:0 auto;}
div.checkout div textarea { width:99%; margin:0 auto;}
div.checkout p.continuando { float: left; margin-left:2em;}
div.checkout table caption {display: none;}
div.checkout div.checkboxes span { width: 40%; display: block; float: left; height: 4em;}
div.checkout div.checkboxes label img { margin: 0.5em 0 0 2em;}
div.checkout div div { border:none; width:45%; float: left; padding:0;}
div.checkout div div.parte-derecha { border-left: 1px solid #000;}
div.checkout div table img { float: left; margin-right:0.5em;}
div.checkout div table { margin-top:0em;}
div.checkout div.col50 { width:42%; margin-left:2.5em;}


div.checkout div.aviso-ok { border:none; background-color:#E8FFEF; margin: 2em;}
div.checkout div.aviso-ok h3 { color:#009900; margin-bottom: 1em;}
div.checkout div.aviso-ok p { margin-left: 1em;}
div.checkout div.aviso-ok p.nota {font-size:90%;}
div.checkout div.aviso-ok p.nota strong {font-size:90%;}
div.checkout div.aviso-ok p strong { color:#000; font-size:120%;}


a.print {background:url(images/printer.png) no-repeat top left; padding: 0 0 0 1.6em;}
a.pdf {background:url(images/page_white_acrobat.png) no-repeat top left; padding: 0 0 0 1.6em;}

/* Errores */
.errors { color: #FFFFFF;font-weight: normal;background:#FB7070;border:1px solid #D43C3C;padding:1em 1em 0 2em;}
.errors li {list-style-image: url(images/error.gif) ;padding:0 0 1em 0;}
ul.errors {margin:-6px 11px 1.2em 4em;}
fieldset ul.errors {margin:-6px 11.6em 1.2em 10.9em;}
input.error { border:1px solid #D43C3C; background:#FBCDD0;}


/* Mensajes de Info */ 
.messages { color: #FFFFFF;font-weight: normal;background:#99FF33;border:1px solid #33FF00;padding:1em 1em 0 2em;margin-bottom: 20px;}
.messages li {list-style: none;padding:0 0 1em 0;}

/* Estaticas */
.estatica { width:60%; margin:0 auto;}
.estatica h1.tit { margin-bottom:1em;}	
.estatica h3 { font-weight:bold; color:#666; margin: 0em; padding-bottom:0.3em; background-image: url(images/dots.gif); background-repeat: repeat-x; background-position: left bottom;}
.estatica h3.equipo { font-weight:normal;}
.estatica h3.m2, .m2 { margin-top:2em;}
p.foto-little{margin:1em 0 1em 0;}
p.foto-little img {border:4px solid #ddd; float:left; margin-right:1em;}
p.foto img {border:4px solid #ddd;}
.estatica table { margin: 0;}
.negrita { font-weight: bold;}
.estatica .aviso-ok p { margin-bottom:0;}
.aviso-ok { border:none; background-color:#E8FFEF; margin: 1em; padding:1em}
.avisolegal { text-align:justify}
.estatica ul.lista { list-style: disc; padding-left:2em; clear:both;}
.estatica ul li { margin-bottom: 0.5em;}


/* top busquedas */
#topsearch { width:90%; float: left;}
#topsearch h1 { margin-bottom: 1.5em;}
#topsearch h3, #topsearch h4{display:inline;}
.searchresult {width: 95%}
}
    /* Tags size */
    #topsearch a{font-size:1em;}
    #topsearch strong a{font-size:1.2em;}
    #topsearch h4 a{font-size:1.4em;}
    #topsearch h3 a{font-size:1.6em·;}
    #topsearch h3 strong a{font-size:1.8em;}

p#copyright {font-size: 90%; color:#999999;}