@charset "utf-8"; 
/* CSS Document */
*{margin:0; padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}
img{border:none}
a{text-decoration:none}
body{background-image:url(../img/fondo.jpg); background-position:center top; font-size:0.85em; font-family:Tahoma; color:#504f4f; background-repeat:repeat-x; background-color:#BCCD1D;}
.bold{font-weight:bold}
.clear{clear:both}
.color_gris { color:#666;}
.color_green { color:#009933;}

h1.h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	padding:10px 0 0 10px;
}
	
.h2{
	color:#FFFFFF;
	font-size:11px;}

.h2 a{
	color:#FFFFFF;
	text-decoration:none;}
	
.h2 a:hover{
	color:#FFFFFF;
	text-decoration:none;}

#global{
	margin:0 auto;
	width:976px;
}

#header{width:940px; margin:0 auto; height:92px; background-color:#ECE0EE; border-left:solid 5px #FFF; border-bottom:solid 5px #FFF; border-right:solid 5px #FFF; position:relative}
#image_header{
	position:absolute;
	left:761px;
	top:5px;
	width:150px
}
#logo{float:left}
#title{float:left; padding:30px 0 0 70px}

#menu{height:60px; width:940px; margin:0 auto; padding:10px 0 0 35px}
#menu li{float:left; list-style:none}
#menu li a{text-decoration:none; display:block; padding:0 8px}

#content{
	width:939px;
	margin:0 auto;
	border-top:solid 5px #FFF;
	border-left:solid 5px #FFF;
	border-right:solid 5px #FFF;
	background-image:url(../img/textura-fondo-contenido.gif);
	padding-bottom: 15px;
}
#content .banner{
	width:900px;
	height:267px;
	margin:0 0 0 25px;
	padding:0;
}
#content .banner #ban-1{width:365px; height:60px; padding:127px 0 0 188px; float:left}
#content .banner #ban-1 p{color:#FFF; font-size:1.4em; font-weight:bold}
#content .banner #ban-2{padding:43px 9px 0 0; float:right}
#title2{background-image:url(../img/coleccion-content.jpg); background-repeat:no-repeat; margin:0 auto 15px auto; height:46px; width:880px; clear:both}
#title2 p{padding:10px 0 0 25px; color:#FFF}

.ban{padding:0 0 65px 0; height:240px}
#diversion{
	background-image:url(../img/diversion-fondo.jpg);
	width:200px;
	height:236px;
	float:left;
	text-align:center;
	margin-left: 25px;
}
#diversion .image{padding:12px 0 0 0; height:174px}
#diversion p{padding:1px 0 0 0}
#ole{background-image:url(../img/ole-fondo.jpg); width:201px; height:240px; float:left; margin:0 0 0 20px; text-align:center}
#ole .image{padding:16px 0 0 0; height:172px}
#ole p{padding:1px 0 0 0}
#blanquito{background-image:url(../img/blanquito-fondo.jpg); background-repeat:no-repeat; width:201px; height:238px; float:left; margin:0 0 0 20px; text-align:center}
#blanquito .image{padding:16px 0 0 0; height:174px}
#blanquito p{padding:1px 0 0 0}
#sol{
	background-image:url(../img/sol-fondo.jpg);
	background-repeat:no-repeat;
	width:202px;
	height:238px;
	float:left;
	margin:0 0 0 5px;
	text-align:center
}
#sol .image{padding:16px 0 0 0; height:173px}
#sol p{padding:1px 0 0 0}
   
#footer{width:967px; margin:0 auto; background-image:url(../img/fondo-footer.jpg)}
#footer .pie{width:600px; margin:0 auto; padding:8px 0 2px 0; text-align:center}
#footer .pie p{color:#FFF}

