/***** ARTEL - NAF *****/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,dl,dt,dd {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
a { color:#ee1d23; outline:none; text-decoration: none; }
a:visited{color:#f8d82e;}
a:hover{text-decoration: underline;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html{ font-size:62.5%;}
body{
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5d5d5d;
	background-color: #333;
	min-width: 318px;
}

.img-circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}

.img-rounded{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
/*html,body,div,span,fieldset,caption,table,
h1,h2,h3, p,img,ul,li,ol,form,img,address{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
}
a{
	outline: none;
	color: #d80009;
	text-decoration: underline;
}
a:visited{
	color: #7b00ee;
}
a:hover{
	text-decoration: none;
}
body{
	background:#2f2c23;
	font-size: 62.5%;
}*/

/*accesibilidad*/
/*.accesibilidad{
	display: block;
	width:120px;
	height:17px;
	position:absolute;
	top:7px;
	right:-125px;
}
.accesibilidad span{
	font-size: 0.1em;
	display: block;
	margin:0 3px;
	text-indent:-9000px;
	float:left;
}
.accesibilidad a,.accesibilidad :visited{
	color: #FFFFFF;
}
.mapa a,.mapa :visited,.acceso a,.acceso a :visited,.zoom a,.zoom a :visited,.disminuir a,.disminuir a :visited{
	width: 17px;
	height: 16px;
	display: block;
	line-height:16px;

}
.link{
	display:block;
	float:left;
	padding:1px;
	margin-left:4px;
}
.mapa a,.mapa :visited{ background:url(/imagenes/template/accesibilidad.png) left top no-repeat;}
.acceso a,.acceso a :visited{
	background: url(/imagenes/template/accesibilidad.png) left -17px no-repeat;
	color: #e8e8e8;
}
.zoom a,.zoom a :visited{
	background:url(/imagenes/template/accesibilidad.png) left -34px no-repeat;
	color: #606060;
}
.disminuir a,.disminuir a :visited{
	background:url(/imagenes/template/accesibilidad.png) left -51px no-repeat;
	color: #606060;
}*/
/*fin*/



/***** TEMPLATE *****/

#wrapper{
	background: #FFF url(../imagenes/template/header.jpg) center top no-repeat;
	padding-top:24px;
}

.center{
	width: 1180px;
	margin:0 auto;
	padding-bottom:1px;
}

#top{
	margin:0 auto;
	position:relative;
	height: 40px;
}
#top ul{
	font-size: 0px;
	text-align: right;
}
#top ul li{
	font-weight:300;
	line-height: 22px;
	display: inline-block;
	margin:0 0 0 20px;
}
#top ul li img{ vertical-align:middle; margin-right:6px;}
#top ul li a, #top ul li a:visited{
	color: #616161;
}

/*#header-content{
	background: url(/imagenes/template/header.jpg) center top no-repeat;
	padding-top: 9px;
}*/

#redes-sociales{
	position: absolute;
	top: 0;
	right: 0;
	line-height:26px;
}
#redes-sociales ul{
	font-size: 0;
	list-style-type: none;
	margin:0;
}
#redes-sociales li{ display:inline-block; margin:0 0 0 4px;}
#redes-sociales li a{
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=6);
}
#redes-sociales li a:hover{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=10);
}
#redes-sociales img{ vertical-align:middle;}
/*#redes-sociales a{margin:0 3px 0 2px;}*/
/*#wrapper-footer{
	background: url(/imagenes/template/curvas.png) center bottom  repeat-x;
}
#wrapper-content{background:url(../imagenes/template/wrapper-footer-2.jpg) center bottom no-repeat; padding-bottom:5px;}

#top2{
	width: 750px;
	margin:0 auto 10px;
	position:relative;
	height: 28px;
	background: url(/imagenes/carro/top2.jpg) right top no-repeat;
	padding-right: 15px;
	line-height: 28px;
}
#top p, #top2 p{
	text-align:right;
	color:#8f5e3d;
	margin: 0;
	font-size: 1.2em;
}
#top p a, #top2 p a{ margin:0 3px;}*/



.logo{
	position: absolute;
	left: -3px;
	top: -26px;
}
#header .center{
	height:420px;
	position:relative;
	z-index: 0;
}
#manualidades{
	width: 97%;
	height: 96px;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 3%;
	list-style-type: none;
}
#manualidades li{
	font-size:2.4em;
	font-size:2.4rem;
	font-weight:500;
	line-height:96px;
	text-align:center;
	background-position: center bottom;
	background-repeat:no-repeat;
	margin:0;
	float:left;
	width: 230px;
	position:relative;
}
#manualidades li img{ position:absolute;}
#manualidades li a, #manualidades li a:visited{
	color:#FFF;
	display:block;
	line-height: 70px;
    padding-top: 26px;
}


#manualidades li.manualidades {
	background-image: url(../imagenes/template/background-manualidades.png);
	margin-left: -10px;
}
#manualidades li.manualidades img{ top:-4px; left:-29px;}
#manualidades li.manualidades a{
	line-height: 76px;
    padding-top: 20px;
    transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
}




#manualidades li.infantil {
	background-image: url(../imagenes/template/background-juvenil.png);
	margin-left: -10px;
	z-index: 2;
}
#manualidades li.infantil img{ top:-30px; left:8px;}
#manualidades li.infantil a{
    transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
}


#manualidades li.arte-grafica {
	background-image: url(../imagenes/template/background-arte-grafica.png);
	margin-left: -10px;
}
#manualidades li.arte-grafica img{ top:-35px; left:33%;}
#manualidades li.arte-grafica a{
    transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
}



#manualidades li.escolares {
	background-image: url(../imagenes/template/background-escolares.png);
	margin-left: -5px;
}
#manualidades li.escolares img{ top:-35px;}
#manualidades li.escolares a{
    transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(-4deg) scale(1) skew(1deg) translate(0px);
}


#manualidades li.oficinas {
	background-image: url(../imagenes/template/background-oficinas.png);
	margin-left: -5px;
}
#manualidades li.oficinas img{ top:-15px; right:5px;}
#manualidades li.oficinas a{
	line-height: 80px;
    padding-top: 16px;
    transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(4deg) scale(1) skew(1deg) translate(0px);
}


/*Mundos*/
/*.infantil,.escolares,.manualidades,.arte-grafica,.oficinas{
	font-size:0.5em;
	text-indent:-9000px;
	display:block;
	height: 33px;
	width: 157px;
	position: absolute;
	top:135px;
	margin:0;
}

.infantil{
	background:url(/imagenes/template/mundos.png) left top no-repeat;
	left: 451px;
}
.escolares{
	background:url(/imagenes/template/mundos.png) left -66px no-repeat;
	left: 674px;
}
.manualidades{
	background:url(/imagenes/template/mundos.png) left -132px no-repeat;
	top: 215px;
	left: 335px;
}
.arte-grafica{
	background:url(/imagenes/template/mundos.png) left -198px no-repeat;
	top: 215px;
	left: 562px;
}
.oficinas{
	background:url(/imagenes/template/mundos.png) left -264px no-repeat;
	top: 215px;
	left: 777px;
}
.infantil a,.infantil :visited,.escolares a,.escolares :visited,.manualidades a,.manualidades :visited,.arte-grafica a, .arte-grafica :visited,.oficinas a,.oficinas :visited{
	display:block;
	text-align:center;
	height: 33px;
	width: 157px;
}

.infantil :hover{
	background:url(/imagenes/template/mundos.png) left -33px no-repeat;
}
.escolares :hover{
	background:url(/imagenes/template/mundos.png) left -99px no-repeat;
}
.manualidades :hover{
	background:url(/imagenes/template/mundos.png) left -165px no-repeat;
}
.arte-grafica :hover{
	background:url(/imagenes/template/mundos.png) left -231px no-repeat;
}
.oficinas :hover{
	background:url(/imagenes/template/mundos.png) left -297px no-repeat;
}*/
/*Fin Mundos*/

#resumen{
	width:480px;
	position:absolute;
	top:180px;
	left:0;
}
#resumen .text-resumen{
	font-size: 3.6em;
	font-size: 3.6rem;
	font-weight: 500;
	margin-bottom: 15px;
}
#resumen p{
	font-size: 1.5em;
	font-size: 1.5rem;
	color: #606060;
	font-weight:300;
	margin:0;
}
#search{
	width: 500px;
	position: absolute;
	top: 180px;
	right: 0px;
}
#search .form{
	width:100%;
	height:40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	font-size: 15px;
	padding-right:35px;
}
#search  .btn-buscar, .search-filtro .btn-buscar{
	background: transparent url(../imagenes/varios/btn-search.png);
	height: 19px;
	width: 19px;
	border:none;
	position:absolute;
	top:10px; right:10px;
}

