/* CSS Document */
* {
	margin:0;
	padding:0;
	height: auto;
}

.column { float:left;}
.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.95em; background:url(images/bg.gif); text-align:center }
html, input, textarea
	{	font-family:Verdana; 
		color:#505866;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
span{ color:#ffffff}
a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
img{
	vertical-align:top;
	height: auto;
	width: auto;
}

b{color:#ffffff; font-size:1.1em;} 

a{color:#ffbc00; text-decoration:none} 
a:hover{color:#ffffff; text-decoration:none }
.more{color:#ffbc00; display:block}
.more1{color:#ffbc00; display:block; padding-bottom:10px}
.a2{color:#e5156d; font-weight:bold; font-size:1em; margin-right:20px}

ul{margin:0; padding:0; list-style:none;}
ul li{ margin:0px;  }
ul li a{color:#ffbc00; text-decoration:none; line-height:20px;} 

/*header*/
#header{ font-size:0.75em;  color:#505866}
#header .logo{ margin:27px 0 0px 20px }
#header p{ margin:30px 0 0px 20px }
#header a{ font-size:1em}
#header ul { margin:30px 0 23px 0}
#header ul li{ margin:0px; padding-left:28px;  display:inline}
#header ul li a{color:#ffffff; text-decoration:none; font-weight:normal;} 
#header ul li a:hover {color:#ffbc00;  text-decoration:underline; }
#header ul li span a{color:#ffbc00;} 
#header ul li span a:hover {text-decoration:underline; }

/*content*/
#content{
	font-size:0.75em;
	width:100%;
	text-align:left;
	padding: 0px;
}
#content .title{margin-left:19px}
#content p{ margin:17px 0px 0px 0px}
#content .p1{ margin:0px 0px 20px 0px}
#content .p2{ margin:0px}
#content .line{ margin:20px 0px 5px 0px}
#content .pic_left{ float:left; margin:0px 12px 27px 0px}
#content .pic_left1{ float:left; margin:0px 6px 12px 0px}
#content .indent{ padding:0px 15px 0px 19px}
#content .indent1{
	padding-top: 0px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 19px;
}
#content .indent2{ padding:32px 10px 10px 16px}
#content .indent3{ padding:0px 0px 15px 0px}
#content .indent2 p{ margin:0px 0px 0px 0px; padding:0px}
#content .ind{ padding:20px 0 20px 0}
#content .ind1{ padding:20px 0 0px 0}
h4{ color:#FFFFFF; font-weight:normal; font-size:1em; margin:17px 0px 0px 0px}
.h4{ margin:0px}

/*block*/
.block_indent{
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.block{ background:url(images/1_bg.gif); height:52px; width:auto; color:#FFFFFF; font-size:21px}
.block .top_left{ background:url(images/top_left.gif) no-repeat top left }
.block .top_right{ background:url(images/top_right.gif) no-repeat top right }
.block .bottom_left{ background:url(images/bottom_left.gif) no-repeat bottom left }
.block .bottom_right{ background:url(images/bottom_right.gif) no-repeat bottom right; padding:18px 0 19px 18px  }
/*block1*/
.block_indent1{
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*block2*/
#block2{ background:url(images/1_bg2.gif);  margin:0; width:100%}
#block2 .top_left{ background:url(images/top_left.gif) no-repeat top left }
#block2 .top_right{ background:url(images/top_right.gif) no-repeat top right }
#block2 .bottom_left{ background:url(images/bottom_left1.gif) no-repeat bottom left }
#block2 .bottom_right{ background:url(images/bottom_right1.gif) no-repeat bottom right }

.block_1{ background:#000000; }
.bottom_left_1{ background:url(images/bottom_left_1.gif) no-repeat bottom left }
.bottom_right_1{ background:url(images/bottom_right_1.gif) no-repeat bottom right; padding:13px 0px 19px 20px  }



/*index.html*/
#page1 #content .col2 a{font-size:1.2em} 
#page1 #content ul{margin:0; padding:0; list-style:none;}
#page1 #content ul li{ background:url(images/1_pic4.jpg)  no-repeat left; padding:15px 0 27px 60px   }
#page1 #content ul .li1{  background:url(images/1_pic5.jpg)  no-repeat left; }
#page1 #content ul .li2{ background:url(images/1_pic6.jpg)  no-repeat left;   }
#page1 #content ul .li3{  background:url(images/1_pic7.jpg)  no-repeat left; }
#page1 #content ul li a{color:#ffbc00; text-decoration:none; line-height:20px;} 
#page1 #content ul li a:hover{color:#ffffff} 
/*index-1.html*/
#page2 #content .ind p{ padding:0px; margin:0px}


/*footer*/
#footer { color:#505866; font-size:0.75em; padding:84px 0 53px 20px}
#footer a {color:#ffffff; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.form{ height:49px}
input{
   width:203px; height:21px;
   font-size:1em;
   padding:0 5px 0 5px;
   margin:3px 0 3px 0px
}
textarea{
   width:203px; height:127px;
   font-size:1em;
   padding:0 5px 0 5px;
   margin:3px 0 11px 0px;
   overflow:auto}
.subesccion {
	color:#CCCC33;
	display:block;
	padding-bottom:10px;
	padding-left: 10px;
}
.tituloproducto {
	color:#ffbc00;
	display:block;
	padding-left: 10px;
}
.descrproducto {
	color:#CCCC33;
	display:block;
	padding-left: 10px;
	font-size:10px

#page1 .bg_top .bg_bottom .cite_width #footer div p a {
	font-size: 9px;
}
#page1 .bg_top .bg_bottom .cite_width #footer div p a {
	font-size: 6px;
}
#page1 .bg_top .bg_bottom .cite_width #footer div p a {
	font-size: 7px;
}
#page1 .bg_top .bg_bottom .cite_width #footer div p a {
	font-size: 9px;
}
#page1 .bg_top .bg_bottom .cite_width #footer div p a {
	color: #999;
}