/************************************
Biprisma  - Infantil
*************************************/
#infantil{height:319px; background:url(../img/infantil/bg_infantil.gif) no-repeat -10px 85px; width:880px; margin:0 auto}
#infantil .col_left{
	float:left;
	width:430px;
	line-height:1.5em;
	text-align: justify;
}
#infantil .col_right{
	float:right;
	width:430px;
	line-height:1.5em;
	text-align: justify;
}
/************************************
Coleccion
*************************************/
#coleccion{width:880px; margin:0 auto}
#coleccion .col_1{float:left; background:url(../img/coleccion/bg_sol.gif) no-repeat; width:200px; margin-right:23px}
#coleccion .col_2{float:left; background:url(../img/coleccion/bg_ole.gif) no-repeat; width:200px; margin-right:22px}
#coleccion .col_3{float:left; background:url(../img/coleccion/bg_blanquito.gif) no-repeat; width:200px; margin-right:22px}
#coleccion .col_4{float:left; background:url(../img/coleccion/bg_diversion.gif) no-repeat; width:200px}

#coleccion .col_1 .title, #coleccion .col_2 .title, #coleccion .col_3 .title, #coleccion .col_4 .title{padding:6px 0 19px 0; text-align:center}
#coleccion .col_1 .image, #coleccion .col_2 .image, #coleccion .col_3 .image, #coleccion .col_4 .image{height:164px; text-align:center}
#coleccion .col_1 .texto, #coleccion .col_2 .texto, #coleccion .col_3 .texto, #coleccion .col_4 .texto{
	height:240px;
	width:160px;
	margin:0 auto;
	font-size:0.96em;
	text-align: justify;
}

#coleccion .col_1 .button{text-align:center; padding:10px 0 15px 0}
#coleccion .col_2 .button{text-align:center; padding:2px 0 15px 0}
#coleccion .col_3 .button{text-align:center; padding:1px 0 15px 0}
#coleccion .col_4 .button{text-align:center; padding:3px 0 15px 0}

/************************************
Contacto
*************************************/
#contacto{
	width:880px;
	margin:0 auto;
	background:url(../img/contacto/bg_contacto.gif) no-repeat 227px 63px;
}
#contacto #dates {
	float:left;
	width:449px;
}
#contacto #dates .text1 {
	padding:0 0 25px 0;
	width:400px;
	text-align: justify;
}
#contacto #dates .block1{
	margin-bottom:15px;
	background:url(../img/contacto/block1.gif) no-repeat;
	width:191px;
	height:60px;
	padding: 10px;
	font-size: 14px;
	color: #FFF;
}
#contacto #dates .block2{
	margin-bottom:15px;
	background:url(../img/contacto/block2.gif) no-repeat;
	width:242px;
	height:81px;
	padding: 10px;
	font-size: 14px;
	color: #FFF;
}
#contacto #dates .block3 {
	background:url(../img/contacto/block3.gif) no-repeat;
	width:225px;
	height:37px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #FFF;
}



#contacto #form {
	width:374px;
	float:left;
	background:url(../img/contacto/bg_form.gif) no-repeat;
	padding: 26px 0 0 40px;
	margin-bottom: 15px;
	height: 400px;
}
#contacto #form .title { padding:0 0 15px 0; color:#afc700; font-size:20px;}
#contacto #form .texts {
	padding:0 0 2px 0;
}
#contacto #form .field {
	padding:0 0 9px 0;
}
#contacto #form .text2 {
	padding:0 0 8px 0;
}
#contacto #form .button {
	padding:5px 0 15px 0;
	clear: both;
	text-align: right;
	margin-right: 40px;
}


.field_form { width:253px; height:24px; border:1px solid #afc700;}
.areafield_form { width:326px; height:110px; overflow:auto; border:1px solid #afc700;}
.button_form { background:url(../img/contacto/button_enviar.gif); width:50px; height:22px; border:0;}
/************************************
Cantidades
*************************************/
#cantidades{
	width:880px;
	margin:0 auto;
	background:url(../img/cantidades/img_cantidades.jpg) no-repeat -15px 129px;
}
#cantidades #dates {
	float:left;
	width:449px;
	text-align: justify;
}
#cantidades #form {
	width:374px;
	float:left;
	background:url(../img/cantidades/bg_form_cantidades.gif) no-repeat;
	padding: 26px 0 0 40px;
	margin-bottom: 15px;
	height: 420px;
}
#cantidades #form .title { padding:0 0 15px 0; color:#afc700; font-size:20px;}
#cantidadeso #form .texts {
	padding:0 0 2px 0;
}
#cantidades #form .field {
	padding:0 0 9px 0;
}
#cantidades #form .text2 {
	padding:0 0 10px 0;
}
#cantidades #form .button {
	padding:5px 0 15px 0;
	clear: both;
	text-align: right;
	margin-right: 40px;
	cursor:pointer;
}


