*{margin:0;padding:0;border:0;}
body {background: #000;margin: 0px;text-align: center;font-size:12px;font-family:Arial,sans-serif;}
a:link, a:visited, a:active { text-decoration: none; color: #BF0506; }
a:hover { text-decoration: underline; }

#contenedor{width: 902px;margin: 0 auto;padding: 0px;text-align: center;overflow: hidden;background:#e3e3e3;}

#top{float: left;width: 900px;height: 134px;overflow: hidden;display: inline;
background: url(images/bgtop.jpg) no-repeat;margin:0 1px;}

#bass {display: inline; float: left; width: 100px;text-align: center;height:134px;text-align:left;}
#logo {display: inline; float: left; width: 320px;text-align: center;}
#menu {display:inline;float:left;}

#menu ul {height:26px;list-style:none;width:790px;margin-left:10px}
#menu li {float:left;}
#menu li a:link,#menu li a:active,#menu li a:visited{display:block;height:26px;padding:0 20px;line-height:26px;color:white;
font-family:Arial, sans-serif;font-size:13px;font-weight:bold}
#menu li a:hover,#menu li a.estoy{background:#BF0506;text-decoration:none;}
/* Fix IE. Hide from IE Mac \*/
* html body #top #menu ul li a {
float:left;
} 
/* End */

#complemento{display: inline; float: left;width: 900px;margin: 0 1px;padding: 0;text-align: center;overflow: visible;
background:url(images/bgcomp.jpg) repeat-x}

#base {float:left;display:inline;width:100%;height:250px;border-bottom:1px solid black;}

#base #bannerslide{display:inline;float:left;background:white;width:900px;height:250px;margin: 0 1px}
#bannerslide a{text-decoration:none;font-size:13px;font-weight:bold;color:#000;margin:0;}
#nav_banner{display:inline;float:right;margin:5px 28px 0 0}
#nav_banner a{color: #606060;background: #fff;text-align: center;padding: 2px 3px;margin:2px 0 0 2px;font-size:11px;}
#nav_banner a.activeSlide{background: #606060;color:#fff;}

#botonera {position:absolute;left:50%;top:355px;width:900px;margin-left:-450px;z-index:10000001}
#botonera ul {height:30px;list-style:none;margin: 0 0 0 10px}
#botonera li {float:left;margin:0 8px 0 0}
#botonera li a:link,#botonera li a:active,#botonera li a:visited{display:block;height:30px;line-height:30px;color:#BF0506;
font-family:Arial, sans-serif;font-size:18px;font-weight:normal;width:140px;background:url(images/base.png);text-align:center}
#botonera li a:hover,#botonera li a.usando{background:url(images/baseh.png);text-decoration:none;}

#right{width: 295px;float: right;display: inline;text-align: center;margin:20px 10px 0 0;
font-family:Arial,sans-serif;font-size:12px}
#right img {margin:5px 0}

#right h1 {height:48px;width:295px;background:url(images/righth1.gif) no-repeat;font-size:20px;color:white;
line-height:48px;font-family:Arial,sans-serif;text-indent:20px;text-align:left;}

#right form {padding:20px}
#right input {border:1px solid #999;background:white;width:180px;height:20px;padding:5px;font-size:16px;overflow:hidden;}
#right input.enviar {border:0;background:#999;width:34px;height:31px;font-size:16px;color:#FFF;font-weight:bold;overflow:hidden;}

#right p{font-family: Arial,san-serif; font-size: 11px; color: #000;margin:10px;padding:10px 0;border-bottom:1px dotted #BF0506;
line-height:135%;text-align:left; }
#right p span {font-size:14px;font-weight:bold;}

#mediobase{display: inline;float: left;width: 560px;text-align: center;margin:20px 10px;}

#medio{display: inline;float: left;width: 560px;text-align: left;}
#medio p{font-weight:12px;margin:10px 15px 5px 15px;padding:0 0 20px 0;text-align:left}

#medio #oferta {background:white;padding:10px;overflow:visible;display:inline;float:left;}
#oferta #foto {width:560px;overflow:hidden;text-align:center}

#oferta #precio {width:180px;float:right;display:inline;text-align:center;padding:50px 0}

#precio p.star {width:119px !important;height:121px !important;background:url(/images/star.gif) no-repeat;text-align:center !important;
margin:5px auto !important;overflow:hidden !important;padding:28px 0 0 0 !important;font-size:12px !important;
color:#000 !important;font-family:Arial,sans-serif !important;}
.star span {color:white !important;font-size:32px !important;letter-spacing:-1px !important;}
.star span b{font-size:18px !important;font-weight:normal !important;vertical-align:super !important;line-height:30px !important}

em.tachar{text-decoration: line-through !important;font-size:10px !important;color:#666 !important;}

#oferta #resto {float:left;display:inline;margin:10px 0 0 0;width:350px;}
#resto h6 {font-family: Georgia,serif; font-size: 24px; margin:10px 0;text-align: left; font-weight: bold;}
#resto p {margin: 5px 0 !important;line-height:135% !important;text-align:left; !important}

#medio h1 {width:560px;background:url(images/h1medio.gif) no-repeat;font-size:20px;color:white;
line-height:48px;font-family:Arial,sans-serif;text-indent:20px;text-align:left;height:48px}

