/*
Theme Name: Klass
Theme URI: http://www.bluedotsdesign.com
Description: Tema hecho para klass sport
Version: 1.0
Author: Alberto Villalobos
Author URI: http://shawncope.com
Tags: red, store


*/

* {
	margin: 0;
}

body {margin:0px; padding:0px;background: url(images/fondo2.png) repeat; height:100%;}
#contenedor {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto ;width:100%; background: url(images/fondo.png) repeat-x;}
.clear {clear:both;}
.push {height:100px;}
.minipush {clear:both;height:25px; width:1px;}
.push10px {clear:both;height:10px;width:1px;}
#contenedor2 {width:960px; margin:0 auto;}
.espacio {width:36px;float:left;height:10px;}
.espacio2 {width:43px;float:left;height:20px;}
.espacio27 {width:27px;float:left;height:10px;}
.miniespacio {width:10px; height:2px;float:right;}
.miniespaciol {width:10px; height:2px;float:left;}
#invisible {display:none;}
p,h1,h2,h3,h4,strong,a,cite, label {font-family: Arial;}
a img {border:none;}

#header {width:960px;float:left;}
#logo {background: url(images/logo.png) no-repeat; width:159px; height:77px;float:left;}
#logo:hover {background: url(images/logopress.png) no-repeat; }

ul#menuizq {float:left; width:400px;padding:0px;margin-top:30px;}
ul#menuizq li {display:block;float:left;margin-right:27px;}
ul#menuizq li#n {margin-right:0px;}

ul#menuder {float:right; width:400px;padding:0px;margin-top:30px;}
ul#menuder li {display:block;float:right;margin-left:27px;}
ul#menuder li#m {margin-left:0px;}



#nosotros {width:94px; height:13px;float:left; background: url(images/nosotros.jpg) no-repeat left top;}
#nosotros:hover {background: url(images/nosotros.jpg) no-repeat left bottom;}
#ubicaciones{width:119px; height:14px;float:left; background: url(images/ubicaciones.jpg) no-repeat left top;}
#ubicaciones:hover {background: url(images/ubicaciones.jpg) no-repeat left bottom;}
#promociones {width:127px; height:14px;float:left; background: url(images/promociones.jpg) no-repeat left top;}
#promociones:hover {background: url(images/promociones.jpg) no-repeat left bottom;}
#nuevosarticulos {width:200px; height:14px;float:left; background: url(images/nuevosarticulos.jpg) no-repeat left top;}
#nuevosarticulos:hover {background: url(images/nuevosarticulos.jpg) no-repeat left bottom;}
#blog {width:55px; height:17px;float:left; background: url(images/blog.jpg) no-repeat left top;}
#blog:hover {background: url(images/blog.jpg) no-repeat left bottom;}
#contacto {width:87px; height:13px;float:left; background: url(images/contacto.jpg) no-repeat left top;}
#contacto:hover {background: url(images/contacto.jpg) no-repeat left bottom;}


#banner {background: url(images/banner.jpg) no-repeat; width:960px;height:281px;float:left;}
#introduccion {margin:56px 0 0 32px; background: url(images/introduccion.jpg) no-repeat; float:left;width:435px;padding-top:67px;font-size:14px; color:white;line-height:150%;}
#promocionesfeatured {float:right; width:420px; height:249px;background: url(images/espectacular.jpg) no-repeat;margin: 32px 31px 0 0;}
#promocionesfeatured img {border:none;}




#primerbloque {float:left;width:960px;padding-bottom:25px;}
#marcas {float:left;background: url(images/marcas.png) no-repeat; width:960px;height:41px;}

#colizq {float:left;width:711px;overflow:visible;}
#colizq {float:left;width:960px;}
#botones {width:960px;float:left;}
.botonfeaturedcalzado {background:url(images/calzado.jpg) no-repeat top left;width:213px; height:134px;float:left;}
.botonfeaturedcalzado:hover {background:url(images/calzado.jpg) no-repeat bottom left;}
.botonfeaturedropa {background:url(images/ropa.jpg) no-repeat top left;width:213px; height:134px;float:left;}
.botonfeaturedropa:hover {background:url(images/ropa.jpg) no-repeat bottom left;}
.botonfeaturedaccesorios {background:url(images/accesorios.jpg) no-repeat top left;width:213px; height:134px;float:left;}
.botonfeaturedaccesorios:hover {background:url(images/accesorios.jpg) no-repeat bottom left;}
.botonfeaturedfutbol {background:url(images/futbol.jpg) no-repeat top right;width:208px; height:134px;float:left;}
.botonfeaturedfutbol {background:url(images/futbol.jpg) no-repeat top right;width:208px; height:134px;float:left;}
.botonfeaturedfutbol:hover {background:url(images/futbol.jpg) no-repeat top left;}

