@import url("ajxmenu3.css");
/* CSS RESET */
html{
	color:#666;
	background:#FFF;
}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;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h4{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;margin:0;padding:0;
	
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #666666;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #ffffff;
	}

table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

li{
	list-style: none;
}

ul{
	list-style: none;
}

/* CSS RESET */
h2 {
	font-weight: normal;
	font-size: 90%;
	color: #666;
	margin: 5px 130px 0px 0px;
	text-align: justify
}
h3 {
	font-weight: normal;
	font-size: 100%;
	color: #666;
	margin: 15px 130px 25px 90px;
	text-align: justify
}
h5 {
	font-weight: normal;
	font-size: 18px;
	color: #999;
	margin: 0px 30px 0 55px
}
h6 {
	font-weight: normal;
	font-size: 100%;
	color: #999;
	margin: 5px 60px 0px 60px;
	text-align: justify
}

a {
	text-decoration:none;
		color:#666}
a:hover {
	text-decoration: underline;
		color: #CCCCCC}
		
#wrap {
	width: 1000px;
	text-align:left;
	margin:0 auto;
	background-color: #FFFFFF;
}

#cabecera{
	width: 999px;
	height: 0px;
	text-align:left;
	margin:0 auto;
	background-color: #FFFFFF;
}

#content{
position:absolute; top:10px; left:9px}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}



#header { position:relative;height:100px}
#logo {position:absolute; top:40px; left:62px}
#logo h1 {
	font-size:34px;
	color: #666
}
#logo div {
	padding-left:100px
}

.main {
	width:560px;
	height:496px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url("boxd.jpg");
	color:#000;
	margin-top: 130px;
	margin-left: 0px;
}

/*#caja_imagen {
	position: absolute;
	right: 45px;
	top: 160px;
	width: 450px;
	}
*/
#caja_imagen {
	/*	width:400px;	
	position: relative;*/
	float: left;
	margin-right: 30px;
	/*top: 25px;*/
	z-index: 1;
	margin-top: 30px;
	margin-left: 50px;
}

#caja_imagen2 {
	
	float: left;
	margin-right: 30px;
	
	z-index: 1;
	margin-top: 180px;
}


#text {
	overflow: auto;
	height: 445px;
	width: 530px;
	margin-top: 20px;
	color:  #666;
	margin-left: 15px;
	text-align: left;
}
#text_prod {	
	width: 500px;
	margin-top: 20px;
	color:  #666;
	margin-left: 15px;
}

#text p {
	margin:0 auto;
	width:480px;	
}


#text a {
	color:#666
}

#col {margin:0 0  10px 0 ;}
#col div {width: 220px; margin: 20px 0 0 70px; display:inline}
#col .first  {margin: 20px 0 0 50px }
#col li{line-height:20px;}

.side {
	margin:60 0 0 90px;
	width:200px;
	display: inline;
}
.side h2 {
	font-size:18px;
	color: #999999;
}
.side li {line-height:20px; list-style:inside disc; color:#999999; }
.side ul {margin:20px  0 30px 20px}

.side_pago {
	margin:0px 38px 0 10px;
	width:325px;
	display: inline;
	color: #666;
	font-size: 0.9em;
	background: #E6E6E6;
}
.side_pago a{
	color:  #666;
	font-size: 0.8em;
	font-weight: bold;
}

.side_pago h2 {
	font-size:18px;
	color:  #666;
	font-weight: bold;
}

.side_productos {
	width:150px;
	display: inline;
	color: #999999;
	font-size: 0.9em;
	background: #ffffff;
	position: absolute;
	top: 240px;
	text-align: left;
	left: 690px;
}
.side_productos a{
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
}

.side_web {
	margin:20px 38px 0 10px;
	width:150px;
	display: inline;
	color:  #666;
	font-size: 0.9em;
	}
	
.side_web a{
	color:  #666;
	font-size: 0.9em;
	font-weight: bold;
}

.side_web li {	
	background: #E6E6E6;
}

#top {
	margin:90px 0 0 0px
}


#footer {
	height:31px;
	position:relative;
	width: 895px;
}
#ftinner{
	position:relative;	
	width:895px;
	margin-left:10px;
	top: 7px;
	height: 25px;
}
.ftlink {width:895px;}


.catalogo {
	color: #333333;
	font:  Verdana, Arial, Helvetica, sans-serif;
	
}


.tachado {
	text-decoration: line-through;
}
.especial {
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	font-size: 1em;
}

.letra_pequena {
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
}

#peq{
	font-size: 14px;
	font-weight: bold;
}

#peq ul {
	margin: 0px 0px 0px 10px;	
}
#peq li {
	list-style: square;

}

.imagen_des {margin:50px 0  0 65px}


.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #e9e9e9;
	border: 1px solid #666666;
	font-weight: bold;

}

.error {
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	font-size: 0.9em;
}

.catalogo_prod {
	width:560px;
	height:520px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url("pujadologo.png");
	color:#000;
}
.modificar {
	font-style: italic;
	font-weight: bold;
	color:#CCCCCC;
	font-size: 0.9em;
}



/************** utility languages styles *****************/

#utility{
	font: bold 85% Verdana,sans-serif;
	position: absolute;
	width: 360px;
	top: 50px;
	left: 680px;
	color: #990000;
}

#utility a{
	color: #000000;
}

#utility a:hover{
	text-decoration: underline;
	color: #666666;
}

/************* globalNav styles Jni ****************/

#globalNav{
	position: absolute;
	top:69px;
	width: 540px;
	height: 98px;
	color: #cccccc;
	padding: 0px;
	left: 680px;
}


.tabla_catalogo{
border: 1px solid #666;

}
#centrado{
	text-align: center;

}

.linea{
	border-bottom: 1px solid #666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;	
}