#footer{
	background: #8a8b8d url(../imagenes/template/footer.png) center bottom no-repeat;
	padding-top:170px;
	height:456px;
}
#footer .input, #footer .btn-primary, #footer .select{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
#footer .form-newsletter{
	text-align: right;
	width: 800px;
	position: relative;
	top: -15px;
	margin:0 0 15px auto;
}
#footer .form-newsletter legend{
	font-size: 2.5em;
	font-size: 2.5rem;
	color: #fbc22d;
	font-weight:500;
	display: block;
	width: 100%;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
}

#footer .form-newsletter p, #footer address{
	font-size: 1.4em;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 20px;
}
#footer .form-newsletter ul{
	font-size: 0;
	list-style-type: none;
	margin:0;
}
#footer .form-newsletter li{
	vertical-align: top;
	text-align: left;
	display: inline-block;
	width: 50%;
	position: relative;
	padding: 0 5px;
	margin:0;
}
#footer .form-newsletter .select{ border:1px solid #fff;}
#footer .form-newsletter li select{ width:100%;}
#footer .input{
	color: #3f3f3f;
	font-size: 1.5em;
	font-size: 1.5rem;
	width: 100%;
	line-height: 40px;
	background-color: #FFF;
	border: 1px solid #FFF;
	padding: 0 10px;
	border-radius:0;
}
#footer .btn-primary{
	color: #ee1d23;
	font-size: 2em;
	font-size: 2rem;
	font-weight: 500;
	background-color: #fbc22d;
	width: 145px;
	height: 45px;
	margin: 0 0 0 10px;
	border: 1px solid #fbc22d;
	cursor:pointer;
}

#footer .center{
	background: url(/imagenes/template/logo-footer.png) left 80px no-repeat;
	height: 280px;
	position: relative;
}
#footer .inline-table{
	list-style-type: none;
	margin-bottom:5px;
}
#footer .inline-table li{
	font-size: 2em;
	font-size: 2rem;
	display: inline-block;
	margin: 0 0 10px 20px;
}
#footer .inline-table li a, #footer .inline-table li a:visited{ color: #f7cf00;}
#footer .redes-sociales{
	text-align: center;
	float: right;
	width: 280px;
	display:none;
}
.text-right{ text-align:right;}



/*
#footer .redes-sociales img{ margin:13px 4px 5px;}
#footer h6{ margin:0 0 4px 0;}
#footer p{
	margin-bottom: 0px;
	font-size: 1.2em;
	color:#6999c3;
	position:absolute;
	top: 30px;
	right:10px;
}
#footer p a{ color:#FFFFFF;}*/

#aeurus{
	text-align: right;
	background: url(../imagenes/template/borde-top.png) center 0 repeat-x;
	padding: 16px 8px 10px;
}
#aeurus img{ vertical-align:top;}
/*----*/

/*.right-b{ background:#fdf9ef url(/imagenes/varios/right-s2011.gif) right top repeat-y;}*/


/**** INICIO ****/
.background-home1{ background: #FFF url(../imagenes/portada/background-home1.png) center bottom no-repeat;}
.background-home1 .center{ padding-bottom: 10px;}
.producto-home, .relative{
	position: relative;
}
.producto-home .img-circle, .listado-actividad .img-circle{ border:6px solid #fbc22d;}
.producto-home img{ float: left;}
.producto-home .resumen-noticia{
	margin-left: 125px;
	padding-right: 10px;
	min-height: 100px;
	height: auto!important;
	height: 100px;
}
.producto-home .resumen-noticia h3{
	font-size: 20px;
	font-weight: 300;
}
.background-home1 a, .background-home1 a:visited{ color:#ee1d23;}

.producto-home .resumen-noticia p{
	color:#FFF;
	font-size: 16px;
	font-weight: 300;
}
.ver-mas{
	font-size:18px;
	position: absolute;
	top: 10px;
	right: 0px;
	
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    writing-mode: lr-tb;
}
.ver-mas a, .ver-mas a:visited{
	color: #FFF;
	position: relative;
	padding: 10px 30px;
	background-color: #ee1d23;
}

.ver-mas.mo{ display:none;}

.background-home2{ background: #FFF url(../imagenes/portada/background-home2.png) center bottom no-repeat; margin-bottom: -45px; padding-top:40px;}
.background-home2 .center{ padding-bottom:30px;}
.editable-zoom.editable{ padding-bottom:1px;}
.box{ font-size:0; margin:0 -2%;}
.box .grid{ width:50%; padding:0 2% ; vertical-align:top; display:inline-block;}
.box .grid .img-circle{ float:left;}
.box .grid .resumen{ margin-left:240px; min-height:210px;}
.full{ vertical-align:top; width:100%; height:auto;}
.max-full{ max-width:100%; height:auto; vertical-align:top;}
.coll-gal .max-full{ display:block; margin:0 auto 20px;}
.opciones-productos.box{ margin: 0 0 0 -2%;}
.opciones-productos.box .grid{ margin-bottom:20px;}
.opciones-productos .full{ border:5px solid #e8e8e8;}
.opciones-productos h3{
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	margin:0;
	position:absolute;
	left:20px;
	bottom:20px;
}
.opciones-productos .ver-mas{ top:0; right:-20px;}
.opciones-productos .ver-mas a, .opciones-productos .ver-mas a:visited{
	background-color: #4dadda;
}



.background-widget{
	padding: 30px 30px 25px;
	margin:10px 0 70px;
	background-color: #FFF;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	
    -moz-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.4);
}

#instagram{
	height: 480px;
	overflow: hidden;
}
.yt_holder{ overflow-y:auto; height:455px; margin:10px 0;}
.yt_holder ul{
	list-style-type: none;
	margin:0;
}
.yt_holder li{ margin-bottom:15px;}
.yt_holder li img{
	width: 190px;
	height: auto;
}
.yt_holder .yt-vid{
    vertical-align: top;
	display: table-cell;
    width: 190px;
}
.yt_holder li .content-video{
    vertical-align: middle;	
	display: table-cell;
    height: 130px;
    padding: 0 15px 0 20px;
}
.yt_holder li img {
    vertical-align: top;
    width: 190px;
    height: 140px;
}
.text-facebook, .text-twitter, .text-instagram, .text-youtube{
	font-size: 25px;
	line-height: 65px;
	color: #FFF;
	font-weight: 500;
	text-align: center;
	width: 210px;
	-webkit-transform: rotate(351deg);
	-moz-transform: rotate(351deg);
	-o-transform: rotate(351deg);
	writing-mode: rl-tb;
	position: absolute;
	top: -45px;
	left: -30px;
	z-index: 8;

}

.text-facebook{ background-color: #23649b;}
.text-twitter{ background-color: #4dadda;}
.text-instagram{ background-color: #59481b;}
.text-youtube{ background-color: #ee1d23;}



/**** PRODUCTOS ****/
.filtrar{
	width: 260px;
	float: left;
}
.filtrar fieldset{ padding-bottom:10px;}
.filtrar .btn-primary{ width:100%;}
#contenido-right{ margin-left:300px; min-height:500px;}
.text-gradient{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: url(/imagenes/varios/background-rotate.png) center 0 no-repeat;
	height: 53px;
	padding: 22px 10px 0;
	margin-bottom:15px;
}
#mostrar-filtro{ border-bottom: 1px solid #ccc; padding-bottom:1px; margin-bottom:20px;}
.mpa fieldset{ width:150px; position:absolute; right:0; bottom:0;}
.search-filtro{ width:240px;}
.search-filtro .form{ width:100%; line-height:35px; height:35px;}
.search-filtro .btn-buscar{
	background-image: url(../imagenes/varios/btn-search2.png);
	height: 17px;
	width: 18px;
}


#listado-productos{ margin:0 -2%; font-size:0;}
#listado-productos .producto{
	text-align: center;
	vertical-align: top;
	display: inline-block;
	width: 25%;
	padding: 0 2% 30px;
}
#listado-productos .producto .full{
	width:80%;
}
#listado-productos .producto .resumen{ padding-top:10px;}
#contenido-right #listado-productos .producto{
	width: 33.3%;
}
#listado-productos .producto h3{ font-weight:700;}
#listado-productos .producto h3 a, #listado-productos .producto h3 a:visited{ color:#606060;}
#listado-productos .producto ul{
	font-size: 0px;
	margin:0;
	list-style-type: none;
	text-align:center;
}
.producto p, .producto li{
	font-size: 1.3em;
	font-size: 1.3rem;
	font-weight: 300;
}
#listado-productos .producto li{ display: inline-block;}
#listado-productos .producto li.hide{ padding:0 5px;}
.producto p{ margin-bottom:15px;}
.producto .border-tb{ padding:10px 0; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}



/*

.producto-home-bottom,.height-a{
	background:url(/imagenes/inicio/borde-p-bottom.png) left bottom no-repeat;
	padding:1px 8px;
	height:105px;
}
.height-a{ height:130px;}*/
.content-top .producto-home{margin:0px 15px 15px 0;}
#left-inicio{
	width: 595px;
	padding:4px 20px 15px;
}
#right-home{
	padding:4px 30px 35px;
	min-height:323px;
	height:auto!important;
	height:323px;
	position: relative;
	background: url(../imagenes/inicio/right-bottom2.png) left bottom no-repeat;	
}
#right-home .titulo{
	margin-left:-13px;
}
#right-home .text-13,#right-home .text-12{ margin:0 0 3px;}
td .text-13{ font-size:0.9em;}
td .text-13 a{
	font-weight: bold;
}
td .text-12{ font-size:0.85em; padding-left:5px;}
td .text-12.gris{padding-left:0; color:#666666;}
#right-home .text-12{color:#a48e76;margin:0 0 1px;}
.right{
	float:right;
	width:243px;
}
.titulo{
	background: url(/imagenes/inicio/tit-i.png) left center no-repeat;
	padding-left:15px;
	height:33px;
	line-height:33px;
	color:#FFFFFF;
	margin-bottom: 15px;
	margin-left: -3px;
	font-size: 1.8em;
	padding-top: 0px;
}
.titulo a,.titulo a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
.titulo a:hover{
	text-decoration: underline;
}
.content-top .titulo{
	margin-bottom: 0px;
	background: url(/imagenes/inicio/tit-i.png) 30px center no-repeat;
	text-indent: 30px;
}
#content-bottom .titulo{ margin-left:-14px;}
.titulo span{
	background: #d80009 url(/imagenes/inicio/tit-c.png) right center no-repeat;
	padding:5px 16px 5px 1px;
}
#contenido-inferior .text-13 a{
	font-weight: bold;
}
.dificultad{
	font-size:1.2em;
	background: url(/imagenes/inicio/fondo-dificultad.png) left top no-repeat;
	display:block;
	width:146px;
	padding:5px 8px;
}
.dificultad img{margin:0 2px;}
li .dificultad{ font-size:0.85em;}


