@charset "utf-8";
/* CSS Document */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,span
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
*{
outline:none
}
html,body{height:100%}
body{
/*background-image:url(../images/blueprint.jpg);
background-repeat:no-repeat;
background-position:center;*/
}
/*----------------------------------------------------    HEAD    ----------------------------------*/
#head{
background-image:url(../images/barra-top.jpg);
background-position:top left;
background-repeat:no-repeat;
width:1000px;
height:150px;
margin:0 auto 0 auto;
}
#head ul{
padding-top:85px;
margin-left:50px;
}
#head ul li{
display:inline;
text-align:center;
}
#head ul li a{
float:left;
padding-top:3px;
padding-left:40px;
text-align:center;
height:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-right:40px;
}
/*----------------------------------------------------    END HEAD    ----------------------------------*/

/*----------------------------------------------------    CENTRAL    ----------------------------------*/
#central{
width:1000px;
margin:0 auto 0 auto;
position: relative;
}
#central ul#menuProd{
position:relative;
margin-left:auto;
margin-right:auto;
font:14px Geneva, Arial, Helvetica, sans-serif;
color:#666666;
height:85px;
width:850px;
position:relative;
z-index:10;
margin-bottom:15px;
}
#central ul#menuProd li{
display:inline;
padding-right:7px;
padding-left:5px;
margin-left:10px;
margin:0;
}
#central ul#menuProd li a{
color:#666666;
font-weight:bold;
/*float:left;*/
position:relative;
z-index:15;
}
#central ul#menuProd li img{
float:left;
margin-right:-100%;
zoom:1;
position:relative;
z-index:10;
margin-top:20px;
}
#central ul#menuProd li.botPuzzles img{
margin-left:-30px;
}
#central ul#menuProd li.botPuzzlesActivo img{
margin-left:-30px;
}
#central ul#menuProd li.botJardin img{
margin-left:35px;
}
#central ul#menuProd li.botJardinActivo img{
margin-left:35px;
}
#central ul#menuProd li.botPlasticos img{
margin-left:100px;
}
#central ul#menuProd li.botPlasticosActivo img{
margin-left:100px;
}
#central ul#menuProd li.botEstaciones img{
margin-left:182px;
}
#central ul#menuProd li.botEstacionesActivo img{
margin-left:182px;
}
#central ul#menuProd li.botNenas img{
margin-left:352px;
}
#central ul#menuProd li.botNenasActivo img{
margin-left:352px;
}
#central ul#menuProd li.botMasas img{
margin-left:410px;
}
#central ul#menuProd li.botMasasActivo img{
margin-left:410px;
}
#central ul#menuProd li.botDidacticos img{
margin-left:480px;
}
#central ul#menuProd li.botDidacticosActivo img{
margin-left:480px;
}
#central ul#menuProd li.botPlaya img{
margin-left:685px;
}
#central ul#menuProd li.botPlayaActivo img{
margin-left:685px;
}
#central ul#menuProd li.botJuegos img{
margin-left:737px;
}
#central ul#menuProd li.botJuegosActivo img{
margin-left:737px;
}
.inicio{
background-image:url(../images/bkg-inicio.jpg);
background-position:top left;
background-repeat:no-repeat;
height:170px;
padding-top:345px;
}
.productos{
height:515px;
}
.historia{
height:515px;
background-image:url(../images/historia-bkg.gif);
background-position:left top;
background-repeat:no-repeat;
}
.historia h1{
font:bold 36px Verdana, Arial, Helvetica, sans-serif;
float:right;
margin:30px 150px auto -150px;
position:relative;
z-index:2;
color:#ed1c24;
clear:left;
}
.mision{
height:515px;
background-image:url(../images/mision-bkg.gif);
background-position:left top;
background-repeat:no-repeat;
}
.mision h1{
font:bold 36px Verdana, Arial, Helvetica, sans-serif;
float:right;
margin:30px 150px auto -150px;
position:relative;
z-index:2;
color:#ed1c24;
}
.contacto{
height:515px;
background-image:url(../images/mision-bkg.gif);
background-position:left top;
background-repeat:no-repeat;
}
.contacto h1{
font:bold 36px Verdana, Arial, Helvetica, sans-serif;
float:right;
margin:30px 150px auto -150px;
position:relative;
z-index:2;
color:#ed1c24;
}
.descargas{
height:515px;
background-image:url(../images/mision-bkg.gif);
background-position:left top;
background-repeat:no-repeat;
}
.descargas h1{
font:bold 36px Verdana, Arial, Helvetica, sans-serif;
float:right;
margin:30px 150px auto -150px;
position:relative;
z-index:2;
color:#ed1c24;
}
.mision h2{
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
}
.publicidades{
height:515px;
background-image:url(../images/bkg-publicidades.gif);
background-position:40% top;
background-repeat:no-repeat;
}
.publicidades h1{
font:bold 36px Verdana, Arial, Helvetica, sans-serif;
float:right;
margin:30px 150px auto -150px;
position:relative;
z-index:2;
color:#ed1c24;
text-align:right;
}
#contemProd{
padding:0;
margin:0;
}
#contemProd h1{
font:bold 36px Verdana, Arial, Helvetica, sans-serif;
float:right;
margin:-30px 150px 0px -150px;
position:relative;
z-index:2;
}
#contemProd.puzzles h1{
color:#ffcb05;
}
#contemProd.jardin h1{
color:#8dc63f;
}
#contemProd.plasticos h1{
color:#ee1e26;
}
#contemProd.estaciones h1{
color:#faa61a;
font-size:32px;
line-height:28px;
text-align:right;
}
#contemProd.nenas h1{
color:#ec008c;
}
#contemProd.masas h1{
color:#a3238e;
}
#contemProd.didacticos h1{
color:#00b9f2;
font-size:32px;
line-height:28px;
text-align:left;
float:left;
margin:-60px -200px auto 100px;
}
#contemProd.playa h1{
color:#2e3192;
font-size:32px;
line-height:28px;
text-align:left;
float:left;
margin:-30px -200px 0px 100px;
}
#contemProd.juegos h1{
color:#00984a;
font-size:32px;
line-height:28px;
text-align:left;
float:left;
margin:-30px -200px 0px 100px;
}
h1{
position:relative;
z-index:550;
}
#contemProd #galeria{
height:380px;
position:relative;
z-index:3;
padding:0;
margin-left:60px;
margin-top:0px;
}
#contemProd #galeria ul{
margin:0;
padding:0;
}
#contemProd #galeria li{
padding:0;
margin:0;
width:700px;
height:400px;
overflow:hidden;
}
#contemProd #galeria .productero{
margin-top:0px;
position:relative;
z-index:-1;
}
#contemProd #galeria .textoProd{
font:normal 11px Arial, Helvetica, sans-serif;
/*float:right;*/
text-align:right;
margin:40px 0 -30px -150px;
position:absolute;
right:0;
top:0px;
z-index:500;
}
#contemProd #galeria .productero img{
position:absolute;
}
/*#controles{
position:absolute;
top:300px;
left:50px;
}*/
#controles{
margin-left:auto;
margin-right:auto;
width:auto;
margin-top:-20px;
position:relative;
z-index:5;

}
#controles ol li{
display:inline;
width:24px;
height:26px;
float:left;
}
#controles ol li a{
display:block;
background-repeat:no-repeat;
background-position:left 13px;
text-align:center;
width:25px;
height:26px;
color:#000000;
font:9px Arial, Helvetica, sans-serif;
padding-top:2px;
padding-left:3px;
color:#333333;
}
#controles.enPublicidades{
margin-top:0px;
margin-left:-50px;
height:0;
}
 #controles.enPublicidades ol li a{
