body{
  font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  /* font: Arial,'Lucida Grande',Verdana,Sans-Serif; */
  padding: 0;
  margin: 0;
  line-height: 140%;
}
a{
  color: #1b4279;
}
a img{
  border: 0;
}
h1{
  line-height: 120%;
  margin: 0;
}
.clear{
  clear: both;
}
form *{
  vertical-align: middle;
}
form select{
  margin-right: 15px;
}
.dataform input, .dataform textarea{
  padding: 3px 5px;
  font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
form.dataform, .dataform .line{
  float: left;
  width: 100%;
}
.dataform label{
  display: block;
  float: left;
  width: 162px;
  padding-right: 8px;
  text-align: right;
  padding-top: 4px;
}
.dataform .field{
  margin-bottom: 6px;
}
fieldset {
  border: 0;
  padding: 0;
}
legend {
  font-size: 110%;
  font-weight: bold;
}

ul{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
  padding-left: 8px;
  background: url(/img/bullet.jpg) 0 8px no-repeat;
  margin-bottom: 5px;
}
#header-container{
  background: url(/img/fnd-header.png?v=2) repeat-x;
  color: white;
  height: 75px;
}
#admin-container{
  background: #de0515;
  color: white;
  padding: 1px 0;
}
#header, #footer, .prefooter, #admin{
  width: 900px;
  margin: 0 auto;
  clear: both;
}
#footer{
  border-top: 1px dotted #ccc;
}
#footer div{
  float: left;
  margin: 10px 10px 25px 0;
  width: 150px;
}
#footer h2{
  font-size: 100%;
  margin: 0 0 5px 0;
}
#footer li{
  padding: 0;
  background: none;
  margin-bottom: 2px;
  font-size: 95%;
}
#footer p{
  margin: 10px 0;
  font-size: 90%;
  color: #666;
  float: left;
}
#footer p a{
  color: #666;
}
#footer img{
  float: right;
  padding-top: 8px;
}
#footer p#paymentmethods{
  margin: 0;
}
#footer p#paymentmethods img{
  float: left;
}
#header img{
  float: left;
}
#header #links{
  float: left;
  width: 690px;
}
#header p#menu{
  float: right;
  width: 500px;
  text-align: right;
  margin: 10px 0 0 0;
}
#header a{
  color: white;
  padding: 0;
}
#header .links{
  float: right;
  width: 500px;
}
#header div.mainmenu a span{
  display: none;
}
#header div.mainmenu{
  font-size: 12px;
}
#header #menu-futbol-on{
background:url("/img/fnd-menu-futbol.png?v=5") repeat scroll 68px 0 transparent;
float:left;
margin-left:30px;
width:470px;
width: 500px;
}
#header #menu-futbol-on a.menu-title, #header #menu-futbol-off a.menu-title{
  width: 75px;
  float: left;
  display: none;
}
#header #menu-futbol-off{
  width: 135px;
  float: left;
}
#header #menu-baloncesto-on{
  width: 560px;
  float: left;
}
#header #menu-baloncesto-off{
  width: 135px;
  float: left;
}
#header #menu-baloncesto-on a.menu-title, #header #menu-baloncesto-off a.menu-title{
  width: 130px;
  float: left;
  display: none;
}
p#sublinks{
  font-weight: normal;
  font-size: 90%;
  text-align: right;
  margin: 4px 0 6px 0;
}
p#sublinks a{
  text-decoration: none;
}
#firstline{
  float: left;
  width: 690px;
}
/* menu */
#menu{
  margin: 0;
  padding: 0;
}
#menu li{
  float: left;
  padding: 0 4px;
  margin-bottom: 0;
  background: none;
}
#menu li a{
  display: block;
  padding: 5px 14px 7px;
  text-decoration: none;
  color: #151515;
  font-weight: bold;
}
#menu li a span{
  display: none;
}
#menu li a:hover{
  
}
#menu li ul{
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  background: #2c2c2c;
  z-index: 1000;
}
#menu li ul li{
  float: none;
  display: inline;
  margin: 0;
  padding: 0;
  border-top: 1px #ccc;
  background-color: #eaea0a;
  border-bottom: 1px solid #a7a707;
}
#menu li ul li a{
  width: auto;
  padding: 7px 10px 5px;
  background-color: #eaea0a;
  border-bottom: 1px solid #a7a707;
}
#menu li ul li a:hover{
  background-color: #f3ec5a;
}

#menu li ul li#promoeuro12 a{
  background: #eaea0a url(/img/eurocopa-2012-menu.png) no-repeat 3px 3px; padding-left: 35px;
}
#menu li ul li#promoeuro12 a:hover{
  background-color: #f3ec5a;
}