/*Cajas*/
.background-internas{ background: #f7cf00 url(/imagenes/template/background-internas.png) center 0 repeat-x;}
#content-top{
	padding: 30px 30px 25px;
	margin-bottom:50px;
	background-color: #FFF;
    -moz-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.4);
	min-height:400px;
}
.content-bottom{
	background: url(/imagenes/inicio/producto-inferior.png) left bottom no-repeat;
	padding:15px 45px 20px;
	margin-bottom:8px;
}
#content-top .content-bottom{
	min-height:405px;
	height:auto!important;
	height:405px;
}
.content-bottom.detalle{
	min-height:405px;
	height:auto!important;
	height:405px;
	background: url(/imagenes/varios/contenido-bottom.png) left bottom no-repeat;
	margin-bottom:-6px;
	}
.content-bottom2{
	background: url(/imagenes/varios/contenido-bottom-2.png) left bottom no-repeat;
	padding:15px 45px 20px;
}
#content-top .content-bottom2{
	min-height:400px;
	height:auto!important;
	height:400px;
	margin-bottom:8px;
}
.content-top{
	background: url(/imagenes/inicio/producto-superior.png) left top no-repeat;
	display:block;
	padding-top: 15px;
	position: relative;
	z-index: 0;
	width: 945px;
}
#navigation{ margin-bottom:30px;}
#navigation p{
	color:#606060;
	margin:0;
}
#navigation p a{ color:#e2221f;}

#navigation p span{
	background: url(/imagenes/varios/current.gif) center top no-repeat;
	padding-top:8px;
	position: relative;
}
.contenedor-imagen{
	width:36%;
	float:left;	
}
.coll-gal .contenedor-imagen{ width:100%; float:none;}
.puntos-venta, .redes-p{ padding:10px 0 20px;}
.puntos-venta ul{  margin:0}
.puntos-venta li{ display:inline-block; margin:0 5px 15px 0;}
.puntos-venta a, .puntos-venta a:visited{
	font-size: 16px;
	color: #606060;
	line-height:48px;
	display:block;
	padding:0 15px;
	margin: 0;
	background: #fece00 url(/imagenes/contacto/punto-de-venta.jpg) right 0 no-repeat;
	border-left:6px solid #e2221f;
}
.puntos-venta a:hover{ color:#e2221f;}
.btn-download, .btn-download:visited{
	color: #FFF;
	line-height:24px;
	text-align:center;
	display:block;
	background-color: #e2221f;
}
.btn-download:hover{
	background-color: #c31a18;
	text-decoration: none;
}
/*.contenedor-imagen-b{
	background: url(/imagenes/varios/borde-img.png) left top no-repeat;
	padding:10px 10px 2px 10px;
}*/
.editable .contenedor-imagen img{ border:none; padding:0; margin-bottom:5px;}
.contenedor-imagen p{
	color: #666666;
	margin-bottom:3px;
	text-align:left;
	padding:0 2px;
	line-height: normal;
}
.editable img.marcas, img.marcas{
	background: url(/imagenes/varios/borde-marca.png) center center no-repeat;
	padding:10px 12px;
	margin:0 9px 10px 0;
	border:none;
}
.editable div.marcas{
	vertical-align:top;
	display:inline-table;
	width: 25%;
	position:relative;
	padding:0 0 20px 2%;
}
.editable div.marcas a{
	display: block;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.editable div.marcas img{
	width:100%;
	height:auto;
	vertical-align: top;
	border:none;
}
.bloque-marca{ padding-bottom:20px;}
.editable .bloque-marca img.marcas{
	float: left;
	margin:0 20px 10px 0;
}

.borde-l,.editable .borde-l{ background:url(/imagenes/varios/borde-listado.png) center center no-repeat; padding:10px; border:none}
.padding-top-bottom{
	padding: 10px 0;
}

#right{
	float:right;
	width:255px;
	padding-top: 10px;
}
#right p,.right p{
	padding:0 5px 0 0;
}
.bloque-noticia{
	padding: 8px 0 1px;
}
.bloque-noticia img{
	float:left;
}
.bloque-noticia .dificultad img{
	float:none;
	padding:0;
	margin:0 2px;
}
.bloque-noticia img.borde{
	float:left;
	background: url(../imagenes/varios/borde-galeria.png) left top no-repeat;
	padding:14px;
	border:none;
	margin: -15px 0 0 -14px;
}
.resumen-noticia{
	margin-left:125px;
	min-height:110px;
	height:auto!important;
	height:110px;
	padding-top:4px;
	display: block;
	padding-bottom: 1px;
}
.resumen-noticia .text-13 a{
	font-weight: bold;
}
.resumen-noticia .text-12,.text-color2{
	color: #666666;
}
.text-color2{ line-height:22px;}
.resumen-clientes{
	margin-left:200px;
	min-height:100px;
	height:auto!important;
	height:100px;
	padding-top:1px;
}
.resumen-noticia p,.resumen-clientes p{
	margin-bottom:3px;
}


/*Paginación*/
#paginacion{
	text-align: right;
	margin: 5px 0 20px;
	padding: 15px 20px;
	background-color: #f4f4f4;
    min-height: 58px;
}
#paginacion p{
	margin: 0 0 0 auto;
	color: #606060;
	font-size: 1.3em;
	font-size: 1.3rem;
	font-weight: 300;
	display: inline;
}
#paginacion .text-12{
	font-size: 1.3em;
	font-size: 1.3rem;
	float: left;
	margin-top: 4px;
}
#paginacion span{ margin:0 4px; display:inline-block;}
#paginacion .current, #paginacion span a, #paginacion span a:visited{
	color: #5d5d5d;
	font-weight: 700;
	display: block;
	background-color:#FFF;
	padding: 3px 12px;
	border: 1px solid #c8c8c8;
}
#paginacion span a:hover{ background-color:#ececec;}

