html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, 
font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, var, 
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-family: inherit;
     vertical-align: baseline;
	 text-decoration:none;
}


:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}


hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

body,html{
width:100%;
height:100%;
font-family: arial, verdana, tahoma;
font-size:10px;
color: #404040;
background: url(../images/principales/fondo.png) repeat-x left top;
}

/* contenedor */

#container{
position:relative;
left:0;
top:0;
margin:auto;
width:898px;
min-height: 600px;
overflow:hidden;
padding-bottom:20px;
}

/* sección ie */
*html #container{
_height: 600px;
_overflow:visible;
}

/* fin contenedor */

/* header */

#container #header{
position:relative;
left:0;
top:0;
height:180px;
overflow:hidden;
background: url(../images/principales/cabecera2.png) no-repeat left top;
}

#hed{
position:relative;
left:0;
top:0;
height:123px;
overflow:hidden;
}

#hed #unoro{
position:relatve;
left:0;
top:0;
width:214px;
height:114px;
overflow:hidden;
margin-left:40px;
}

#fonillo{
display:block;
position:absolute;
z-index:60;
left:50%;
top:0;
margin-top:3px;
margin-left:63px;
}

#container #header #hed h1{
position:relative;
left:0;
top:0;
width:215px;
height:89px;
overflow:hidden;
text-indent:-9999px;
background: url(../images/principales/logo.png) no-repeat left top;
margin-top:25px;
margin-left:45px;
}

#container #header #hed img.fono{
position:absolute;
left:0;
top:0;
width:193px;
height:87px;
margin-top:20px;
margin-left:680px;
}

#container #header #nav{
position:relative;
left:0;
top:0;
height:65px;
overflow:hidden;
margin:0;
}

#container #header #nav #izquierdo{
position:relative;
width:320px;
height:65px;
overflow:hidden;
float:left;
}

#container #header #nav #izquierdo input.busc{
display:block;
position:relative;
left:0;
top:0;
width: 133px;
height:20px;
padding-top:3px;
border:none;
background: url(../images/principales/input.jpg) no-repeat left top;
_background-attachment: fixed;
font-size:12px;
color: #6b6b6b;
text-indent:8px;
float:left;
margin-top:25px;
margin-left:40px;
overflow:hidden;
}

#container #header #nav #izquierdo input#image{
display:block;
position:relative;
float:left;
width:22px;
height:22px;
left:0;
top:0;
margin-left:8px;
margin-top:25px;
}

#container #header #nav #avi{
position:relative;
width:578px;
height:65px;
overflow:hidden;
float:left;
}

#container #header #nav #avi ul{
display:block;
position:absolute;
margin:0;
padding:0;
left:0;
top:0;
width:520px;
height:32px;
overflow:hidden;
margin-top:19px;
margin-left:20px;
}

#container #header #nav #avi ul li{
display:block;
width:130px;
height:32px;
overflow:hidden;
text-align:center;
float:left;
background: url(../images/principales/separador.png) no-repeat right top;
}

#container #header #nav #avi ul li a{
display:block;
width:100%;
text-align:center;
height:100%;
font-size:12px;
color: #3b3b3b;
line-height:32px;
}

#container #header #nav #avi ul li a:hover{
color: #ff0000;
}

#container #header #nav #avi ul li.no{
background: none;
}

#container #header #nav #avi div#movimiento{
position:absolute;
left:0;
top:0;
background: #000 url(../images/principales/izquierdo.jpg) no-repeat left top;
filter: alpha(opacity=15);
-moz-opacity:.09;
opacity: .09;
-khtml-opacity: 0.09;
width:106px;
height:21px;
margin-top:24px;
margin-left:32px;
}

#container #header #nav #avi div#movimiento p.movi{
position:absolute;
right:0;
top:0;
width:8px;
height:21px;
right:0;
top:0;
background: url(../images/principales/derecho.jpg) no-repeat right top;
_filter:none;
}

/*sección ie */

*html #container #header  #hed h1{
background-image:none;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://localhost/naturalproducts/images/principales/logo.png');
}

/* fin header */

/*content*/

#container #content{
position:relative;
left:0;
top:0;
min-height:875px;
width:896px;
margin-left:1px;
background: url(../images/principales/rep.png) no-repeat 0px 259px;
_background: none;
z-index:50;
overflow:hidden;
padding-bottom:30px;
}

#container #content #topi{
position:absolute;
left:0;
top:0;
width:100%;
height:259px;
background: url(../images/principales/body.png) no-repeat left top;
z-index:1;
}

#container #content #baji{
position:absolute;
left:0;
bottom:0;
width:100%;
height:164px;
background: url(../images/principales/padin.png) no-repeat left top;
z-index:1;
}

#container #atrascont{
position:absolute;
left:0;
top:0;
margin-top:180px;
height:875px;
width:896px;
margin-left:1px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://localhost/naturalproducts/images/principales/body.png');
z-index:10;
}

#container #content #ixq{
position:relative;
left:0;
top:0;
margin-top:40px;
margin-left:40px;
_margin-left:20px;
width:200px;
height:450px;
overflow:hidden;
float:left;
z-index:20;
}