#content{
  width: 900px;
  margin: 0 auto;
}

#maincontent{
  float: left;
  width: 600px;
  padding-right: 25px;
  border-right: 1px dotted #ccc;
}
#sidebar{
  float: right;
  width: 250px;
}

/* checkout */
#ordersummary{
  float: left;
  width: 100%;
  margin: 15px 0 20px 0;
  background: url(/img/bckg-ordersummary.png) repeat-x 0 15px;
}
#ordersummary #photomain{
  float: left;
  padding-left: 20px;
  width: 150px;
}
#ordersummary #productinfo{
  float: left;
  width: 700px;
}
#ordersummary #productinfo h2{
  margin: 33px 0 11px 0;
}
#orderbuyerdata textarea{
  width: 335px;
  height: 60px;
}
#orderbuyerdata{
  width: 900px;
  float: left;
  margin-bottom: 90px;
}
#orderbuyerdata #personaldata {
  width: 355px;
  padding-right: 20px;
  float: left;
  margin-left: 150px;
}
#orderbuyerdata #contactdata {
  width: 300px;
  margin-top: 65px;
  padding-left: 19px;
  border-left: 1px solid #ddd;
  float: left;
}
#orderbuyerdata label {
  display: block;
  margin-bottom: 3px;
}
#orderbuyerdata .field {
  float: left;
}
#orderbuyerdata .line {
  clear: both;
}
#orderbuyerdata #countryfield {
  margin-top: 4px;
}
#orderbuyerdata #countryfield label {
  margin-bottom: 0;
}
#orderbuyerdata input, #orderbuyerdata textarea {
  margin-bottom: 10px;
}
#orderbuyerdata input {
  margin-right: 8px;
}
#payments {
  padding: 5px 0 0 0;
  width: 300px;
  margin: 20px 140px 0 30px;
  float: right;
}
#payments input {
  margin: 0;
}
#payments .method {
  display: block;
}
#orderbuyerdata #payments label {
  display: inline;
}
#errorsnote {
  color: red;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 170px;
}
#orderbuyerdata #buybutton2{
  margin: 10px 0 0 0;
}
#money table{
  margin: 30px 0 0 230px;
  width: 280px;
  clear: both;
  float: left;
}
#money table td{
  vertical-align: middle;
  text-align: right;
}
#money table td.howmuch{
  text-align: right;
  font-size: 120%;
}
#money table td.total{
  border-top: 1px dotted #ccc;
  font-weight: bold;
  padding-top: 4px;
}
#money table td#totalprice{
  font-size: 160%;
  line-height: 120%;
  font-weight: bold;
  color: #1e5eb2;
}
#paybtn:hover {
  cursor: pointer;
}
#suggestBoxElement {
  padding: 3px;
  background-color: white;
  border: 1px solid #ccc;
  border-top: 0;
}
.suggestions a {
  display: block;
  text-decoration: none;
}
.suggestions a:hover {
  color: white;
  background-color: #333;
}

/* producto */
#buymain{
  float: left;
  width: 100%;
  padding-bottom: 40px;
}
#avisadmeform{
  border-bottom: 1px dotted #ccc;
}
#buymain #photomain{
  float: left;
  width: 500px;
  padding-top: 15px;
}
#buymain #productinfo{
  float: left;
  width: 400px;
}
#buybox{
  float: left;
  width: 400px;
}
#likebox {
  float: left;
  width: 300px;
  margin: 10px 0 0 5px;
}
p#price{
  font-size: 400%;
  margin: 30px 0 -4px 0;
  letter-spacing: -4px;
}
p#iva{
  font-size: 90%;
  padding: 0px 0 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
#orderform{
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
#conditions{
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
#productinfo strong{
  font-weight: normal;
}
#productinfo #conditions strong{
  font-weight: bold;
}
#photos{
  padding: 10px 0;
  border-top: 1px dotted #ccc;
  float: left;
  width: 100%;
}
#photos img{
  height: 200px;
}
#productinfo #conditions span.highlight{
  background-color: #f8fe43;
}