#paginacion .current{
	color: #606060;
	background-color:#ececec;
	display:inline-block;
	
}



/*#paginacion .numero{
	font-weight: bold;
	
}
#paginacion .siguiente{
	font-weight: bold;
	background: url(/imagenes/varios/ant-sig-p.png) center top no-repeat;
	padding:3px 12px;
	
}
#paginacion .anterior{
	font-weight: bold;
	background: url(/imagenes/varios/ant-sig-p.png) center top no-repeat;
	padding:3px 16px;
	
}*/

/*Fin paginacion*/

.noticia-right{
	float:right;
	width: 372px;
	margin: 0 0 15px 0;
}
.noticia-right .contenedor-imagen{ float:none; margin-left:0;}
.relativo{ position:relative}
#bloque-contenido{
	width: 58%;
	float: right;
	padding-bottom:40px;
}
.coll-gal{
	float: left;
	width: 37%;
	padding-bottom:40px;
}
.categoria-ul{
	font-size: 0px;
	list-style-type: none;
	margin: 0 0 25px;
	padding:10px 15px;
	background-color:#f3f3f3;
}
.categoria-ul li{
	color:#606060;
	font-size: 13px;
	display: inline-block;
	margin:0;
}
.categoria-ul li.hide{ padding:0 5px;}


.editar,.eliminar{
	font-size: 0.5em;
	width: 16px;
	height: 16px;
	text-indent:-9000px;
	display:block;
	margin:-3px 10px 0 0;
	float:right;
}
.editar a,.eliminar a{
	display:block;
	width: 16px;
	height: 16px;
}
.editar a{background: url(/imagenes/varios/editar.png) 1px top no-repeat;}
.editar :hover{background: url(/imagenes/varios/editar.png) 1px bottom no-repeat;}
.eliminar a{background: url(/imagenes/varios/editar.png) -23px top no-repeat;}
.eliminar :hover{background: url(/imagenes/varios/editar.png) -23px bottom no-repeat;}
.aviso{
	background: url(/imagenes/contacto/aviso.png) left top no-repeat;
	width:445px;
	margin:0 auto 15px;
	padding-top:8px;
}
.aviso p{ margin:0; background:url(/imagenes/contacto/aviso-bottom.gif) left bottom no-repeat; padding:0 15px 10px;}


.footer-contenido {
	background: url(/imagenes/varios/productos-relacionados.gif) right top no-repeat;
    bottom: -26px;
    display: block;
    font-size: 13px;
	width: 235px;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding-right: 15px;
    position: absolute;
    right: 22px;
    text-align: right;
    z-index: 5;
}


.publicacion,.publicacion2{
	display: block;
	width:33.3%;
	text-align:center;
	float:left;
	height: 295px;
	padding-right: 15px;
}
.editable .publicacion .marcas,.editable .publicacion2 .marcas{ margin-right:0px; margin-bottom:4px; }
.publicacion p,.publicacion2 p{
	margin-bottom: 2px;
}
.publicacion2{ height:310px;}
.borrar{clear: both;}
.formulario li{ margin-left:10px;}


/**** TEXTOS ****/
h1,h2,.text-tit-h2,.text-26{
	color: #595959;
	font-size: 3.6em;
	font-size: 3.6rem;
	font-weight:500;
	margin-bottom: 20px;
	/*width: 470px;
	position:absolute;
	top:12px;
	right: 15px;*/
}
.slogan{
	font-size: 20px;
	color: #ef7c93;
}
/*h2,.text-tit-h2{
	margin-bottom: 13px;
	font-size: 3.0em;
	color: #595959;
	font-weight: bold;
}*/
#left-inicio .text-tit-h2{
	margin-bottom: 8px;
	width: 480px;
}
h3,.text-h3,h4{
	font-size: 2em;
	font-size: 2rem;
	color: #595959;
	font-weight:300;
	margin-bottom: 10px;
	padding-top: 5px;
}
.text-18{
	font-size: 1.8em;
	font-size: 1.8rem;
	color: #43bebe;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
}
.text-26{
	font-size:26px;
}
h6{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #7e654d;
}
.right-columna h3,.right-columna h2{
	font-size: 1.6em;
	color: #1f79cd;
	border:none;
	width:auto;
}
p,li,td,th{
	font-size: 1.4em;
	font-size: 1.4rem;
	color: #606060;
}
p{
	margin-bottom: 18px;
}
ul,ol{ margin-left:35px; margin-bottom:15px}
ol ul, ul ol{ padding-top:9px;}
ul li li{ font-size: 14px;}
li{ margin-bottom:10px}
dt{
	color:#666666;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:10px;
}
dd{
	font-size:1.3em;
	margin:0 0 10px 35px;
}
.text-fecha{
	font-size:1.2em;
	color: #a48e76;
	margin-bottom: 6px;
}
#text-nav{font-size: 1.1em;}
#text-nav a,#text-nav span{ margin:0 2px;}
#text-nav span{
	font-weight: bold;
	font-size: 1.1em;
	background:url(/imagenes/varios/actual.gif) right center no-repeat;
	padding-right:10px;
}
.text-11{
	font-size: 1.1em;
	color: #999999;
	margin-bottom: 5px;
}
.text-12{font-size: 1.2em;}
.text-13,.text-13-m{
	font-size: 1.3em;
	color: #333333;
}
.text-13 .text-11{font-size: 0.9em;}
.text-14{
	font-size: 1.4em;
	color: #999999;
}
.text-14 a,.text-14{font-weight: bold;}
.text-14 input{font-weight: normal;}
.text-align-center{text-align:center}
.text-align-right{text-align:right}
.text-margen{margin:0;}
.text-margen2{margin-bottom: 3px;}
.text-margen3{margin-bottom: 8px;}
.mapa-colunas{width:400px; float:left}
.mapa { font-size:11px}
.mapa-sitio ul{ margin-left:22px;}
.mapa-sitio ul li{ margin-bottom:5px;}


/**** FORMULARIOS ****/
label, input, textarea, select{
	font-size:1.5em;
	font-size:1.5rem;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	color: #606060;
	margin:0;
	padding:0;
}
textarea{
	resize: none;
	moz-resize: none;
	-webkit-resize: none;
}
.formulario label{
	line-height:40px;
	padding-right:10px;
	display: block;	
	float: left;
	text-align: right;
}
#caja-contacto label{
	width: 90px;
	clear:left;
}
select, .form, .form-com{ line-height:40px; border:1px solid #cccccc; padding:0 20px 0 10px; margin-bottom:20px;}
select{ height:40px; padding-left:8px;}
select option{
	text-indent:10px;
}
.form-select{ display:inline-block; position:relative; margin-bottom:20px;}
.form, .form-com, .form-select{
	width: 500px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.form-com{
	line-height:normal;
	padding:5px 10px;
}

.form-registro .form{ width:290px;}
.form-registro select.form{ width:228px;}
.form-com{margin-bottom: 2px;}
.todos{ background:url(/imagenes/varios/todos.png) left center no-repeat; padding-left:10px;}
#contenido-adicional{
	float: right;
	width: 450px;
}
#contenido-adicional ul{
	font-size:0;
	list-style-type: none;
	margin: 0px;
	padding-bottom:10px;
}
#contenido-adicional li{ margin-bottom:20px;}
#contenido-adicional li.dos{ width:50%; display:inline-block; vertical-align:top;}
#contenido-adicional li img{ margin-right:10px; float:left;}


#contenido-adicional iframe{ width:100%;}
#caja-contacto{width: 590px; float:left; padding-bottom:60px;}
.for-color{color: #f35a19;}
.form.text-color{
	border:1px solid #e4e2dc;
	background: #f8f6f0 url(/imagenes/varios/form-bloqueado.png) left top no-repeat;
}
.filtrar2{
	background: url(/imagenes/varios/filtrar.png) right top no-repeat;
	width:660px;
}
.filtrar2 .filtrar{
	width:660px;
	margin-right: 0px;
	padding-right: 0px;
}
.filtrar select{ margin-left:3px;}


/**** Botones ****/
/*#caja-contacto .sombra{
	background: url(/imagenes/varios/bot-109.png) left bottom no-repeat;
	padding-bottom:8px;
	float:right;
	display:block;
	position:relative;
	margin-top: 2px;
	width:109px;
	margin-left:auto;
}
*/
#caja-contacto input.boton-enviar,.btn-primary{
	background-color: #fece00;
	height: 40px;
	width: 200px;
	padding: 0;
	border: none;
	overflow: hidden;
	cursor: pointer;
	color: #606060;
	font-size: 1.8em;
	font-size: 1.8rem;
	font-weight: bold;
}
#caja-contacto .boton-enviar:hover, .btn-primary:hover{
	color: #0a0909;
	background: #fbaa00;
}

