/* Global */
body{
   background:#000000;
   margin:0;
   padding:0;
   letter-spacing:0px;
   color:#eef7a4;
   font-size:12px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   position:relative;
  }

a { 
   text-decoration:none;
   border:none;
   color:#FF9933;
  }

.clear {clear:both; overflow:hidden; margin:0; padding:0; height:0;} 
a:hover {text-decoration:none;}

h1{font:30px; margin:0;}
h2 { font: 24px; margin: 0;}
h3 { font: 20px; margin: 0;}
h4 {font: 17px; margin: 0;}
h5 {font: 15px; margin: 0;}
h6 {font: 13px; margin: 0;}

/*p {  color:#000000;	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
 padding-top:10px;}
/******* Layout **********/
#wrapper{
   width:988px;
   margin:0 auto;
   padding:0;
   position:relative;
  }

#top{
   height: 0px;
   margin:0;
   padding:0
   }
   
#header{
	width:968px;
	height:238px;
	background:url(images/shade.jpg) no-repeat;
	margin:0;
	padding:10px 10px 10px 10px;
	text-align:center;
	}


#bottomheader{width:996px; background:url(images/bottomheader.jpg) repeat-y ;padding-left:3px; margin:0}
#top_main{height:6px; width:988px; background:url(images/top_main.jpg) no-repeat; margin:0; padding:0;}

#main{ background:#000000; width:988px; margin:0; float:left;  padding:0;}

#side{width:220px; float:left;}

#topside{width:220px;height:25px; background:url(images/sidetop.jpg);}
#sidebar{
	width:193px;
	float:left;
	margin:0;
	padding:0 0 0 26px;
	text-align:center;
	background:url(images/sidebg.jpg) repeat-y;
	text-align:center;
}
#bottomside{width:220px;height:50px; background:url(images/sidebottom.jpg); float:left;}

#middle{width:521px; margin:0; padding:0;float:left;}

#contenedor{width:521px; margin:0; padding:0;float:left; }
#conttop{width:521px; height:60px; background:url(images/contenidotopbg.jpg) no-repeat; margin:0; padding:0;}
#contbottom{width:521px; margin:0; padding:0; height:18px; background:url(images/contenidobottombg.jpg) no-repeat; float:left}



#content{
    width:499px; 
	padding:14px 10px 10px 12px; 
	margin:0; 
	background:url(images/contenidobg.jpg) repeat-y; 
	text-align:justify;
	float:left;
	color:#000000;
	
}
#content ul, h1, h2, h3, h4, h5, h6 { color:#000000; padding-left:10px; padding-right:10px}
#content p {padding-left:20px; padding-right:30px;}
table { padding-left:10px; padding-right:10px}
#content ul {padding:0 0 10px 0;margin:15px 0 0 25px;list-style: square url(images/bullet.gif); color:#000000;}
#content li {margin:0; padding:0 0 4px 0;}
#content p img {margin:0; padding:0; border:0}
#content a{color:#C84D02; text-decoration:underline;}
.img { border: 1px solid #e5e5e5; padding: 7px; margin: 0 0 12px 0; background-color:#fff;}


.box1{width: 250px; float:left; padding:0; margin:0; background:url(images/boxbg.jpg) repeat-y;}
.box2{width: 250px; float:left; padding:0; margin:0; background:url(images/boxbg.jpg) repeat-y;margin-left:2px;}

.cont h1{width: 250px;padding:10px 0px 10 0px;height:40px; margin:0 auto; background:url(images/topbox.jpg) no-repeat;font-size:16px;}


.cont{width:250px; padding:0px 0px 20px 0px; background:url(images/bottombox.jpg) no-repeat bottom;margin:0;float:left; vertical-align:top;}

.cont p{padding:0 23px 0 23px}
/*.cont { display:block;padding:8px 8px 8px 15px;}*/

#contimg{}

.continfo p { margin: 0 0 10px 0; color:#FFFFFF; font: 10px Arial, Helvetica, sans-serif; text-align:justify;}


/*.cont:hover{ background-color:#fff;}*/
/***** Side Bar **********/

#otherside{width:246px; float:left;}

#topotherside{width:246px;height:28px; background:url(images/othersidetop.jpg);}
#othersidebar{
	width:216px;
	padding:0 30px 0 0;
	background:url(images/othersidebg.jpg) repeat-y;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:10px;
	float:left;
}
#bottomotherside{width:246px;height:41px; background:url(images/othersidebottom.jpg); float:left;}

#othersidebar p{padding:0 10px 0 25px;}
#othersidebar img{padding:0 0px 0 20px;}

#productos{width:521px; margin:0; padding:0;float:left; }
#prottop{width:521px; height:62px; background:url(images/protopbg.jpg) no-repeat; margin:0; padding:0;}
#probottom{width:521px; margin:0; padding:0; height:18px; background:url(images/probottombg.jpg) no-repeat; float:left}



#product{
    width:499px; 
	padding:14px 10px 10px 12px; 
	margin:0; 
	background:url(images/probg.jpg) repeat-y; 
	font-family:Arial,Verdana, Tahoma, Geneva, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	float:left;
	
}
#product p{padding:0 20px 0 20px;}
/************caja***************************/

#cajaproductos{width:163px; margin:0; padding:0;float:left; }
#cajaprottop{width:163px; height:12px; background:url(images/topcajapro.jpg) no-repeat; margin:0; padding:0;}
#cajaprobottom{width:163px; margin:0; padding:0; height:12px; background:url(images/bottomcajapro.jpg) no-repeat; float:left}



#cajapro{
    width:153px; 
	padding:0px; 
	margin:0; 
	background:url(images/bgcajapro.jpg) repeat-y; 
	float:left;
	padding:0 5px 0 5px;
	height:180px;
	
}
#cajapro p{
color:#FFFFFF;
background:#CC3300;
font-size:12px;
	line-height:12px;}


/******** Footer *******/




#footer-line{clear:both;height:2px; width:988px; background:url(images/footlinebg.jpg) no-repeat;}
#footer { clear:both;width:988px;background:url(images/footbg.jpg) repeat-y ; padding:0; margin:0 auto;float:left; text-align:center}
#bottom{height:24px; width:988px; background:url(images/bottombg.jpg) no-repeat;float:left; margin:0 auto;}




pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}


.img1{
	position:absolute;
	left:241px;
	top:271px;
	width: 263;
	height: 58;
}

/************login************************************/
#loginbox{margin:0; padding:0;text-align:center;}
#toplogin{height:10px; background:url(images/toplogin.jpg) no-repeat;}
#login{
		background:url(images/loginbg.jpg) repeat-y;
	padding:5px 15px 0 30px;margin:0;
}
#bottomlogin{height:7px; background:url(images/loginbottom.jpg) no-repeat;}

#login input{height:12px; width:100px;}
#login form{margin:10px 0 4px 0; padding:0;}
#login .boton{width:60px; height:25px;}
#login .botoncerrar{width:100px; height:25px;}

.imgpro {
max-width:145px;
 max-height:110px;
width: expression(document.body.clientWidth > 146? "145px": "auto");
height: expression(document.body.clientWidth > 111? "110px": "auto");}