body { margin:0; padding:0; background:#000; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#000; }
img { border:0; }
a { text-decoration:none; color:#333; }
a:hover { color:#000; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden { display:none; }
#mainbox { background:#000 url(fondo_ejemplo.jpg) left top no-repeat; }
#header { width:960px; margin: 0 auto; height: 170px; padding: 0 30px 0 0; }
#header ul { margin: 0; list-style: none; padding: 45px 0 0 327px; }
#header li { float: left; }
#header li a { display: block; font-size: 20px; font-weight: bold; color: #e2007a; padding: 0 35px 0 0; }
#header li.sel a, #header li a:hover { color: #fff; }
#header li.last a { padding-right: 0; }
#header li.last img { position: relative; margin: -45px 0 0 -4px; }
#main { width:985px; margin: 0 auto; }

#logo { padding-top: 52px; }
#social { float: right; }
#social ol { list-style: none; padding: 0; margin: 0; }
#social li { display: inline; padding: 0 1px 0 0; }
#nav { width: 290px; float: left; }
#nav a { font-weight: bold; font-size: 35px; color: #e3007a; padding: 10px 0 0 0; display: block; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { border-bottom: 4px solid #e3007a; margin: 0;padding: 0; }
#nav li.item-1 { border-bottom-color: #009ee0; }
#nav li.item-1 a { color: #009ee0; }
#nav li.item-2 { border-bottom-color: #ffb400; }
#nav li.item-2 a { color: #ffb400; }
/* #nav li.item-3 { border-bottom-color: #e2001a; }
#nav li.item-3 a { color: #e2001a; } */
#nav li.item-3 { border-bottom-color: #53da3f; }
#nav li.item-3 a { color: #53da3f; }

#cartlink { visibility: hidden; }
#content { float: left; width: 663px; padding: 0 0 0 17px; }
#logo_lateral { position: absolute; margin: 14px 0 0 643px; }
.box { border: 8px solid #626262; width: 610px; margin: 0 0 22px 0; }
.contentbox .middle { background: url(bgcontent.png) repeat-y; padding: 3px 18px; }
.contentbox .top { background: url(bgcontent_top.png) 3px top no-repeat; width: 663px; height: 20px; }
.contentbox .bottom { background: url(bgcontent_bottom.png) 2px top no-repeat; width: 663px; height: 20px; }
#slider { background: url(sliderbg.png) no-repeat; width: 638px; height: 211px; padding: 23px 0 0 25px; position: relative; margin-top: -10px; overflow: hidden; }
.contentbox h1.title { margin: 0; background: url(h1bg_home.png) no-repeat; font-size: 18px; color: #fff; width: 418px; height: 41px; padding: 5px 0 0 30px; }
.contenidos { padding: 0 30px 15px 30px; overflow: hidden; }
.contenidos h1 { font-size: 30px; color: #009ee0; background: url(barramagenta.png) left bottom no-repeat; padding: 0 0 12px; }

#tablahome td { width: 50%; line-height: 140%; padding-right: 5px; }
#tablahome strong { color: #e2007a; font-size: 17px; font-style: italic; }
#tablahome em { color: #009ee0; font-size: 20px; font-weight: bold; font-style: normal; }

#footer { background: #000; border-top: 5px solid #e3007a; padding: 20px 0 20px 0; color: #fff; line-height: 135%; }
#footer .takeone, #footer .balance { float: left; }
#footer .takeone { width: 100px; }
#footer .balance { padding: 0 0 0 230px; }
#footer .copy { width:980px; margin: 0 auto; background: url(loguito.png) 80px 50% no-repeat; height: 20px; }
#footer .copy ul { list-style: none; margin: 0 230px 0 0; padding: 0; float: right; }
#footer .copy li { display: inline; }
#footer .copy a { color: #fff; text-decoration: none; }
#footer .copy a:hover { text-decoration: underline; }
#footer #tiendy { padding: 5px 0; }
.cornerimg { position: absolute; margin: -11px 0 0 453px; }
/* #careta {background: url(caretahome.png) no-repeat; position: relative; z-index: 2; } */


#page-page .contentbox h1.title,#page-blog .contentbox h1.title, #page-article .contentbox h1.title { background: url(h1bg_page.png) no-repeat; }
#page-page .contentbox .middle, #page-blog .contentbox .middle, #page-article .contentbox .middle { background: url(bgblog.png) repeat-y; }

.col { float: left; }
#col-contents { width:420px; }
#col-contents .contenidos h1 { font-size: 30px; color: #e2007a; background: none; margin: 10px 0 0 0;  }
#col-contents .contenidos h2 { background: url(barramagenta.png) left bottom no-repeat; padding: 0 0 12px; font-size: 25px; color: #555; margin: 0; }
.contenidos p { line-height: 130%; }

#col-nav { width: 175px; padding: 10px; }
#col-nav h1 { font-size:12px; color: #fff; border-bottom: 1px dotted #e2007a; }
#col-nav ul { list-style: none; margin: 10px 0 10px 30px; padding: 0; }
#col-nav li { list-style-image: url(bolita_rosa.png); padding: 3px 0; }
#col-nav li a { color: #000; text-decoration: none; }
#col-nav li a:hover { text-decoration: underline; }

#col-nav dl { width: 146px; padding: 10px 7px; border: 1px solid #555; background: #fff; margin: 20px auto; }
#col-nav dt { font-size: 14px; font-weight: bold; color: #e2007a; border-bottom: 1px solid #e2007a; }
#col-nav dt span { color: #000; }
#col-nav dd { margin:0; padding:0; color:#555; line-height:140%; }

#videoPlayer, #productInfo { background: #000; text-align: center; padding: 10px 0 0 0; }
#videoList, #productsList { background: #000; width: 611px; height: 150px; text-align: center; /* overflow: hidden; */ }
/* #videoList li { float: left; padding: 0 5px; } */
#videos .middle, #pictures .middle { padding: 0 27px 0 25px; }

.banner { margin: 40px 0 20px 0; text-align: center; }

.pageblog-consejos #col-nav h1 { border-bottom-color: #ffed00; }
.pageblog-eventos #col-nav h1 { border-bottom-color: #e2001a; }
.pageblog-blog #col-nav h1 { border-bottom-color: #2d2d2d; }


#fmbuscar { padding: 0 0 20px 0; }
#fmbuscar input { width: 125px; border: 1px solid #000; background: #fff; }
#fmbuscar input.boton { border: none; width: auto; background: transparent; margin-bottom:-10px;
position:relative; }

.pagina-links .contenidos h1 { background: url(links_h1bg.png) no-repeat; padding: 4px 0 0 30px; font-size: 15px; color: #000; border-bottom: 1px dotted #5b6162; }
.pagina-links .contenidos table { background: #dadada; }
.pagina-links .contenidos table td { padding: 0 5px; }
.pagina-links .contenidos table td p { margin: 3px 0; }
.pagina-links .contenidos table td a { color: #000; }
.pagina-links .contenidos table td a:hover { text-decoration: underline; }

.pagina-contacto .contentbox h1.title, .pagina-links .contentbox h1.title { background-image: url(h1bg_rosa.png); }
.pagina-contacto fieldset { background: #dadada; border: 0; margin: 0 0 5px 0; }
.pagina-contacto td span { font-size: 10px; color: #555; padding: 0 0 0 10px; }
.pagina-contacto td label { padding: 0 10px 0 30px; width: 100px; display: block; }
sup { color: #d20171; }
.pagina-contacto .contenidos table { border: 0; }
.pagina-contacto td textarea { width: 300px; height: 100px; }

#page-category .contenidos, #page-product .contenidos { padding: 0 10px 0 8px; }
#page-category .contentbox .middle, #page-product .contentbox .middle { background: url(bgcontentnegro.png) repeat-y 2px 0; }

#productInfo { min-height: 500px; }
#productInfo .grupo { padding: 10px; }
#productInfo .foto { float:left; width: 285px; padding: 5px 0 0 0; text-align: center; }
#productInfo .datos { float:right; width: 290px; background: #fff; }
#productsList { height: 70px; width: 606px; }
#page-category .jcarousel-skin-tango .jcarousel-item, 
#page-product .jcarousel-skin-tango .jcarousel-item { height:55px; width:60px; }
#page-category .jcarousel-skin-tango .jcarousel-clip-horizontal,
#page-product .jcarousel-skin-tango .jcarousel-clip-horizontal { height:70px; width:505px; }
#page-category .jcarousel-skin-tango .jcarousel-container-horizontal,
#page-product .jcarousel-skin-tango .jcarousel-container-horizontal { margin:0 auto; padding:10px 40px; width:505px; }
#page-category .jcarousel-skin-tango .jcarousel-next-horizontal,
#page-product .jcarousel-skin-tango .jcarousel-next-horizontal { top:20px; }
#page-category .jcarousel-skin-tango .jcarousel-prev-horizontal,
#page-product .jcarousel-skin-tango .jcarousel-prev-horizontal { top:20px; }

#indicator { margin: 40px auto; }

#page-blog #cb-blog h1.title { background-image: url(h1bg_negro.png); }
.pageblog-blog #col-contents .contenidos h1 { color: #000; }
.pageblog-blog #col-contents .contenidos h2 { background-image: url(barranegra.png); }

#comments { padding: 0 30px 45px; }
#comments h2 { border-top: 2px dotted #000; padding: 10px 0 0 0; margin: 0; }
#comments #comment-form h2 { border-top:0; margin: 10px 0 5px 0; }
#comment-list { list-style: none; margin: 0; padding: 0; }
#comment-list li { border-bottom: 1px dotted #555; background: url(marca_comentarios.png) 0 8px no-repeat; padding: 8px 0 15px 0; }
#comments .ql { padding: 2px 0 15px 0; color: #666; }
#comments .ql a { color: #666; }
#comments .ql a:hover { text-decoration: underline; }
.comment-details { padding: 0 0 8px 30px; }
.comment-author { font-size: 13px; color: #2d2d2d; font-weight: bold; }
.comment-date { font-size: 8px; color: #707070; }
#comment-form dt { width: 90px; float:left; clear: both; padding: 3px 0; }
#comment-form dd { margin:0; padding:3px 0; float:left }
#comment-form .notice { background:#FFC; border:1px solid #F90; padding:15px; color:#333; font-weight:bold; }
#comment-form textarea { width: 200px; height: 90px; }

.input-error { border:2px solid #f00; }
dt.error label { font-weight:bold; color:#000; }

#page-blog #cb-consejos h1.title, #page-article #cb-consejos h1.title { background-image: url(h1bg_amarillo.png); }
#page-blog #cb-consejos #col-nav li, #page-article #cb-consejos #col-nav li { list-style-image: url(bolita_amarilla.png); }
#cb-consejos #col-contents .contenidos h1 { color: #ffb400; }
#cb-consejos #col-contents .contenidos h2 { background-image: url(barramarilla.png); }


#page-blog #cb-eventos h1.title, #page-article #cb-eventos h1.title { background-image: url(h1bg_roja.png); }
#page-blog #cb-eventos #col-nav li, #page-article #cb-eventos #col-nav li { list-style-image: url(bolita_roja.png); }
#cb-eventos #col-contents .contenidos h1 { color: #e2001a; }
#cb-eventos #col-contents .contenidos h2 { background-image: url(barraroja.png); }

#productInfo .descripcion { text-align: left; padding: 0 15px 30px 15px; font-size: 11px; }
#productInfo .descripcion table { width:185px; margin: 0 0 0 60px; }
#productInfo .descripcion h1 { font-size:15px; color: #000; background: none; border-bottom: 1px dotted #009ee0; font-style: italic; padding: 0; margin: 0 0 0 60px; width: 185px; }
#productInfo .descripcion h2 { color: rgb(226, 0, 122); }
#productInfo .titulo h1 { background:none; color: #000; font-size: 20px; margin:20px 0 20px 70px;
text-align:left;
width:140px; }
#productInfo .bolas { width: 50px; float: left; text-align: center; padding: 0 0 0 10px; }
#productInfo .bola { width: 48px; height: 48px; background: url(bgbola_rosa.png) no-repeat; font-size: 13px; color: #fff; font-style: italic; padding:16px 0 0; }
#productInfo .tam { background-image: url(bgbola_rosa_ancho.png); font-size: 10px; padding-top: 18px; }
#productInfo .bolas .rider { font-size: 10px; padding-top: 18px; }
#productInfo .precio { background: url(bg_precio.png) no-repeat; color: #fff; float: right; width: 80px; height: 39px; font-weight: bold; padding: 11px 0 0 8px; font-size: 20px; line-height: 80%; }
#productInfo .precio span { font-size: 13px; }

.maximizar { display:block;
float:right;
margin:-25px 30px 0 0;
position:relative; }