/*.filtrar .sombra{
	background: url(/imagenes/varios/bot-80.png) 5px bottom no-repeat;
	display:block;
	width:80px;
	height:27px;
	float:right;
	text-align: left;
	margin: 1px 0 0 0;
	padding-left:5px;
}
.filtrar input.boton-filtrar{
	background: url(/imagenes/varios/bot-80.png) left top no-repeat;
	height: 22px;
	width: 76px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom:2px;
	margin-bottom:4px;
}
.filtrar .boton-filtrar:hover{ background:url(/imagenes/varios/bot-80.png) left -27px no-repeat;}

#bloque-contenido .sombra{
	background: url(/imagenes/varios/bot-109.png) left -40px no-repeat;
	display:block;
	width:109px;
	height:50px;
	text-align: left;
	margin: 1px -3px 0 auto;
	float:none;
}
#bloque-contenido input.boton-comentar{
	background: url(/imagenes/varios/bot-109.png) left top no-repeat;
	height: 31px;
	width: 101px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom:2px;
	padding-right:2px;
	margin-bottom:4px;
}
#bloque-contenido .boton-comentar:hover{ background:url(/imagenes/varios/bot-109.png) left -40px no-repeat;}*/

.filtrar .sombra-c{
	background: url(/imagenes/varios/bot-183.png) left bottom no-repeat;
	display:block;
	width:183px;
	height:40px;
	text-align: left;
	position:absolute;
	top:0px;
	right:-210px;
}
.filtrar input.boton-subir{
	background: url(/imagenes/varios/bot-183.png) left top no-repeat;
	height: 34px;
	width: 179px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom:2px;
	margin-bottom:4px;
}
.filtrar .boton-subir:hover{ background:url(/imagenes/varios/bot-183.png) left -40px no-repeat;}

.filtrar .sombra-m{
	background: url(/imagenes/varios/bot-201.png) left bottom no-repeat;
	display:block;
	width:201px;
	height:40px;
	text-align: left;
	position:absolute;
	top:0px;
	right:-226px;
}
.filtrar input.boton-manualidad{
	background: url(/imagenes/varios/bot-201.png) left top no-repeat;
	height: 34px;
	width: 197px;

	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom:2px;
	margin-bottom:4px;
}
.filtrar .boton-manualidad:hover{ background:url(/imagenes/varios/bot-201.png) left -40px no-repeat;}

/*.caja-contacto .sombra{
	background: url(/imagenes/contacto/enviar.png) left bottom no-repeat;
	padding-bottom:6px;
	float:right;
	margin-top: 2px;
}
.caja-contacto input.boton-enviar{
	background: url(/imagenes/contacto/enviar.png) left top no-repeat;
	height: 32px;
	width: 109px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #FFFFFF;
	font-size: 1.8em;
	font-weight: bold;
	line-height:28px;
}
.caja-contacto .boton-enviar:hover{ background:url(/imagenes/contacto/enviar.png) left -38px no-repeat;}*/
.compartir-creatividad{
	background: url(/imagenes/varios/bot-267.png) left bottom no-repeat;
	display:block;
	width:267px;
	height:40px;
	text-align: left;
	margin-left:140px;
}
.compartir-creatividad input.boton-compartir{
	background: url(/imagenes/varios/bot-267.png) left top no-repeat;
	height: 34px;
	width: 261px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom:2px;
	margin-bottom:4px;
}
.compartir-creatividad .boton-compartir:hover{ background:url(/imagenes/varios/bot-267.png) left -40px no-repeat;}

.recuperar{
	background: url(/imagenes/varios/bot-215.png) 115px bottom no-repeat;
	display:block;
	width:215px;
	height:40px;
	text-align: left;
	padding-left:115px;
}
.recuperar input.boton-recuperar{
	background: url(/imagenes/varios/bot-215.png) left top no-repeat;
	height: 30px;
	width: 208px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom:2px;
	margin-bottom:4px;
}
.recuperar .boton-recuperar:hover{ background:url(/imagenes/varios/bot-215.png) left -40px no-repeat;}

.registrar{
	background: url(/imagenes/varios/bot-242.png) 128px bottom no-repeat;
	width:242px;
	height:40px;
	text-align: left;
	padding-left:128px;
	margin-bottom: 20px;
}
.registrar input.boton-registrar{
	background: url(/imagenes/varios/bot-242.png) left top no-repeat;
	height: 30px;
	width: 236px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom:2px;
	margin-bottom:4px;
	outline:none;
}
.registrar .boton-registrar:hover{ background:url(/imagenes/varios/bot-242.png) left -40px no-repeat;}

.editar-mi-perfil{
	background: url(/imagenes/varios/bot-203.png) 125px bottom no-repeat;
	width:203px;
	height:40px;
	text-align: left;
	padding-left:125px;
	margin-bottom: 20px;
}
.editar-mi-perfil input.boton-perfil{
	background: url(/imagenes/varios/bot-203.png) left top no-repeat;
	height: 30px;
	width: 196px;
	padding:0;
	border:none;
	overflow:hidden;
	cursor:pointer;
	color: #fdf9ef;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom:2px;
	margin-bottom:4px;
	outline:none;
}
.editar-mi-perfil .boton-perfil:hover{ background:url(/imagenes/varios/bot-203.png) left -40px no-repeat;}

/*Distribuya nuestros productos*/

.contenido-adicional{
	margin-bottom:10px;
	background: url(../imagenes/contacto/distribuya.png) no-repeat left top;
	width:372px;
	float:right;
	height: 463px;
	padding-top: 15px;
	position: relative;
	margin-left: 0px;
}
#content-bottom .contenido-adicional .titulo{
	background: url(/imagenes/contacto/titulo.png) left top no-repeat;
	color: #FFFFFF;
	width:331px;
	margin:0 auto 20px;
	line-height:36px;
	height:36px;
}
.contenido-adicional label,.contenido-adicional .form{
	font-size: 1.4em;
}
.contenido-adicional label{ width:72px;}
.contenido-adicional .form{
	background: url(/imagenes/contacto/form-distribuya.png) left top no-repeat;
	width: 230px;
}
.contenido-adicional .text-fecha{
	position: absolute;
	bottom: -22px;
	left: 15px;
}
.contenido-adicional p{
	margin-bottom:3px;
	color: #666666;
}
.contenido-adicional form{
	width: 323px;
	margin:0 auto;
}
.clientes img{ margin:0 10px 10px 0;}