background-image:url(../images/puzzles/numeral.gif);
}
#controles.enPublicidades ol li.current a{
background-image:url(../images/puzzles/numeral-act.gif);
}
 #controles.enPuzzles ol li a{
background-image:url(../images/puzzles/numeral.gif);
}
 #controles.enJardin ol li a{
background-image:url(../images/jardin/numeral.gif);
}
 #controles.enPlasticos ol li a{
background-image:url(../images/plasticos/numeral.gif);
}
#controles.enEstaciones{
margin-left:250px;
}
#controles.enEstaciones ol li a{
background-image:url(../images/estaciones/numeral.gif);
}
#controles.enNenas ol li a{
background-image:url(../images/nenas/numeral.gif);
}
#controles.enMasas ol li a{
background-image:url(../images/masas/numeral.gif);
}
#controles.enDidacticos ol li a{
background-image:url(../images/didacticos/numeral.gif);
}
#controles.enPlaya ol li a{
background-image:url(../images/playa/numeral.gif);
}
#controles.enJuegos ol li a{
background-image:url(../images/juegos/numeral.gif);
}
#controles ol li a:hover{
background-image:url(../images/puzzles/numeral-act.gif);
}
#controles ol li.current a{
background-image:url(../images/puzzles/numeral-act.gif);
}
#prevBtn, #slider1prev,#nextBtn, #slider1next{ 
		display:block;
		width:24px;
		height:24px;
		position:absolute;
		top:-200px;
		left:30px;
		z-index:1000;
		/*margin-bottom:500px;*/
		}
