/* 
ESTILO PARTICULAR DE UNA PÁGINA WEB

Debe existir una hoja de estilos por cada página web que necesite una modificación especifica en los estilos

*/

.texto_gris{
font-size:10pt;
color:#666666;
padding-left:7px;
}

ul{
padding-left:15px;
float:left;}
li{
list-style-image:url(../img/flecha-roja_29.jpg);
color:#666666;
font-size:10pt;
}

input{
background-image:url(../img/sombreado.jpg);
background-repeat:repeat-x;}

textarea{
background-image:url(../img/sombreado.jpg);
background-repeat:repeat-x;}

.formu{
width:250px;
margin-left:165px;}

.catalogo{
padding-left:12px;
float:left;
width:182px;
}

.contactar{
float:left;
width:135px;
}

.contacto{
background-image:url(../img/contacto_rojo_09.jpg);
width:194px;
height:153px;
}


.abj_foto{
font-size:8pt;
color:#666666;
padding-top:5px;
padding-left:3px;
}

.abj_foto a{
text-decoration:none;
font-size:8pt;
color:#666666;
}

.left{
float:left;}
.titulo{
background-image:url(../img/encabezado.jpg);
background-repeat:no-repeat;
background-color:#FFF;
width:557px;
height:200px;
}
#catbanner{
	background:url(../img/catbanner.jpg);
	height:100px;
	width:533px;
	margin-top:20px;
	margin-left:13px
	
	}

.ir{
color:#FFFFFF;
}
.imgcata{
float:left;

width:77px;
margin-top:3px;
margin-left:3px;
height:155px;
overflow:hidden;}

.imgpro{
float:left;
width:102px;
height:222px;
overflow:hidden;}
#coleccion{
background-image:url(../img/catalogo_08.jpg);
background-repeat:no-repeat;
width:240px;
height:75px;
padding-top:4px;
float:left;
margin-left:14px;
margin-bottom:20px;
}

.quienes{
color:#FFFFFF;
padding-left:25px;
padding-top:15px;
font-size:11pt;}

.texto_titulo{
text-align:left;
color:#000000;
font-weight:bold;
padding-left:25px;

}

#fondocola{
background-image:url(../img/fondo_09.jpg);
background-repeat:repeat-y;
width:194px;
}

.rojo{
width:194px;
float:left;

}

.blanco{
width:557px;
float:left;
}

#cabecera{
float:left;
width:557px;
background-color:#ffffff;
margin-top:0px;
}

#supportingText{
background-image:url(../img/fondo_suppor.jpg);
background-repeat:repeat-y;
width:751px;
}


.boton_off{
clear:left;
background-image:url(../img/imgsep_21.jpg);
width:175px;
padding-left:20px;
background-repeat:no-repeat;
background-position:top;
height:auto;}
.rojo .boton_off_hover a{
display:block;
color:#ffffff;
padding-left:35px;
background-image:url(../img/imgsep_21.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#f97070;
width:159px;
line-height:15px;
font-size:12px;
text-decoration:none;
height:auto;
padding-bottom:3px;
padding-top:3px;
}

.rojo .boton_off a{display:block;
color:#FFFFFF;
height:auto;

padding-bottom:3px;
padding-top:3px;


font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
text-decoration:none;
}

.rojo .boton_on {
clear:left;
background-image:url(../img/imgsep_21.jpg);
width:175px;
background-color:#f97070;
padding-left:20px;
background-repeat:no-repeat;
background-position:top;
height:auto;
padding-bottom:3px;
padding-top:3px;}
.rojo .boton_on a{
color: #000000;

padding-bottom:3px;

padding-top:3px;
text-decoration:none;
}

.tlf{
color:#FFFFFF;
font-weight:bold;
padding-left:22px;
}

.correo{
padding-left:23px;
}

ul{
padding-left:35px;
float:left;}

li{
list-style-image:url(../img/flecha_03.jpg);
color:#cc3333;
font-size:10pt;
font-weight:bold;
}


.texto{
width:500px;
color:#666666;
font-size:10pt;
padding-left:30px;
}

.foto1{
padding-left:25px;
}

.foto2{
padding-left:20px;
}

.color_texto{
color:#FFFFFF;
font-size:11pt;
padding-left:5px;
padding-bottom:5px;
padding-top:2px;
text-decoration:none;
}

.color_texto a{
color:#FFFFFF;
font-size:11pt;
text-decoration:none;
}

.cont{
background-image:url(../img/catalogo_menu2.jpg);
height:20px;
width:194px;
padding-top:6px;

}

.titulo_contactar{
color:#ffffff;
font-weight:bold;
fotn-size:14pt;
padding-left:5px;
}

.colum1{
padding-top:10px;
padding-right:10px;
width:550px;
float:left;
font-size:10pt;
}

.colum2{
padding-top:10px;
padding-right:10px;
padding-left:30px;
width:550px;
float:left;
font-size:10pt;
}

.enlace {
text-decoration:none;
color:#000000;
font-weight:bold;
}

.bl{
background-color:#FFFFFF;
height:445px;}

/*catalogo2*/

.titulo2{
background-image:url(../img/titulo_quienes_07.jpg);
width:551px;
height:21px;
margin-left:5px;
}


.texto2{
color:#ffcccc;
font-size:11pt;
padding-top:4px;
margin-right:10px;

}

.texto2_blanco{
color:#FFFFFF;
font-size:11pt;
padding-top:4px;
font-weight:bold;
}

.texto2 a{
text-decoration:none;
color:#ffcccc;
font-weight:bold;
padding-left:10px;

}

.tit_prod{
color:#462a22;
text-align:left;
font-weight:bold;
font-size:10pt;
margin-left:12px;
margin-bottom:5px;}

.imagen{
border:#CCCCCC 1px solid;
height:auto;
overflow:hidden;
width:85px;
margin-left:8px;
padding-bottom:3px;

}

.bl2{
background-color:#FFFFFF;
height:460px;}

.mas{
float:right;}

.dinero{
background-image:url(../img/catalogo_dinero.jpg);
margin-left:35px;
width:58px;
height:22px;
/*margin-top:97px;*/
}

.texto_dinero{
color:#FFFFFF;
font-weight:bold;
font-size:10pt;
padding-top:4px;
padding-left:10px;}

.todo{
height:auto;
width:100px;
float:left;
margin-left:5px;
margin-bottom:20px;}

.numeros{
color:#666666;
padding-left:15px;
padding-right:15px;

}

.todo2{
height:auto;
width:110px;
float:left;
margin-right:75px;
}

.texto_gris2{
color:#462a22;
font-size:9pt;
padding-left:40px;
padding-top:32px;
}

.texto_marron{
width:320px;
float:left;
}

.texto_gris2_bold{
color:#462a22;
font-size:9pt;
padding-top:32px;
font-weight:bold;
}

.texto_dinero2{
color:#FFFFFF;
font-weight:bold;
font-size:10pt;
padding-top:4px;
padding-left:17px;}

.marron1{
background-image:url(../img/marron1.jpg);
width:69px;
height:22px;

margin-top:10px;
}

.marron2{
background-image:url(../img/marron2.jpg);
width:132px;
height:23px;
margin-bottom:20px;

}

.texto_dinero2 a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:10pt;
display:block;
}