/*Login*/
.recuperar-password{
	background-image: url(/imagenes/login/solicitar-password.jpg);
	width: 210px;
	height: 154px;
	position: absolute;
	top: -18px;
	left: 380px;
	padding: 46px 22px 0 140px;
}
.recuperar-password p, .ventajas p{
	line-height: 20px;
	margin: 0px;
}
.ventajas{
	background: url(/imagenes/login/ventajas.jpg) right top no-repeat;
	width: 185px;
	height: 230px;
	position: absolute;
	top: -35px;
	right:0;
	padding: 96px 140px 0 20px;
}
.ventajas p{
	line-height: 20px;
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
	color: #43bebe;
}
/*Menu*/
/*#menu{
	height:32px;
	width: 720px;
	padding:8px 4px 0 0;
	margin:0 -10px 0 auto;
	}
#menu ul {
	padding:0 10px 0 0;
	margin:0;
	list-style-type: none;
	float:right;
}
#menu ul li {
	font-size:14px;
	float:left;
	position:relative;
	margin:0 5px 0 0;
	z-index:1;
	padding:0;
	line-height:normal;
	text-indent: 13px;
}
#menu ul li a, #menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#e8000b;
	font-weight: bold;
}
#menu ul li ul {
	visibility:hidden;
	position:absolute;
	left: 0px;
	top: 31px;
	padding:0;
	margin:0;
}
#menu table {
	position:absolute;
	border-collapse:collapse;
	z-index:160;
	left:0px;
	top:0px;
	padding: 5px 7px 5px 7px;
	border:none;
	background-image:none;
}
#menu ul li:hover a, #menu ul li a:hover {
	background:  #cd0000 url(/imagenes/template/menu-hover.gif) left top no-repeat;
	color:#FFFFFF;	
}
#menu ul li:hover a span.menu, #menu ul li a:hover span.menu{
	background: url(/imagenes/template/menu-hover-cierre.gif) right top no-repeat;
}
#menu ul li:hover ul, #menu ul li a:hover ul {
	visibility:visible;
	bottom:0px;
	left:0px;
	margin:0;
	display: block;
}
#menu ul li:hover ul li, #menu ul li a:hover ul li {
	font-size:13px;
	clear:both;
	padding:0;
	margin:0;
}
#menu ul li:hover ul li.desplegable-comunidad, #menu ul li a:hover ul li.desplegable-comunidad{width: 122px;}
#menu .medio{ float:left; display:block; padding:1px 2px;line-height:16px; color:#cccccc; }
#menu ul li:hover ul li a, #menu ul li a:hover ul li a,#menu ul li.current:hover ul li a, #menu ul li.current a:hover ul li a {
	display:block;
	padding:0;
	color:#fff;
	line-height:31px;
	height:31px;
	cursor:pointer;
}
#menu ul li:hover ul li ul, #menu ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
}
#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover{color:#e8000b;}
#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul{
	visibility:visible;
	left:171px;
	bottom:0px;
}
#menu ul li:hover ul li:hover ul li a, #menu ul li a:hover ul li a:hover ul li a{
	position: relative;
	top: -38px;
	background-color: #a009a5;
	height: 24px;
	width: 200px;
	font-weight: normal;
}
#menu ul li:hover ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover ul li a:hover{
	background-color: #b6d25c;
}
#menu ul .current a, #menu ul .current a:visited {
	background:url(/imagenes/administracion/template/menu.png) left top no-repeat;
	display:block;
	text-decoration:none;
	color:#3f3f3f;
	font-weight: bold;
	padding:0 0 0 10px;
	background: #FFFFFF url(/imagenes/administracion/template/menu-current.png) left top no-repeat;
	cursor:default;
}
#menu ul .current a span.menu{
	font-weight: bold;
	background: url(/imagenes/administracion/template/menu-current-cierre.png) right top no-repeat;
	display: block;
	padding:10px 16px 12px 1px;
	position:relative;
}

#menu ul li:hover ul li.sq-despelgable a, #menu ul li a:hover ul li.sq-despelgable a {
	background: url(/imagenes/template/sq.png) left top no-repeat;
	width:123px;
}
#menu ul li:hover ul li.sq-despelgable a:hover, #menu ul li a:hover ul li.sq-despelgable a:hover{background: url(/imagenes/template/sq.png) left -31px no-repeat;}


#menu ul li:hover ul li.cnp-despelgable a, #menu ul li a:hover ul li.cnp-despelgable a {
	background: url(/imagenes/template/cnp.gif) left top no-repeat;
	width:168px;
}
#menu ul li:hover ul li.cnp-despelgable a:hover, #menu ul li a:hover ul li.cnp-despelgable a:hover{background: url(/imagenes/template/cnp.gif) left -31px no-repeat;}

#menu ul li:hover ul li.ds-despelgable a, #menu ul li a:hover ul li.ds-despelgable a {
	background: url(/imagenes/template/ds.png) left top no-repeat;
	width:210px;
}
#menu ul li:hover ul li.ds-despelgable a:hover, #menu ul li a:hover ul li.ds-despelgable a:hover{background: url(/imagenes/template/ds.png) left -31px no-repeat;}


#menu a.menu-default{ cursor:default;}*/
.sub-menu{
	background: url(/imagenes/varios/paginacion.gif) left top no-repeat;
	float: right;
	padding-left:10px;
	line-height:25px;
}
.sub-menu-cierre{
	background:url(/imagenes/varios/paginacion-cierre.png) right top;
	padding:3px 15px 3px 5px;
}
/**/
/*#menu .boton1 a,#menu .boton2 a,#menu .boton3 a,#menu .boton4 a,.boton5 a{
	display:block;
	line-height:31px;
	padding:0;
	margin:0;
}
#menu .boton1 a{
	background: url(/imagenes/template/botones.png) -1px top no-repeat;
	width:123px;
}
#menu ul li.boton1:hover a, #menu ul li.boton1 a:hover {
	background: url(/imagenes/template/botones.png) -1px bottom no-repeat;
}
#menu .boton2 a{
	background: url(/imagenes/template/botones.png) -129px top no-repeat;
	width:152px;
}
#menu ul li.boton2:hover a, #menu ul li.boton2 a:hover{background: url(/imagenes/template/botones.png) -129px bottom no-repeat;}
#menu .boton3 a{
	background: url(/imagenes/template/botones.png) -287px top no-repeat;
	width:74px;
}
#menu ul li.boton3:hover a, #menu ul li.boton3 a:hover{background: url(/imagenes/template/botones.png) -287px bottom no-repeat;}

#menu .boton4 a{
	background: url(/imagenes/template/botones.png) -368px top no-repeat;
	width:200px;
}
#menu ul li.boton4:hover a, #menu ul li.boton4 a:hover{background: url(/imagenes/template/botones.png) -368px bottom no-repeat;}
#menu .boton5 a{
	background: url(/imagenes/template/botones.png) right top no-repeat;
	width:107px;
}
#menu .boton5 a:hover{background: url(/imagenes/template/botones.png) right bottom no-repeat;}*/

/*Fin menu*/




/*Tabla*/
table{
	width: 100%;
	margin:0 auto 15px auto;
	border-collapse:collapse;
}
.editable caption{
	font-size: 18px;
	color: #606060;
	font-weight:500;
}
.editable th, .editable td{
	color:#606060;
	font-size:16px;
	padding:8px 15px;
	border-bottom:4px solid #fff;
}

.editable th{
	font-weight:normal;
	background-color: #fece00;
	text-align: left;
}

.editable th.b-th{
	border-right:4px solid #fff;
}
.editable td{
	font-size: 14px;
	color: #606060;
	background-color: #f3f3f3;
	vertical-align: top;
}
.editable p, .editable li{ line-height:20px;}





.th1{ width:100px;}
.th2{ width:60px;}
.th3{ width:160px;}
.th4{ width:15px}
.th5{ width:135px;}
.th6{ width:125px;}
.th7{ width:274px;}
tr.td-color,.td-color{
	background-color: #f1f1f1;
}
.editable tr:hover td {
	background-color:#f2fcff;
}