#links {width:747px; float:left;}
.link {width:206px; float:left;margin-bottom:20px;text-align:center;margin-right:40px}
.link a img {border:none;}
#links h2 {color:white;font-size:14px;margin-bottom:5px;}

#gift  {background: url(images/giftcards.jpg) no-repeat; width:208px ; height:128px;float:left;overflow:visible;}

#colder {float:right;width:208px;}
#noticiasyeventos {float:left;width:198px; padding:40px 5px 20px 5px;float:left;background:#E1E1E1 url(images/noticiasyeventos.jpg) no-repeat;}
#noticiasyeventos h2 a{font-size:12px;font-weight:bold;color:#003300;text-decoration:none;margin-bottom:3px;}
#noticiasyeventos strong { font-size:10px;}
#noticiasyeventos p {margin-top:10px;}
#noticiasyeventos p {font-size:10px;}

#footer {float:left;width:960px; border-top: solid 1px white;height:200px;}
ul#menufooter {margin-top:5px;float:left;width:500px;padding-left:0px;font-size:11px;}
ul#menufooter li {display:inline; float:left;}
ul#menufooter li a {color:white; text-decoration:none;margin-right:20px;}

#creditos {margin-top:5px;float:right; width:250px;}
#bluedots {width:146px;height:31px;background: url(images/bluedotsdesign.gif) no-repeat;}
#bluedots:hover {background: url(images/bluedotsdesignpress.gif) no-repeat;}
#creditos a {float:right;font-size:11px;text-decoration:underline;color:white;}
.dirbl {width:250px;text-align:right;}

#disclaimer {float:left;width:500px;margin-top:25px;}
#disclaimer h3 {font-weight:bold; color:white;margin-bottom:10px;font-size:14px;}
#disclaimer p {font-size:10px; color:white;margin-bottom:10px;}

/*  PAGINAS           */
#colizqpagina {float:left;width:752px;}
#colizqpagina2 {float:left;width:960px;}

#bannerindividual {float:left;width:960px;height:187px;}
#bannernosotros {float:left;width:722px;height:82px; background: url(images/bannernosotros.gif) no-repeat;margin: 28px 0 0 28px;}
#colmenu {width:160px; float:left;margin-right:26px;}
ul#colmenu {padding:0px;}
ul#colmenu li {background: black; margin-bottom:15px; list-style-type:none;color:white;padding:4px 0 4px 0;height:20px;}
ul#colmenu li:hover {background:black;}
ul#colmenu li a{color:white;margin-right:4px;float:right;font-size:13px; font-weight:bold; text-decoration:none;}
#textopagina {width:493px;float:left;border: 1px solid white;background:#E1E1E1 url(images/fondopagina.jpg) repeat-x;padding:10px 20px 20px 20px;}
#textopagina h1 {font-size:30px;margin-bottom:25px;}
#textopagina h2 {font-size:15px; margin:10px 0 0 20px;}
#textopagina p {font-size:13px;line-height:16px;margin-bottom:15px;}
#textopagina ul li{font-family:Arial;font-size:12px;margin-bottom:5px;}


/*  sidebar          */
#sidebar {float:right;width:208px;}
#accesoriosside {background: url(images/accesorios.png) no-repeat top left;  width:206px; height:46px;float:left;margin-bottom:7px;}
#accesoriosside:hover {background: url(images/accesorios.png) no-repeat bottom left;}
#ropaside {background: url(images/ropa.png) no-repeat top left;  width:206px; height:46px;float:left;margin-bottom:7px;}
#ropaside:hover {background: url(images/ropa.png) no-repeat bottom left;}
#calzadoside {background: url(images/calzado.png) no-repeat top left;  width:206px; height:46px;float:left;margin-bottom:7px;}
#calzadoside:hover{background: url(images/calzado.png) no-repeat bottom left; }
#futbol {background: url(images/futbol.png) no-repeat top left;  width:206px; height:46px;float:left;margin-bottom:7px;}
#futbol:hover{background: url(images/futbol.png) no-repeat bottom left; }


