/****************** reset *****************/
*{padding:0;margin:0;border:0;outline:0}
body {font-family:Arial; font-size:12px; color:#fff; padding:0;margin:0; background:#FFFAD4; width:100%;}
div, h1, h2, h3, h4, h5, h6, form, dl, section, aside, footer, header {width:100%}
.contenedor div, h1, h2, h3, h4, h5, h6, form, input, select, textarea, dir, ul, ol, li, dl, dt, dd, address, label, section, aside, footer, header {float:left; display:inline}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a {text-decoration:none; cursor:pointer; color:inherit}
input, select, textarea {font-size:14px; font-family:Arial;border:#BDBFBA 1px solid; background:#FFF;resize:none}
label, input[type=button], input[type=submit], button{cursor:pointer}
textarea {overflow:auto}
.hidden, hr {display:none}
address {font-style:normal}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family:'Pacifico'}
p {padding-bottom:15px; font-size:12px; float:left}
table {border-collapse:collapse}
li {list-style-type:none}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help}
input[type="radio"] {vertical-align:baseline}
input[type="checkbox"] {vertical-align:bottom;*vertical-align:baseline}
ins {background-color:#ff9; color:#000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration: line-through}
.right {float:right !important}
.float-none {float:none; display:inline-block}
.border-none {border:none !important}
.contenedor {width:1008px; margin:0 auto}
/*******************************************/
@font-face {
    font-family: 'Pacifico';
    src: url('font/pacifico.eot');
    src: url('font/pacifico.eot?#iefix') format('embedded-opentype'),
         url('font/pacifico.woff') format('woff'),
         url('font/pacifico.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('font/ubuntucondensed.eot');
    src: url('font/ubuntucondensed.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntucondensed.woff') format('woff'),
         url('font/ubuntucondensed.svg#ubuntu_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('font/ubuntu-bold.eot');
    src: url('font/ubuntu-bold.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-bold.woff') format('woff'),
         url('font/ubuntu-bold.svg#ubuntubold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*******************************************/
a.logo {float:left; display:inline-block; text-indent:-9999px; z-index:9999; position:absolute}

.slider {width:100%}
.slider ul {position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0}
.slider li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.slider li:first-child {position:relative; display:block; float:left}
.slider img {display:block; height:auto; float:left; width:100%; border:0}

body > header, .slider, section, .bg-c, .welcome, body > .header  {min-width:1008px !important}

/****************** header *****************/
body > header {background:url('img/bg_top_x.jpg') 0 0 repeat-x}
body > header .contenedor {position:relative}

header a.logo {top:2px; left:1px; position:absolute}
header a.logo.home {background:url('img/logo_top_home.png') 0 0 repeat-x; width:176px; height:132px}
header a.logo.default {background:url('img/logo_top_default.png') 0 0 repeat-x; width:139px; height:104px; margin-left:8px}

header nav {width:auto; float:left; float:right}
header li {padding:18px 0 14px; margin-left:24px}
header li a {color:#1e120d; font-size:16.7px; line-height:30px; font-family:'Ubuntu Condensed'; text-transform:uppercase}
header li a:hover, header li a.active {color:#c41717}

/******************* home ******************/
.slider li {width:100%; height:504px}
.slider a .contenedor {position:relative;}
.slider a {width:100%; height:504px; display:block}
.slider a h1 {color:#fff; font-size:100px; line-height:96px; text-align:center; position:absolute}
.slider a span {color:#fff; font-size:20px; line-height:50px; font-family:'Ubuntu Condensed'; text-transform:uppercase; position:absolute; width:144px; text-align:center}
.slider a:hover span {text-shadow:2px 2px #fff;}

.slider li.a {background:url('img/slider/01.jpg') center 0 no-repeat #DCC778}
.slider li.b {background:url('img/slider/02.jpg') center 0 no-repeat #639793}
.slider li.c {background:url('img/slider/03.jpg') center 0 no-repeat #9E6F17}

.slider li.a h1 {left:160px; top:93px; text-shadow:6px 7px #ba764b; width:400px}
.slider li.b h1 {left:147px; top:130px; text-shadow:6px 7px #b9a768; width:260px}
.slider li.c h1 {left:90px; top:110px; text-shadow:6px 7px #6C4003; width:340px}

.slider .a span {left:363px; top:430px;}
.slider .b span {left:296px; top:362px;}
.slider .c span {left:300px; top:360px;}

.slider .a a:hover span {color:#ba764b}
.slider .b a:hover span {color:#748F6C}
.slider .c a:hover span {color:#6C4003}

.bg-home {background:url('img/bg_home.jpg') 0 0 repeat-x; padding-bottom:70px}

.news {background:url('img/bg_news.jpg') 0 0 repeat-x #F5EBAE; border:10px solid #FDFFFE; margin-top:50px; padding:50px 0 24px 28px; width:960px; position:relative}
.news h2 {background:url('img/title_news.png') 0 0 no-repeat; text-align:center; width:218px; line-height:45px; position:absolute; left:10px; top:-30px; color:#b04527; font-size:45px; padding:20px 0 50px; z-index:9999}
.news a.more {color:#cfa75c; font-size:18px; font-family:'Ubuntu Condensed'; text-transform:uppercase; border-top:1px solid #a0c9c8; border-bottom:1px solid #a0c9c8; float:right; line-height:28px; padding:0 3px; position:absolute; top:20px; right:30px;}
.news a.more:hover {color:#b04527}

.destacado {margin:15px 30px 0 0; position:relative; width:auto; float:left}
.destacado figure  {height:290px; width:290px; float:left}
.destacado figure img {border:2px solid #fff}
.destacado figcaption {background:rgba(123, 129, 150, 0.85); position:absolute; top:0; left:0; padding:80px 42px 0; height:210px; width:206px;
opacity:0; transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out;}
.destacado figcaption:hover {opacity:1; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}
.destacado figcaption h3, .destacado figcaption h4, .destacado figcaption p {font-family:'Ubuntu Condensed'; text-transform:uppercase; color:#fff}
.destacado figcaption h3 {font-size:24px; line-height:24px}
.destacado figcaption h4, .destacado figcaption p {font-size:18px; line-height:24px}
.destacado figcaption p {padding:0; margin:18px 0 0;}

.destacado .border-bt {background:url('img/hr_destacado.gif') 0 0 repeat-x; margin:15px 0 0; padding:7px 0 0}
.destacado .border-bt span {font-family:'Ubuntu'; text-transform:uppercase; color:#dd3a37; font-weight:bold; font-size:18px; line-height:20px}
.destacado .border-bt strong {float:right; background:url('img/more.gif') left 0 no-repeat; padding:0 0 0 30px; font-family:'Ubuntu Condensed'; text-transform:uppercase; color:#fff; font-size:14px; line-height:20px}
.destacado .border-bt strong:hover {background-position:left bottom;}

.welcome {background:url('img/bg_welcome.gif') center 0 no-repeat; width:100%; margin:45px auto 0; padding:30px 0 55px; height:183px; display:inline-block; color:#000;}
.welcome .title hr {border-bottom:1px solid #fff; width:675px; display:block !important; margin:28px 0 0; float:right}
.welcome .contenedor {padding:0 54px; width:900px;}
.welcome h2 {color:#000; font-size:30px; line-height:36px; float:left; width:auto;}
.welcome h2 strong {background:url('img/jittoys.gif') 0 0 no-repeat; width:70px; height:39px; text-indent:-9999px; display:inline-block;}
.welcome p {font-family:'Ubuntu Condensed'; font-size:18px; line-height:22px; padding:0; margin:10px 0 0; width:100%}
.welcome .left {width:450px; float:left;}
.welcome .right {width:415px;}
.welcome .right span {font-family:'Pacifico'; font-size:24px; margin:3px 0 0; float:left}
.welcome p a {color:#fff}
.welcome p a:hover {color:#fff; text-decoration:underline;}

.producto {background:#fff; width:240px; margin:18px 16px 0 0; position:relative}
.producto.last {margin-right:0 !important}
.producto figure {border:2px solid #fff; width:236px; height:333px; float:left; position:relative}
.producto img {float:left}
.producto figcaption {padding:12px 12px 0 12px; width:212px; float:left}
.producto h3 {font-family:'Ubuntu Condensed'; font-size:17px; line-height:22px; color:#1e120d; float:left; text-transform:uppercase}
.producto p {font-family:'Ubuntu Condensed'; font-size:14px; line-height:18px; color:#1e120d; padding:0; margin-top:2px}
.producto figcaption span {font-family:'Ubuntu'; text-transform:uppercase; color:#dd3a37; font-weight:bold; font-size:18px; line-height:25px; float:right; position:absolute; right:30px; bottom:0}
.producto strong.more {float:right; background:url('img/more.gif') left 0 no-repeat; text-indent:-9999px; line-height:20px; width:20px; display:block; position:absolute; bottom:2px; right:2px}

.producto .roll {background:rgba(123, 129, 150, 0.85); position:absolute; top:0; left:0; padding:80px 21px 0; height:257px; width:198px;
opacity:0; transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out;}
.producto:hover .roll {opacity:1; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}
.producto .roll h3, .producto .roll h4, .producto .roll p {font-family:'Ubuntu Condensed'; text-transform:uppercase; color:#fff}
.producto .roll h3 {font-size:24px; line-height:24px}
.producto .roll h4, .producto .roll p {font-size:18px; line-height:24px}
.producto .roll p {padding:0; margin:18px 0 0;}

.producto .border-bt {background:url('img/hr_destacado.gif') 0 0 repeat-x; margin:15px 0 0; padding:7px 0 0}
.producto .border-bt span {font-family:'Ubuntu'; text-transform:uppercase; color:#dd3a37; font-weight:bold; font-size:18px; line-height:20px}
.producto .border-bt strong {float:right; background:url('img/more.gif') left 0 no-repeat; padding:0 0 0 30px; font-family:'Ubuntu Condensed'; text-transform:uppercase; color:#fff; font-size:14px; line-height:20px}
.producto .border-bt strong:hover {background-position:left bottom;}

/****************** footer *****************/
footer {background:url('img/bg_footer_x.jpg') 0 0 repeat-x}
footer .bg-c {background:url('img/bg_footer_c.jpg') center 0 repeat-x; margin:0 auto; height:164px;}
footer .contenedor {position:relative}

footer .header {float:left; width:auto; margin:10px 36px 0 0; height:auto}
footer h2 {color:#b04527; font-size:48px; width:auto; line-height: 75px}
footer h3 {color:#000; font-size:30px; width:auto; line-height:30px; clear:both}

footer .tel {background:url('img/tel.gif') left 0 no-repeat; padding:0 0 0 127px; width:228px; margin:35px 0 0}
footer .tel li {color:#000; font-size:18px; line-height:24px; font-family:'Ubuntu Condensed'; text-transform:uppercase; width:228px}

footer address {background:url('img/pc.gif') left 0 no-repeat; padding:0 0 10px 100px; line-height:86px; margin:34px 0 0}
footer address a {color:#000; font-size:18px; line-height:30px; font-family:'Ubuntu Condensed';}
footer address a:hover {color:#000; text-decoration:underline}

footer a.logo {background:url('img/logo_footer.png') 0 0 repeat-x; width:109px; height:82px; float:right; top:-40px; right:40px}

/******************* listado ******************/
.header {width:100%; float:left; height:329px}
.header h1 {font-size:83px; color:#fff; line-height:83px; text-align:center}
.header.robots {background:url('img/header/robots.jpg') center 0 no-repeat #DCA622;}
.header.space_toys {background:url('img/header/space_toys.jpg') center 0 no-repeat #386C68;}
.header.windup_toys {background:url('img/header/windup_toys.jpg') center 0 no-repeat #7D3A0F;}
.header.battery_operated_toys {background:url('img/header/battery_operated_toys.jpg') center 0 no-repeat #E1CE7F;}
.header.pedal_cars {background:url('img/header/pedal_cars.jpg') center 0 no-repeat #004540;}
.header.six_million_dollar_man {background:url('img/header/the_six_million_dollar_man.jpg') center 0 no-repeat #B89A52;}
.header.others {background:url('img/header/others.jpg') center 0 no-repeat #CAAB72;}

.header.robots  h1 {text-shadow:6px 7px #426d74; margin:122px 0 0 293px; width:auto;}
.header.space_toys  h1 {text-shadow:6px 7px #b9a768; margin:75px 0 0 256px; width:225px}
.header.windup_toys  h1 {text-shadow:6px 7px #6c4301; margin:75px 0 0 230px; width:225px}
.header.battery_operated_toys  h1 {text-shadow:6px 7px #b46e42; margin:50px 0 0 195px; width:470px}
.header.pedal_cars  h1 {text-shadow:6px 7px #0e4260; margin:70px 0 0 240px; width:270px}
.header.six_million_dollar_man  h1 {text-shadow:6px 7px #525b5d; margin:65px 0 0 207px; width:360px; font-size:75px !important; line-height:75px !important;}
.header.others  h1 {text-shadow:6px 7px #b06629; margin:105px 0 0 220px; width:auto;}

.bg-listado {background:url('img/bg_listado_x.jpg') 0 top repeat-x}
.bg-listado .bg-bt {background:url('img/bg_listado_bt.jpg') 0 bottom repeat-x; padding-bottom:70px; float:left; border-bottom:1px solid #fefad2}

.margin-top {margin-top:10px}

section .border-bt {border-bottom:1px solid #c1b994; font-size:14px; line-height:30px; font-family:'Ubuntu Condensed'; text-transform:uppercase}
section .border-bt h2 {float:left; width:auto; font-family:'Ubuntu Condensed' !important; color:#c41717}
section .border-bt a.back {float:right; width:auto; font-family:'Ubuntu Condensed'; color:#4d97a4}
section .border-bt a.back:hover {color:#4d97a4; text-decoration:underline}

/******************* ficha ******************/
.bg-ficha {background:url('img/bg_ficha_x.jpg') 0 top repeat-x; border-top:1px solid #FFFCF8}
.bg-ficha .bg-bt {background:url('img/bg_listado_bt.jpg') 0 bottom repeat-x; padding-bottom:70px; float:left; border-bottom:1px solid #fefad2}

section.bg-ficha .border-bt {width:852px; float:right; padding:0 0 0 43px; margin:5px 0 0}
section.bg-ficha .border-bt h2 span {color:#000 !important}
section.bg-ficha .border-bt h2 a.list {font-family:'Ubuntu Condensed' !important; color:#000}
section.bg-ficha .border-bt h2 a.list:hover {color:#c41717; text-decoration:underline}

.bg-ficha h1 {color:#b04527; font-size:48px; line-height:48px; width:100%; margin:22px 0 0}

.descripcion {background:#A1C9C9; padding:85px 40px 40px; position:relative; width:928px}
.descripcion .top {background:url('img/title_descripcion.png') 0 0 no-repeat; width:218px; height:116px; text-align:center; position:absolute; top:-50px; left:15px}
.descripcion h2 {color:#b04527; font-size:36px; line-height:88px;}

.descripcion .title {width:620px}
.descripcion .title h3, .descripcion .title h4 {font-family:'Ubuntu Condensed' !important; color:#fff}
.descripcion .title h3 {font-size:30px;}
.descripcion .title h4 {font-size:24px;}

.descripcion .right {width:250px; padding:0 0 0 50px; background:url('img/star.gif') left center no-repeat;}
.descripcion .right span {color:#dd3a37; font-family:'Ubuntu'; font-weight:bold; font-size:24px; line-height:55px; width:auto; float:left}
.descripcion .right a {color:#fff; font-family:'Ubuntu Condensed'; font-size:18px; line-height:55px; text-transform:uppercase; float:right; margin:0 15px 0 0}
.descripcion .right a:hover {color:#fff; text-decoration:underline}
.descripcion .right .border-top {background:url('img/hr_descripcion_right.gif') 0 top repeat-x;}
.descripcion .right .border-bottom {background:url('img/hr_descripcion_right.gif') 0 bottom repeat-x;}

.descripcion p {width:100%; float:left; margin:20px 0 0; padding:0; color:#1e120d; font-size:16px; line-height:24px; font-family:'Ubuntu Condensed'}

.descripcion .contact {margin:20px 0 0}
.descripcion .contact h3 {background:url('img/bg_contact.gif') 0 0 no-repeat; width:140px; color:#1d260e; font-size:28px; line-height:48px; text-align:center; padding:0 12px 10px 0}
.descripcion .contact  form {width:auto; float:left; margin:10px 0 0}
.descripcion .contact  input {margin:0 0 0 20px; border:0; background:#fff; color:#a0b5aa; font-size:14px; font-family:'Ubuntu Condensed'; text-transform:uppercase; padding:8px; width:190px}
.descripcion .contact  button {background:url('img/bt_send.gif') 0 0 no-repeat; width:87px; text-align:center; color:#fff; font-size:24px; font-family:'Pacifico'; line-height:48px; margin:-10px 0 0 10px; height:57px}
.descripcion .contact  button:hover {background-position:0 -58px}

.slideshow {margin:22px 0 0; padding:0 0 60px}
.slideshow .big, .slideshow .controls, .slideshow .thumb {list-style-type : none; position : relative; margin : 0; padding : 0;	float:left}
.slideshow .big li {position : absolute; top : 0; left : 0; display : none;}
.slideshow .big li:first-child {display : block;}
.slideshow .big img {border:10px solid #fff; width:730px; height : 543px;}
.slideshow .big {width:750px; height : 563px;}
.slideshow .controls {display:none}
.slideshow .controls li {width : 40px; height : 40px; background-color : #666; opacity : .2; color : #ccc; float : left; font-size : 24px; text-align : center; line-height : 40px; cursor : pointer;}
.slideshow .controls li:hover {opacity : 1;}
.slideshow .controls .next {float : right;}
.slideshow .thumb {width:232px; float:right}
.slideshow .thumb img {width : 96px; float:left; border:2px solid #fff;}
.slideshow .thumb li {float : left; cursor : pointer; margin:0 0 14px 16px}
.slideshow .thumb img:hover {opacity :1; border-color:#B04527 !important;}