caption{
	padding:5px;
	text-align:left;
	font-size: 1.4em;
	color: #666666;
	font-weight: bold;
}
.editable ul{
	list-style-image: url(/imagenes/varios/vineta.gif);
	padding-bottom:1px;
}
.editable ul ol{
	list-style-image: none;
}
.editable ul li{ padding-left:3px;}
.editable ul li ol li{ padding-left:0px;}
.editable img{
	border:1px solid #d4d4d4;
	padding: 6px;
}
.editable .none-borde,.none-borde{
	border-right:none;
}
/*Listar Productos*/
.listar-p table{ margin-bottom:5px;}
.editable .listar-p img{ border: none;}
.listar-p .eliminar{float:none; margin:0 auto;}
.listar-p th{
	font-size: 1.3em;
	font-weight: normal;
	white-space:nowrap;
}
.listar-p .text-15{
	font-size: 1.5em;
	font-weight: bold;
	color: #964700;
	padding-left:10px
}
.listar-p td{
	font-size: 1.2em;
	color: #666666;
}
.listar-p td a{
	font-size: 1.1em;
}
.text-color{ color:#999999;}
.documentos{ margin-top:-2px;}







/*Mensajes*/

.caja-contacto{
	padding: 2px 1px 1px 91px;
	text-align:right;
}
.caja-contacto p{ float:left;}
.caja-contacto label{
	font-size: 11px;
	color: #999999;
	width:150px;
	text-align:left;
	margin-left:-3px;
}
/*tabla contenido*/
table.detalle{
	background-image:none;
	margin-bottom: 3px;
}
.detalle .padding-top-bottom{ padding:5px;}
.center table.contenido,.center table.contenido td,.center table.contenido th { border:none; background-image:none;}

table.contenido th {
	font-weight: normal;
	font-size: 1.4em;
	padding: 5px 0;
	vertical-align: top;
}
table.contenido td{ padding:5px;}
table.contenido td .form{ margin:0;}
table.contenido th label{
	float: none;
	padding: 0;
}
.checkbox { margin-left:-14px;}
.checkbox label{
	float:none;
	text-align:left;
}
.contenido .caja-imgo {
	float: left;
	width: 305px;
	padding-right:10px;
}
.caja-imgo img.marcas { margin-right:0;}
.caja-imgo .eliminar{ margin-top:10px;}
.funciones{ float:right; width:25px;}
.funciones .eliminar, .funciones .editar{ float:none}


.funciones .editar-publicacion{
	font-size: 0.5em;
	width: 15px;
	height: 15px;
	text-indent:-9000px;
	display:block;
	margin:10px 10px 0 0;
	float:right;
}
.caja-imgo .funciones .editar-publicacion a{
	display:block;
	width: 15px;
	height: 15px;
	background: url(/imagenes/mi-perfil/editar.png) left top no-repeat;}
.caja-imgo .funciones .editar-publicacion :hover{background: url(/imagenes/mi-perfil/editar.png) left bottom no-repeat;}



/**/
.detalle .lote1{ background: url(/imagenes/varios/lote.gif) right top no-repeat; margin-right:8px; padding-right:17px;}
.detalle .lote2{ background: url(/imagenes/varios/lote.gif) right -23px no-repeat; margin-right:8px; padding:10px 26px 9px 0;}
.detalle .lote3{ background: url(/imagenes/varios/lote.gif) right -55px no-repeat; padding:12px 24px 10px 0;}
.listar-p .lote1{ background:url(/imagenes/administracion/varios/lote1.png) right 1px no-repeat; margin-right:8px; padding-right:15px;}
.listar-p .lote2{ background:url(/imagenes/administracion/varios/lote2.png) right 0px no-repeat; margin-right:8px; padding:2px 19px 2px 0;}
.listar-p .lote3{ background:url(/imagenes/administracion/varios/lote3.png) right 0px no-repeat; padding:2px 18px 2px 0;}
/*Ordenar tabla*/

.up span.ordenamiento,.down span.ordenamiento{ padding:1px 5px; margin-left:2px; vertical-align:middle; cursor:pointer;}
.up span.ordenamiento,.up.asc span.ordenamiento{ background: url(/imagenes/varios/f-descendente.png) left center no-repeat;}
.up:hover span.ordenamiento,.up.asc span.ordenamiento  { background: url(/imagenes/varios/f-descendente-h.png) left center no-repeat;}

.down span.ordenamiento,.down.asc span.ordenamiento{background: url(/imagenes/varios/f-ascendente.png) left center no-repeat;}
.down:hover span.ordenamiento,.down.desc span.ordenamiento{ background: url(/imagenes/varios/f-ascendente-h.png) left center no-repeat}
.error-ups{
	/*background: url(/imagenes/varios/ups.jpg) left top no-repeat;
	height: 265px;
	width: 340px;*/
	padding: 50px 240px 20px 50px;
}
td p{ font-size:13px; margin-bottom:3px;}

/*Distribuidores*/
.maps iframe{ width:100%; height:400px;}
ul.inline-block, ul.table-block{
	font-size: 0px;
	list-style-type: none;
	margin:0;
}
ul.inline-block li, ul.table-block li{ vertical-align:top; display:inline-block; position:relative;}
ul.table-block li{ display:table-cell;}
#filtrar-distribuidores{
	padding: 10px 0;
}
#filtrar-distribuidores li{ width:230px; margin-right:10px;}
#filtrar-distribuidores select{ margin-bottom:4px;}
#filtrar-distribuidores .text-12{font-size: 1.2em;font-size: 1.2rem;}

#distribuidores{
	height: 123px;
	width: 29px;
	position: fixed;
	z-index:20;
	top:100px;
	right:-1px;
}
#distribuidores a,#distribuidores a:visited{
	height: 123px;
	width: 29px;
	display:block;
	background:url(/imagenes/varios/distribuidores.png) right top no-repeat;
}
#distribuidores a:hover{
	background:url(/imagenes/varios/distribuidores.png) left top no-repeat;
}

.distribuidores-gal{ width:300px; padding-right:40px;}


/*
#filtrar-distribuidores table{ margin-bottom:0;}
.buscar-sombra{
	background: url(/imagenes/varios/bot-92.png) left bottom no-repeat;
	width:92px;
	height:36px;
	display: block;
}
.buscar-sombra input.boton-92{
	background: #fece00;
	font-size: 18px;
	font-weight: 500;
	color: #606060;
	margin: 0px;
	padding: 0px;
	border:none;
	overflow:hidden;
	cursor:pointer;
	width:105px;
	height:40px;
	padding-bottom:3px;
}
.buscar-sombra input.boton-92:hover{
	color: #0a0909;
	background: #fbaa00;
}*/
#listado-distribuidores{
	margin:0 -45px 0 -46px;
}
#listado-distribuidores .producto-home{ margin-left:32px;}
#listado-distribuidores .text-13{ margin-top:-2px;}
#listado-distribuidores .text-12{ color:#1F160D; line-height:16px;}
.sucursales{ border-bottom:1px solid #ffc437; margin:0 -15px; padding:5px 15px;}
.sucursales h4{ font-size:1.4em; margin:0 0 5px 0;}
.sucursales table{ margin-left:24px; width:90%;}
.sucursales table th{ font-size:1.4em; color:#999999; width:70px;}
.editable .sucursales tr:hover td {
	background-color:#fdf9ef;
}
.sucursales .up, .sucursales .down{
	font-weight:bold;
	padding: 2px 2px 2px 24px;
	cursor:pointer;
	margin:0;
	color: #E5000B;
}
.sucursales .up{
	background: url(/imagenes/varios/up-down.png) 2px 4px no-repeat;
}
.sucursales .down{background: url(/imagenes/varios/up-down.png) 2px -15px no-repeat;color: #cc0000;}
/**/
.background-c{ background:url(/imagenes/varios/paginacion-color.gif) right -28px no-repeat; padding:5px 9px 5px 0px; margin-top:1px;}
.background-i{
	background:url(/imagenes/varios/paginacion-color.gif) left 1px no-repeat;
	padding: 5px 3px 5px 12px;
	font-size:13px;
}
.background-i a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.background-i a:hover{
	text-decoration: underline;
}
/*Compartir en redes sociales*/
.date-redes{ background:url(/imagenes/varios/background-date-b.png) left bottom no-repeat; line-height:22px;}
.date-redes .date-cierre{ background:url(/imagenes/varios/background-date-t.png) left top no-repeat; display:block; padding:5px 14px;}
.redes-publicar{
	height:30px;
	padding-left:17px;
	margin-top:-4px;
}
.twitte,.facebook{
	margin-right:10px;
	font-size: 11px;
	height:20px;
	display:block;
	float:left;
}
.twitte a,.twitte :visited,.facebook a,.facebook :visited{
	padding:2px 7px 2px 28px;
	color: #FFF;
	text-decoration: none;
	display:block;
}
.twitte a,.twitte :visited{
	background:url(/imagenes/varios/twitter.gif) left top no-repeat;
	padding:2px 9px 2px 30px;
}
.facebook a,.facebook :visited{
	background:url(/imagenes/varios/facebook.gif) left top no-repeat;
}
.twitte :hover,.facebook :hover{
	text-decoration: underline;
}
.facebook2{
	vertical-align:middle;
	float:left;
	width: 80px;
}

/* Carro de cotizaciones y todos los botones que se relacionan a el */
.contenedor-imagen .boton_cotizador{
	width:377px;
	height:38px;
	line-height:38px;
	background: url(/imagenes/carro/boton_carro.jpg) no-repeat;
	margin: 0 0 11px 0;
}
.contenedor-imagen .boton_cotizador a{
	font-size:1.3em;
	margin: 0 0 0 20px;
	color:#cf0000;
}
.boton_paypal{
	float:left;
	width:140px;
	height:32px;
	background: url(/imagenes/carro/boton_paypal.jpg) no-repeat;
	display:block;
}
#productos .precio_producto{
	font-weight:bold;
	font-size:1.4em;
	color:#333;
}
#productos .carro_cantidad_producto{
	background: #f1f2f4 url(/imagenes/carro/fondo_precio.jpg) repeat-x;
	border:1px solid #c1c0bc;
	width:40px;
}
#productos .quitar_carro{
	font-size:0.9em;
	color:#289efe;
}
#confirmar_cotizacion{
	width:172px;
	height:44px;
	background: url(/imagenes/carro/boton_confirmar.jpg) no-repeat;
	display:block;
	float:right;
	margin: 10px 0 0 0;
}
.carro_icono{
	background: url(/imagenes/carro/carrito.jpg) left top no-repeat;
	padding: 0 0 0 30px;
}