#sidebar .accordion {float:left; width:208px;background:#E1E1E1 url(images/archivosside.gif) no-repeat;padding-top:28px;}
#sidebar .accordion h3 {padding-left:31px;width:159px;padding-right:18px;background: url(images/asidetag.png) no-repeat;height:22px;cursor:pointer;font-size:13px;font-weight:bold;padding-top:6px;}
#sidebar .accordion h3.active {background: url(images/asidetagactive.png) no-repeat;}
#sidebar .accordion h3:hover {background: url(images/asidetaghover.png) no-repeat;}
#sidebar .accordion h3.active:hover {background: url(images/asidetagactivehover.png) no-repeat;}
#sidebar .accordion p {height:102px;width:208px; background: url(images/archivoscontenido.jpg) repeat-x;padding-top:10px;}
#sidebar .accordion a {font-size:10px; font-weight:bold; color: #003300;width:208px;margin-left:20px; margin-top:15px;line-height:18px;}
#sidebar .todas a {font-size:11px;line-height:25px;}
#contactoside {width:208px; height:69px; float:left; background: url(images/contactoside.png) no-repeat;margin-top:10px;}
#promoside {width:208px; height:69px; float:left; background: url(images/promoside.png) no-repeat;margin-top:10px;}


/* Ubicacion         */
#bannerubicacion {background: url(images/bannerubicaciones.gif) no-repeat;margin-top:28px;width:911px; height:140px;}
#textopaginau { width:679px; float:left;border: 1px solid white;background:#E1E1E1 url(images/fondopagina.jpg) repeat-x;padding:10px 20px 20px 20px;}