/* home */
#homepromos img{
  margin-bottom: -4px;
}
.jerseys{
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.jerseybox{
  float: left;
  width: 150px;
  height: 200px;
  margin-bottom: 10px;
  padding: 0 14px;
  text-align: center;
  border-right: 1px dotted #ccc;
  position: relative;
}
#masvendidas .jerseybox{
  height: auto;
  font-size: 85%;
  margin-bottom: 15px;
}
#masvendidas .noborder{
  border-right: 0;
}
#masvendidas .jerseybox a{
  text-decoration: none;
  color: #555;
}
.last{
  border-right: 0;
}
.jerseybox img{
  display: block;
  margin: 3px auto;
}
p.oferta-home {
  background-color: red;
  color: white;
  font-size: 80%;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  text-align: center;
  top: 70px;
  width: 135px;
}
#promos .promo{
  width: 299px; float: left; margin-right: 1px;
  overflow: visible;
  position: relative;
}
#promos .promo p{
  font-size: 110%; position: relative; height: 40px; padding: 5px 10px; background-color: rgba(10, 10, 10, 0.6);
  margin-bottom: 11px;
  margin-top: -56px;
  text-align: center;
}
#promos .promo p a{
  position: relative;
  color: white;
      text-decoration: none;
}

/* ofertas */

.ofertas .jerseybox {
  height: 240px;
}


/* tallas */
table.tallas{
  border-collapse: collapse;
}
table.tallas td, table.tallas th{
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}

/* gracias */
#orderidbox{
  margin-bottom: 40px;
}
#orderidp{
  font-size: 130%;
  background: #e0ecfe;
  border: 1px solid #83a2d0;
  width: 250px;
  margin: 30px 0 0 0;
  padding: 10px 20px;
}
#orderid{
  font-size: 130%;
}
#orderconfirmation ul{
  text-align: left;
  margin-bottom: 50px;
}

#products .horizontalproduct{
  margin: 5px 0 10px 0;
}
.horizontalproduct{
  width: 50%;
  float: left;
}
.horizontalproduct img{
  float: left;
  margin-right: 10px;
}

/* contacto */
#contactform{
  margin: 20px 0 0 0;
}
#contactform.dataform label{
  width: 80px;
}
#contactform #send{
  margin-left: 88px;
}

/* mundial sudafrica */
.grupo{
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 15px;
  margin: 0 -6px;
}
.seleccion{
  float: left;
  margin: 5px 19px 30px;
}
.seleccion img{
  height: 115px;
}
.seleccion p img{
  height: 11px;
}
.seleccion p{
  text-align: center;
  text-transform: uppercase;
  /*border-top: 1px dotted #999;
  padding-top: 3px;*/
  margin: 0 0 0 21px;
  width: 150px;
}

/* descargas */
a.descarga{
  background: url(/img/download.png) no-repeat 0 2px;
  padding-left: 20px;
  padding-bottom: 1px;
}
a.camiseta{
  background: url(/img/jersey.png) no-repeat 0 0;
  padding-left: 20px;
}
a.camiseta-seleccion{
  background: url(/img/camiseta-seleccion.png) no-repeat 0 0;
  padding-left: 20px;
}
a.camiseta-portero-seleccion{
  background: url(/img/camiseta-portero-seleccion.png) no-repeat 0 0;
  padding-left: 20px;
}

/* comprueba tu pedido */
#oc_error {
  margin: 20px 0;
}
#oc_error h2 {
  font-size: 110%;
  color: red;
  margin-bottom: 0;
}
#oc_error p {
  margin-top: 5px;
  font-size: 90%;
}

.filagrupos{
  width: 100%;
  float: left;
}
.filagrupos .grupo{
  float: left;
  width: 120px;
  clear: none;
  padding-bottom: 15px;
  margin: 0 20px 0 0;
  font-size: 90%;
}
.filagrupos .grupo p{
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.filausuarios{
  width: 100%;
  float: left;
}
.filausuarios .usuario{
  float: left;
  width: 180px;
  clear: none;
  padding-bottom: 15px;
  margin: 0 20px 0 0;
  font-size: 90%;
}
.filausuarios .usuario img{
  float: left;
  margin-right: 10px;
}
.filausuarios .usuario p{
  margin: 0;
  padding: 0;
  line-height: 100%;
}
.filausuarios .usuario p.nombre{
  font-size: 120%;
  margin-bottom: 5px;
}

.pieza .autor{
  float: left;
  margin-right: 10px;
}
.pieza .comments{
  margin-left: 90px;
  float: left;
  width: 100%;
  clear: both;
}
.pieza .comment{
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 3px;
}
.pieza .comments img{
  float: left;
  margin-right: 10px;
}

.teams .team{
  float: left;
  margin-right: 10px;
  width: 170px;
  text-align: left;
  font-size: 90%;
  clear:both;
}
.teams .team .image{
  text-align: center;
}
.teams .team img{
  width: 30px;
  height: 30px;
  vertical-align: middle;
  float: left;
  margin-right: 8px;
}
.camiseta-deporte .teams .team p{
  margin-top: 5px;
}
h2{
  clear: both;
  float:left;
  display: block;
  margin-top: 45px;
  width: 100%;
}
body.camiseta-deporte h2 a{
  text-decoration: none;
  color: black;
}

.ofertas .estrella, .ofertas .estrella, .ofertas .barca10, .ofertas .madrid10, .ofertas .madrid10por, .ofertas .españa11, .ofertas .madrid10seg, .ofertas .españa11blanca{
  display: none;
}
.infoboxes{
  border-bottom: 1px dotted #ccc;
  clear: both;
}
.infobox{
  float: left;
  width: 150px;
  height: 190px;
  margin-bottom: 10px;
  padding: 0 14px;
  border-right: 1px dotted #ccc;
}
#devolucionesbox{
  float: left;
  width: 250px;
  height: 200px;
  margin-bottom: 10px;
  padding: 0 14px;
  border-right: 1px dotted #ccc;
}
#enviobox{
  float: left;
  width: 200px;
  height: 200px;
  margin-bottom: 10px;
  padding: 0 14px;
  border-right: 1px dotted #ccc;
}
.infolast{
  float: left;
  width: 150px;
  height: 200px;
  margin-bottom: 10px;
  padding: 0 14px;
}
.infobox h2, .infoboxdouble h2, .infolast h2{
  font-size: 110%;
  margin-top: 8px;
}