#nextBtn, #slider1next{ 
		left:850px;
}
#controles.enPublicidades #prevBtn, #controles.enPublicidades #slider1prev, #controles.enPublicidades #nextBtn, #controles.enPublicidades #slider1next{ 
		display:block;
		width:24px;
		height:24px;
		position:absolute;
		top:-180px;
		left:-50px;
		z-index:1000;
		/*margin-bottom:500px;*/
		}
#controles.enPublicidades #nextBtn, #controles.enPublicidades #slider1next{ 
		left:750px;
}
.loguito{
float:right;
margin:320px 70px -400px -220px;
position:relative;
z-index:550;
}
#textoHistoria{
font:normal 12px Arial, Helvetica, sans-serif;
padding:150px 200px 50px 140px;
height:300px;
width:580px;
}
#textoHistoria #publicidades{
float:left;
width:300px;
font-weight:bold;
font:bold 11px Arial, Helvetica, sans-serif;
margin-left:60px;
margin-top:-100px;
text-align:right;
}
#textoHistoria #publicidades a{
color:#CC0000;
}
#textoMision{
font:normal 12px Arial, Helvetica, sans-serif;
padding:40px 150px 100px 180px;
height:300px;
}
#textoMision p{
line-height:30px;
}
#textoContacto{
font:normal 14px Arial, Helvetica, sans-serif;
padding:30px 150px 100px 180px;
height:250px;
background-image:url(../images/ladrillos-duravit-2.gif);
background-repeat:no-repeat;
background-position:50px 150px;
}
#textoContacto p{
line-height:30px;
}
#textoContacto p.tel{
font-size:1.3em;
font-weight:bold;
}
#textoContacto p.mail{
font-size:1.3em;
font-weight:bold;
}
#textoContacto p.mail a{
color:#CC0000;
}
img.ladrilloConta {
margin-left:450px;
margin-top:20px;
/*margin-bottom:-110px;*/
}
img.juguetes {
margin-left:190px;
margin-top:20px;
/*margin-bottom:-110px;*/
}
#centroPublicidades{
font:normal 12px Arial, Helvetica, sans-serif;
padding:150px 280px 50px 140px;
height:340px;
margin:0;
}
#centroPublicidades #publicidades{
float:left;
width:280px;
font-weight:bold;
font:bold 11px Arial, Helvetica, sans-serif;
margin-left:-60px;
margin-top:-100px;
text-align:right;
text-align:center;
}
#centroPublicidades #galeria{
height:380px;
position:relative;
z-index:3;
padding:0;
margin-left:-50px;
margin-top:20px;
}
#centroPublicidades #galeria .productero{
height:310px;
margin-top:0px;
position:relative;
z-index:-1;
}
/*#centroPublicidades #galeria .productero img{
position:absolute;
}*/
#centroPublicidades #galeria ul{
margin:0;
padding:0;
}
#centroPublicidades #galeria li{
padding:0;
margin:0;
width:720px;
overflow:hidden;
}
.descargas table{
width:80%;
margin-left:80px;
}
.descargas table thead{
background-color:#00adef;
}
.descargas table td{
vertical-align:top;
padding:3px;
font-weight:bold;
}
.descargas table td li{
list-style:inside square;
color:#333333;
margin-bottom:3px;
}
.peso{
font:10px bold Arial, Helvetica, sans-serif;
color:#333333;
}
.minicons{
	position: absolute;
	right:-10%;
	top:30%;
	opacity: 0;
	width: 0;
}


/*----------------------------------------------------    END CENTRAL   ----------------------------------*/

/*----------------------------------------------------    FOOT    ----------------------------------*/
#foot{
width:1000px;
height:32px;
margin:20px auto;
background-image:url(../images/barra-foot.jpg);
background-position:top left;
background-repeat:no-repeat;
}
/*----------------------------------------------------    END FOOT    ----------------------------------*/