.contenedor-imagen .borrar{ border-top:1px solid #ffc879;}
.boton-imagenes, .boton-videos{
	display: inline-block;
	height:33px;
	text-align:center;
	line-height:33px;
	color:#333333;
	text-decoration:none;
	padding:0 15px;
	margin: 0 10px 0 0;
	font-size:16px;
	cursor:pointer;
	background-color:#fff9ef;
	border:1px solid #ffc879;
	border-bottom:none;
}
.contenedor-imagen .object, .contenedor-imagen embed{ width:100%;}

.boton-imagenes:hover, .boton-imagenes.active{
	background-color: #ffd017;
	color:#dd0109;	
}
.boton-videos:hover, .boton-videos.active{
	background-color: #ffd017;
	color:#dd0109;
}
.movil{ display:none;}


/********** RESPONSIVE **********/
@media screen and (max-width: 1180px) {
.center {width: 960px;}
#footer .form-newsletter{ width:650px;}
#search{ width:400px;}
#manualidades li{ width:auto;}
#manualidades li a, #manualidades li a:visited{ padding-left:37px; padding-right:37px;}
#footer .center { background: url(/imagenes/template/logo-footer.png) left 10px no-repeat;}
#caja-contacto, #contenido-adicional{ float:none;}
#contenido-adicional{ width:auto;}
.puntos-venta a, .puntos-venta a:visited{ font-size:14px; line-height:17px; padding:6px 80px 6px 14px;}
}
@media (min-width: 770px) and (max-width: 979px) {
.center { width: 770px;}
#resumen{ width:440px;}
#search{ width:300px;}
#manualidades li a, #manualidades li a:visited {
    padding-left: 20px;
    padding-right: 19px;
}
}
@media screen and (max-width: 979px) {
#footer{ height:auto; padding:80px 0 40px; background-position: right top;}
#footer .form-newsletter{ text-align:center;}
#footer .center {
    background: url(/imagenes/template/logo-footer.png) center 0 no-repeat;
	padding-top: 120px;
	height: auto;
}
#footer .form-newsletter{ width:auto; top: auto;}
#footer .inline-table{ margin-left: 0;}
#footer .inline-table li{
	font-size: 1.6em;
	font-size: 1.6rem;
}
#footer .text-right{ text-align:center; }

.publicacion, .publicacion2{ width:50%;}
.publicacion img.marcas{ width:100%; height:auto; vertical-align:top;}
#bloque-contenido{ float:none; width:auto;}
.coll-gal{ width:330px; margin:0 auto; float:none;}
#content{ display:none !important;}

.ver-mas{ font-size:16px;}
.ver-mas a, .ver-mas a:visited{ padding:8px 20px;}

.filtrar{ width:auto; float:none; margin:0 auto; padding-bottom:40px;}
.filtrar .text-gradient{ width:260px;}
#contenido-right{ margin-left:0;}

.movil{ display: block;}
.web{ display:none;}

}
@media (max-width: 769px) {
.center { width: 680px;}
#header .center{ height:460px;}
#top{ display: none;}
.logo{ top: 20px;}
#resumen, #search{ width:100%;}
#search{ top:295px; }

.background-home2 {
    background: #fff url(../imagenes/portada/background-home2.png) no-repeat center -638px;
    margin-bottom: -45px;
    padding-top: 40px;
}
.box .grid{ width: 100%;}
.box.hide{ display:none;}

.listado-actividad{ padding-bottom:30px;}
.background-home2 .box{ margin-bottom:30px !important;}

.opciones-productos.box .grid { margin-bottom: 40px;}
.box.opciones-productos{ margin-bottom:20px !important; padding-bottom:1px;}
h3, .text-h3, h4{
	font-size: 1.8em;
	font-size: 1.8rem;
}

#manualidades { width:100%; display:table; left:0;}
#manualidades li{ display:table-cell; float:none;}


#manualidades li.manualidades a, #manualidades li.oficinas a{
	line-height: normal;
    padding-top: inherit;
}

#manualidades li.manualidades img, #manualidades li.infantil img, #manualidades li.arte-grafica img{ top: auto; left: auto;}
#manualidades li.escolares img, #manualidades li.oficinas img{ top: auto;}
#manualidades li.oficinas img{ right: auto;}

#manualidades li a, #manualidades li a:visited{ padding:10px; float:none;}
#manualidades li span{ display:none;}
#manualidades li img{
	display: block;
	max-width:100%;
	height:auto;
	margin: 0 auto;
	position: relative;
	top: auto !important;
	left: auto !important;
}
#content-top{ padding:30px 20px 25px;}

}

@media (max-width: 680px) {
.center { width: 450px;}
#footer .form-newsletter li{ width:100%; padding:0; margin-bottom:10px;}
#resumen{ width:100%; top:190px;}
#resumen .text-resumen, h1, h2, .text-tit-h2{
    font-size: 2.8em;
    font-size: 2.8rem;
}
#search { top: 305px;}

.ver-mas.hide{ display:none;}
.ver-mas.mo{ display:block;}

#caja-contacto{ width:auto;}
.caja-contacto{ padding-left:0;}
.caja-contacto p { float:none; text-align:left;}
#caja-contacto label{ width:auto; float:none; text-align:left;}
.form, .form-com, .form-select { width: 100%;}

#paginacion { padding: 10px 15px;}
#paginacion span { margin: 0 2px;}
#paginacion .text-12 {
    display: block;
    text-align: left;
    width: 100%;
    float: none;
    margin-top: 0;
    margin-bottom: 15px;
}
ul.table-block li { display: block;}
.distribuidores-gal{ padding:0 0 15px; text-align:center;}

.mpa fieldset {
    position: relative;
    right: 0;
    width: auto;
}
#contenido-right #listado-productos .producto{ width:50%;}
.editable img{ width:100%; height:auto;}
.detalle .lote1{ display:inline-block; margin:0 15px 10px 10px; padding-right:20px;}
.detalle .lote3{ display:inline-block;}

.text-facebook, .text-twitter, .text-instagram, .text-youtube{
	font-size: 24px;
	line-height: 45px;
	width: 190px;
	top: -35px;
	left: -35px;

}

}

@media (max-width: 460px) {
.center { width: 340px;}
#content-top { padding: 25px 10px 20px;}
#contenido-adicional li.dos{ display:block; width: auto; overflow:hidden;}
.logo { top: 50px; left: 14%;}
#redes-sociales{ top:0; right: auto;}
#footer .input{ width:100%; margin-bottom:10px;}
#footer .btn-primary, .box .grid .img-circle{ margin:0 auto; display:block;}
.background-home1 h1, .background-home2 h2{ line-height:30px; padding-right:100px;}
.slick-slider .producto-home img{ float:none; display:block; margin:0 auto;}
.slick-slider .producto-home .resumen-noticia{ margin-left:5px;}
.box .grid .img-circle{ float:none;}
.box .grid .resumen{ padding-top:15px; margin-left:0; min-height:100px;}

.publicacion, .publicacion2{ width:auto; float:left; height:auto; padding:0 0 50px;}
#contenido-right #listado-productos .producto{ width:100%;}

.opciones-productos .ver-mas { right: -8px;}
.ver-mas { font-size: 14px;}
.ver-mas a, .ver-mas a:visited { padding: 8px 15px;}

.coll-gal{ width:auto;}
.coll-gal object, .coll-gal embed { width:100%;}

.detalle .lote2{ display:inline-block;}
.text-facebook, .text-twitter, .text-instagram, .text-youtube{
	font-size: 20px;
	line-height:35px;
	width: 150px;
	height:40px;
	left:-5px;	
	-webkit-transform: rotate(355deg);
	-moz-transform: rotate(355deg);
	-o-transform: rotate(355deg);
}
}

/*@media (max-width: 350px) {
.center { width: 320px;}
}*/