#medio h2{margin:10px 15px 5px 15px;font-size:15px;font-weight:bold;}

#medio h3{margin:25px;font-size:11px;font-weight:normal;text-align:center;border-top:1px solid #CCC;padding:25px;}
#medio ul{margin:25px;}
#medio li{list-style:url(/images/vineta.gif);margin:0 15px 10px 25px}
#medio span {font-size:15px;font-weight:bold;color:#CC3300;line-height:30px}

#medio form {margin:35px auto;width:400px}
#medio fieldset{width:400px;padding:5px 0;}
#medio input, #medio select, #medio textarea  { background-color: #f5f5f5; padding:5px;font-family:Arial,sans-serif;
border:1px solid #0F4452; color: #333; width: 400px;font-size: 12px; font-weight: normal; 
}

.enviar2 {background:black !important;width:150px !important;color:white !important;font-weight:bold !important;}
.rojo {font-weight:bold;color:red;}
.verde {font-weight:bold;color:green;}

#medio input:hover, #medio select:hover, #medio textarea:hover{background:white} 

.pad {border:1px solid #CCC; background:white;padding:2px;}
.pad2 {border:1px solid #CCC; background:white;padding:2px;float:left;margin: 2px 10px 2px 0;display:inline;}

#medio a {color: #CC3300; text-decoration: none;}
#medio a:hover {color: #CC3300; text-decoration: underline;}

#medio1{display: inline;float: left;width: 140px;text-align: right;}
#medio2{display: inline;float: left;width: 288px;text-align: left;}

#medioabajo {display: inline;float: left;text-align: left;margin: 5px 0;text-align:center;padding:0 0 10px 0;
background:url(images/bgstocks.gif) center no-repeat;font-size:12px;line-height:16px}
#medioabajo img {margin:10px 0}

#medioabajo #concentraciones {width:168px;float:left;margin:0}
#concentraciones span,#fotostuning span,#stocks span {font-size:18px;font-family: Georgia,serif;font-weight:bold;line-height:30px}
#medioabajo #stocks {float:left;width:210px;margin:0 0 0 7px }
#medioabajo #fotostuning {float:right;width:168px;margin:0}


#medioabajo p {margin-top: 2px;margin-left: 10px; margin-right: 10px;}
#medioabajo2 p {margin-top: 2px;margin-left: 10px; margin-right: 10px;}

#medioabajo2 {display: inline;float: right;width: 216px;text-align: left;
font-family: Arial, Verdana, "MS Sans Serif", san-serif; font-size: 10px;
color: #Cc3300;font-weight: normal;background-color: white; border: 1px solid #E3C36C;
margin-top: 5px;margin-left: 1px;}


#s3slider {
   width: 210px; /* important to be same as image width */
   height: 122px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin:10px !important;
}

#s3sliderContent {
   width: 210px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 1px;
   font: 10px Arial, Helvetica, sans-serif !important;
   padding: 5px 0px;
   width: 180px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}



#borde {width: 10px; display: inline; float: left;}
#borde2 {width: 10px; display: inline; float: right;}

#abajo
{
clear: both; display: inline; float: left;
width: 780px;margin: 0pt;padding-top: 5px;
text-align: center;overflow: hidden;font-family: Arial, Verdana, "MS Sans Serif", san-serif; font-size: 10px;
color: #339999;
}

td { 
font-family:  Arial, Verdana,Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: normal;
border-bottom: 1px dotted #e5e5e5;
padding-top: 3px;
padding-bottom: 3px;
}

.fondorojo {
display: block; width: 288px; background-color: #CC3300; color: white;
font-size: 10px; font-family: Arial, Verdana, "MS Sans Serif", san-serif;
height: 15px;
}




#admin{display: inline; float: left;width: 800px;margin: 0 1px;padding: 50px;text-align: center;overflow: visible;background:white;
font-size:12px;font-family:Arial,sans-serif}

#admin  p{margin:25px;}

#admin form {margin:35px auto;width:400px}
#admin fieldset{width:400px;padding:5px 0;text-align:left;}
#admin input, #admin select, #admin textarea  { background-color: #f5f5f5; padding:5px;font-family:Arial,sans-serif;
border:1px solid #0F4452; color: #333; width: 400px;font-size: 12px; font-weight: normal; 
}
#admin input:hover, #admin select:hover, #admin textarea:hover{background:white} 

#admin table {margin:0 auto;width:90%;}

#admin td {padding:5px;font-size:12px;}
#admin h1 {font-family: Georgia,serif; font-size: 24px; margin:0 0 20px 0;text-align: center; font-weight: normal;}
#admin img {vertical-align:middle;}

#admin .nada {background:black !important;width:150px !important;color:white !important;font-weight:bold !important;}