.sucursal {width:679px; float:left;margin-top:40px;}
.sucursal .minipush {height:10px;}
.sucursal p {font-size:11px;}
.sucursal h2 {color:#A50000;}
.sucursal h3 {font-size:11px;color:#009900;}
.datos1 {float:left;width:70px;margin-left:4px;}
.ciudad {float:left; width:80px;}
.direccion {float:left;width:189px;}
.datos2 {float:left;width:178px;margin-left:4px;}
.googlemaps {width:176px;height:26px;background: url(images/googlemaps.jpg) repeat-x;border:1px solid #CCCCCC;text-align:center;padding-top:5px;}
.googlemaps a {font-size:13px; color:#009900;}
.extra {width:168px;height:89px;border:1px solid #CCCCCC;margin-top:4px;padding:4px;}
.imagen {float:left;padding:4px; border:1px solid #CCCCCC;}
.imagen img {border:none;}

/*Nuevos productos          */
#bannernuevosproductos {background: url(images/bannernuevosproductos.gif) no-repeat;margin-top:28px;width:813px; height:63px;float:left;}
#colcalzado {width:217px;float:left;background: url(images/calzadonptitulo.gif) no-repeat;padding-top:45px;}
#colropa {width:217px;float:left;background: url(images/ropanptitulo.gif) no-repeat;padding-top:45px;}
#colaccesorios {width:217px;float:left;background: url(images/accesoriosnptitulo.gif) no-repeat;padding-top:45px;}
#colfutbol {width:217px;float:left;background: url(images/futbolntitulo.gif) no-repeat;padding-top:45px;}

.item {width:215px;border:1px solid white;float:left;background:#F5F5F5;}
.barraprecio {width:215px;margin-left:1px;background: url(images/barraprecio.jpg) repeat-x;float:left;height:50px;}
.thecontent {float:left;width:215px;height:163px;}
.barraprecio h2 {font-size:12px; font-weight:normal;width:100px;float:left;position:relative;margin-left:4px;margin-top:4px;}
.barraprecio p {font-size:15px;font-weight:bold; width:100px;float:right;position:relative;margin-right:4px;text-align:right;margin-top:15px;}

/*Promociones         */
#bannerpromociones {background: url(images/bannerpromociones.gif) no-repeat;margin-top:28px;width:865px; height:76px;float:left;}
.textopagina2 { width:679px;float:left;border: 1px solid white;background:#E1E1E1 url(images/fondopagina.jpg) repeat-x;padding:20px 20px 20px 20px;}
.thecontentpromo {width:355px; height:215px; padding:4px; border:1px solid #CCCCCC; float:left;}
.promoinfo {float:left;width:300px;margin-left:8px;}
.promoinfo h2{font-size:20px;color:#A50000;}
.promoinfo strong {font-size:12px;color:#009900;}
.promoinfo p {font-size:11px;}
.promodetalles {padding:4px;border:1px solid #CCCCCC;}

/*BLOG - categorias         */
#bannerblognoticias {background: url(images/bannernoticias.gif) no-repeat;margin-top:28px;width:670px; height:87px;float:left;}
#columnaizquierda h3{float:right; width:160px;margin-bottom:15px;text-align:right;color:white;font-size:16px;padding: 5px 0 5px 5px;background:black;width:85px;}
#columnaizquierda {float:left;width:160px;margin-right:26px;}
#columnaizquierda ul#menu {margin-right:0;}
#columnaizquierda ul#colmenu li {background: none;}
#columnaizquierda ul#colmenu li  a {text-decoration:underline;}
#pagetitle {float:left;margin-left:187px;color:white;}
.textopagina3 {width:537px;float:left;}
.post{float:left;width:493px; background:url(images/posttag.jpg) no-repeat;margin-bottom:30px;}
.postcuerpo {border: 1px solid white;background:#E1E1E1 url(images/fondopagina.jpg) repeat-x;padding:20px 20px 20px 20px;width:493px;margin-top:33px;}
.thetime {float:left;font-size:11px; font-weight:bold;color:#009900;margin:11px 11px 11px 20px;}
.ncomments a{float:left;font-size:11px; text-decoration:underline;color:white;margin:11px 11px 11px 40px;}
.postmetadata {margin-top:15px;}
.dpost { background:url(images/3dpost.jpg) no-repeat; margin-left:-26px;width:10px;height:30px;float:left;}
.postcuerpo a {font-size:22px;color:#A30000;text-decoration:none;}
.postmetadata {margin-top:10px;font-size:11px;margin-bottom:10px;}
.postmetadata a {font-size:11px;color:#009900;}
.entry p .imagendelpost {text-align:center;}
.postcuerpo img{padding:4px;border:1px solid #CCCCCC;}
.entry p {font-size:13px;margin-top:15px; line-height:16px;}
.postcuerpo .moretext  {font-size:13px;}

#columnacomments {float:left;width:262px;margin-top:16px;}
#respond {float:left;width:237px;margin-left:30px;}
#respond h3 {color:white;}
#columnacomments h3  {color:white;}
#respond strong {font-weight:normal;font-size:13px;color:white;}
#comment {width:237px;border:none;}
ul.commentlist {padding:0px;}
ul.commentlist {list-style-type:none;}
.comment-author {background:white;padding:8px; height:31px;margin-left:-8px;width:246px;background: url(images/commentauthor.jpg) no-repeat;}
.comment-author cite {float:left;font-style:normal;color:#A10000;font-size:13px;}
.comment-author a {float:right;font-style:normal;color:#A10000;font-size:10px;}
.comment {background:#F5F5F5;width:246px;padding: 0 8px 0 8px;}
.comment p {font-size:12px;}
#respond input {width:237px;border:none;}
#respond label {font-size:11px; font-weight:bold;color:white;}
#respond p {margin-bottom:10px;}
#cformsform {margin-top:30px;}
#cformsform {font-family:Arial; font-size:12px;}
#bannercontacto {background: url(images/bannercontacto.gif) no-repeat;margin-top:28px;width:683px; height:51px;float:left;}
.show {width:420px; height:249px;}

.linklove {display:none; font-size:1px;}
#boletin fieldset {display:none;}
#boletin ol {padding:0; list-style-type:none;}
#boletin {float:left;text-align:center;width:194px;padding:5px;height:122px;background: url(images/fondoboletin.jpg) repeat-x; border: 1px solid #C10000;} 
.btexto {font-size:11px; color:white;}
#boletinimg {width:152px; height:28px;background: url(images/boletinimg.gif) no-repeat;margin: 4px 0 8px 22px;}
#boletin .sendbutton { color:white;font-size:9px;background: url(images/botonverde.png) no-repeat;border:none;width:58px; height:18px;cursor:pointer;margin-top:5px;margin-bottom:5px;}
#boletin .sendbutton:hover {background: url(images/botonverdehover.png) no-repeat;}
#boletin label {color:white; font-size:12px; font-weight:bold;margin-right:3px;}
#monedero {background: url(images/monedero.jpg) no-repeat; width:206px; height:134px;float:left;}
#monedero a {margin: 90px 20px 0 0px;}
#checamonedero {background: url(images/checarmonedero.png) no-repeat; width:71px; height:21px;float:right;}
#ventasmayoreo {background: url(images/ventasmayoreo.jpg) no-repeat; width:206px; height:134px;float:left;margin-bottom:15px;}
.cf_info {color:white;font-size:8px; font-family:Arial;}

.entrygeneral h3 {font-size:18px; font-weight:normal; color:#006600;margin-bottom:10px;}

.entry .cform ol {padding:0; list-style-type:none;}
.entry .cform {width:400px;}
.entry .cform label {float:left; width:100px;}
.entry .cform input {float:right; width:200px;margin-right:50px;}
.entry .cform li {float:left; margin-bottom:5px;}
.entry .cform textarea {width:200px; margin-right:50px;float:right;}
.entry .cform fieldset {float:left; width:350px;display:none;font-size:10px; font-family: Arial;}
.entry .cform .sendbutton {float:right;margin-right:100px;cursor:pointer;}