#container #content #ixq #inrg{
margin:0 auto;
margin-top:15px;
margin-left:20px;
}

#container #content #ixq h3{
position:relative;
left:0;
top:0;
font-size:15px;
font-weight:bold;
color: #404040;
text-transform: capitalize;
margin:0;
line-height:24px;
margin-bottom:20px;
}

#container #content #ixq ul{
position: relative;
left:0;
top:0;
margin:0;
z-index:50;
padding:0;
}

#container #content #ixq ul li{
display:block;
position:relative;
width:200px;
height:34px;
overflow:hidden;
}

#container #content #ixq ul li a{
display:block;
position:relative;
width:200px;
height:34px;
color: #404040;
text-indent:34px;
line-height:34px;
background: url(../images/principales/botoncito.png) no-repeat 10px center;
font-size: 12px;
text-transform: capitalize;
}

#container #content #ixq ul li a:hover{
color: #ff0000;
}

#container #content #ixq  #movible{
position:absolute;
left:0;
top:0;
margin-top:44px;
width:200px;
height:34px;
background: url(../images/principales/flecha.png) no-repeat left top;
z-index:10;
}

*html  #container #content #ixq  #movible{
_background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://localhost/naturalproducts/images/principales/flecha.png');
}

#container #content #derx{
position:relative;
left:0;
top:0;
width:587px;
margin-left:20px;
min-height:735px;
overflow:hidden;
margin-top:45px;
float:left;
padding-bottom:40px;
z-index:20;
}

#container #content #derx #flash{
position:relative;
height:119px;
left:0;
top:0;
overflow:hidden;
margin-bottom:15px;
}

#container #content #derx ul.domino {
position:relative;
left:0;
top:0;
width:587px;
height:600px;
overflow:hidden; 
padding:0;
#margin-left:-2px;
}

#container #content #derx ul.domino li{
display:block;
position:relative;
float:left;
left:0;
top:0;
width:186px;
height:190px;
margin-left:9px;
_margin-left:5px;
margin-bottom:15px;
background: url(../images/principales/chica.png) no-repeat left top;
}

#container #content #derx ul.domino li img{
display:block;
left:0;
top:0;
position:relative;
width:164px;
height:134px;
overflow:hidden;
margin:11px;
margin-left:10px;
margin-bottom:5px;
border: 1px solid #e0e0e0;
}

#container #content #derx ul.domino li p{
font-size:12px;
margin-left:11px;
line-height:14px;
text-transform: capitalize;
}

#container #content #derx ul.domino li p.precio{
font-weight:bold;
color: #ff0000;
}

#container #content #derx ul.domino li p.precio2{
font-weight:bold;
color: #fe15e2;
}

#container #content #derx ul.domino li p.precio3{
font-weight:bold;
color: #00a651;
}

#container #content #derx ul.domino li p.precio4{
font-weight:bold;
color: #2098d5;
}

#container #content #derx h2{
font-size:23px;
color: #ff0000;
font-weight:bold;
text-transform:capitalize;
margin-bottom: 25px;
}

#container #content #derx h3{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin-bottom: 13px;
margin-top:25px;
}

#container #content #derx p{
font-size:11px;
}

#container #content #derx p.nuevaclase{
color:#FFFFFF;
font-size:20px;
margin-left:50px;
margin-top:50px;
padding:15px;
text-align:center;
width:400px;
background: #6b6b6b;
}

#container #content #derx p.margin span.red{
color: #ff0000;
}

#container #content #derx p.margin{
margin-top:10px;
}

#container #content #derx p.legend {margin:0; padding:0; width:164px; text-align:center;  background:url(../img/legend.png)no-repeat left top; color:#fff; font:10px Arial, Helvetica, sans-serif; margin-top:45px; margin-left:2px; font-weight:bold; width:164px; height:27px; line-height:27px;}


#container #content #derx ul.valors{
padding:0;
}

#container #content #derx ul.valors li{
margin-bottom:10px;
background: url(../images/principales/vineta.png) no-repeat 5px 3px;
}

#container #content #derx ul.valors li p{
margin-left:25px;
font-size:11px;
}

#container #content #derx ul.valors li p strong{
font-weight:bold;
}

#container #content #derx fieldset{
position:relative;
left:0;
top:0;
}


#container #content #derx ul#pagination{
position:absolute;
left:0;
top:0;
height:20px;
list-style:none;
margin-top:750px;
padding:0;
margin-left:10px;
}

#container #content #derx ul#pagination li{
display:bock;
position:relative;
left:0;
top:0;
width:12px;
height:12px;
text-align:center;
line-height:12px;
font-size:12px;
padding:3px;
border:1px solid #cfcfcf;
color: #9b9b9b;
float:left;
margin-left:2px;
cursor:pointer;
}

#container #content #derx ul#pagination li:hover{
background: #6b6b6b;
color: #fff;
}

/*fin de content*/


/*footer*/

#container #footer{
text-align:center;
color: #858585;
}

/* fin de footer*/