.field_form2 {
	width:253px;
	height:22px;
	border:1px solid #afc700;
}
.areafield_form2 {
	width:326px;
	height:107px;
	overflow:auto;
	border:1px solid #afc700;
}


/************************************
Tienda online
*************************************/
#tienda{
	width:880px;
	margin:0 auto;
}
#tienda #dates {
	float:left;
	width:449px;
}
#tienda #tiendalink {
	padding:50px 0 0 0;
	text-align: right;
}
#tienda #tienda2 {
	width:374px;
	float:left;
}

/************************************
Diseno
*************************************/
#diseno{
	width:880px;
	margin:0 auto;
	background:url(../img/diseno/img_diseno2.gif) no-repeat -50px 120px;
}
#diseno #dates {
	float:left;
	width:429px;
	padding: 0 20px 0 0;
}

#diseno #tienda2 {
	width:411px;
	float:left;
	background:url(../img/diseno/img_disenos.gif) no-repeat;
	height: 421px;
}
#diseno #tienda2 #arrow {
	padding:350px 0 0 110px;
	float:left;
}
#diseno #tienda2 #download {
	float:left;
	padding:332px 0 0 30px;
}
.text1 { padding-right:10px; text-align:justify;}


/****** tallas *****/
#talla1 {
	width:823px;
	height:142px;
	background:url(../img/bg_tallas1.gif) no-repeat;
	padding:50px 0 0 61px;
	margin-bottom: 32px;
	margin-left: 30px;
}
#talla1 .text1 {
	width:128px;
	float:left;
	color:#FFF;
	font-size:19px;
	height: 60px;
}
#talla1 .text2 {
	float:left;
	width:60px;
	float:left;
	text-align:center;
	color:#99b001;
	font-size:24px;
	height: 60px;
}
#talla1 .text3 {
	float:left;
	width:180px;
	float:left;
	text-align:center;
	color:#99b001;
	font-size:22px;
	height: 60px;
}
#talla_text {
	clear:both;
	width:430px;
	margin-left: 30px;
	margin-bottom: 38px;
}

#talla2 {
	clear:both;
	background: url(../img/bg_talla2.gif) no-repeat;
	width:883px;
	height:705px;
	margin-bottom:76px;
	margin-left: 25px;
}
#talla2 .tblock1 {
	width:427px;
	clear:both;
	padding: 67px 0 63px 25px;
}
#talla2 .tblock1 .title { padding:17px 0 17px 43px; color:#FFF;}
#talla2 .tblock1 .col1 {
	width:130px;
	height:25px;
	float:left;
	color:#5fabda;
	line-height: 25px;
	font-size: 14px;
}
#talla2 .tblock1 .col2 {
	width:92px;
	height:25px;
	float:left;
	color:#5fabda;
	line-height: 25px;
	font-size: 14px;
}
#talla2 .tblock1 .col3 {
	width:147px;
	height:25px;
	float:left;
	color:#5fabda;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
}


#talla2 .tblock1 .col11 {
	width:130px;
	height:24px;
	float:left;
	color:#5fabda;
	line-height: 25px;
	font-size: 14px;
}
#talla2 .tblock1 .col21 {
	width:92px;
	height:24px;
	float:left;
	color:#5fabda;
	line-height: 25px;
	font-size: 14px;
}
#talla2 .tblock1 .col31 {
	width:147px;
	height:24px;
	float:left;
	color:#5fabda;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
}

#sitemapa ul{
	margin:20px 0 20px 350px;
	font-size:16px;
	}
	
#sitemapa ul li{
	margin:4px 0 4px 0;
	font-size:16px;
	}
	
#sitemapa a{
	color:#504F4F;
	text-decoration:none;
	}
	
#sitemapa a:hover{
	color:#504F4F;
	text-decoration:underline;
	}#votar {
	position: fixed;
	height: 280px;
	width: 215px;
	top: 20px;
	z-index: 1000;
	text-align: right;
	background-color: #FFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 2px;
	overflow: hidden;
	left: 50px;
}
#votar a ,#votar a:hover{
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