body#mapaweb #content ul li{
  float: left;
  width: 280px;
}
body#mapaweb #content ul#todosproductos li{
  width: 440px;
}
body#mapaweb #content ul{
  clear: both;
}
body#mapaweb #content h4, body#mapaweb #content h3{
  float:left;
  margin-top: 20px;
  clear: both;
}

/* selecciones */
#selecciones p span{
  display: none;
}
.camiseta-deporte .team p span, .camiseta-deporte h2 span{
  display: none;
}
#camisetas-futbol h2.liga{
border-bottom:1px dotted;
clear:both;
display:block;
float:left;
margin-top:45px;
padding-bottom:5px;
width:90%;
}

table#clasicos td{
  padding: 5px 3px;
  border-bottom: 1px dotted #ccc;
}
.camiclasicos2011 a:hover{
  color:red;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#tallas{
  display:none;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
  background: white;
  padding: 20px 28px;
  width: 730px;
}
#tallas table{
  border-collapse: collapse;
  width: 500px;
  margin: 40px 0 0 0;
}
#tallas img{
  margin-right: 20px;
}
#tallas td, #tallas tr{
  padding: 6px 11px;
}

#camisetas-seleccion-espanola .short span{
  display: none;
}

#cart {
  background: url(/img/cart.png?v=2) no-repeat 0 1px;
  padding-left: 24px;
}

/* estilos tablas tallas. by @alv */

.table .row {
  margin-left: -20px;
  *zoom: 1;
}
.table .row:before,
.table .row:after {
  display: table;
  content: "";
}
.table .row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 20px;
}

.table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 38px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table thead tr {
  border: none;  
  color: #222;
  background: #e5e5e5;
  /*background: #dede00;
  border-top: 1px solid #ffff2f;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #dede00 0%, #c6c600 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dede00), color-stop(100%,#c6c600));
  background: -webkit-linear-gradient(top,  #dede00 0%,#c6c600 100%);
  background: -o-linear-gradient(top,  #dede00 0%,#c6c600 100%);
  background: -ms-linear-gradient(top,  #dede00 0%,#c6c600 100%);
  background: linear-gradient(top,  #dede00 0%,#c6c600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dede00', endColorstr='#c6c600',GradientType=0 );*/
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody td, .table thead th {
  width: 70px;
  text-align: center !important;
}
.table tbody th, .table thead td {
  width: 90px;
}
table thead th {
  color: #222;
  color: rgba(0,0,0,0.5);
}
.table tbody td:hover {
  color: #000;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #fbfbfb;
}
/*
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #F9FFCE;
}
*/
.table caption {
  background: #fff;
  padding: 20px 8px;
  color: #000;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
}
.table abbr {
  border-bottom: 1px dotted #ccc
}

#menu-tallas{
  width: 960px; float:left;
  margin-bottom: 35px;
  margin-top: 15px;
}
#menu-tallas h2{
  margin-top: 0;
}
#menu-tallas ul{
  clear: both;
}
#menu-tallas div{
  float:left; width: 205px; padding-left:20px; border-right: 1px solid #e5e5e5;
  min-height: 195px;
}

#liquidacion a:hover{
  background-color: red;
}