/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

*
{ margin: 0; padding: 0; }
body
{ font: 11px/18px Verdana, Arial, Helvetica, sans-serif; }
a, a img
{ border: 0; text-decoration: none; outline: 0; }

#page-wrap
{ width: 790px; background: none; margin: 0; }

#destacados{
width:690px;
height:317px;
float:left;
background-color:#FFFFFF;
margin-bottom:10px;}

#imagendestacados{

height:180px;
margin:25px 15px 25px 25px;
float:left;
overflow:hidden;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#imagendestacados img
{
    border:solid 10px #0099CC;
    -moz-border-radius:5px;
-webkit-border-radius:5px;
}

#destacados h1, h1 a{
font-size:20px;
line-height:20px;
text-align:left;
color:#003366;
margin:0px;
margin-bottom:10px;
margin-top:20px;
}
#destacados h1 a:hover{
color: #000033;
}

#destacados h2{
font-size:12px; 
line-height:12px;
color:#0099CC;
letter-spacing:0.04em;
text-transform:uppercase;
margin:0px;
margin-bottom:5px;
}

#destacadop{
width:420px;
float:left;
margin:25px 10px;
font-size:12px;
line-height:20px;
overflow:hidden;
color:#333333;
letter-spacing:0.01em;
padding:10px;
text-align:left;
}

#destacadoboton{
font-size:16px;
padding:10px 25px;
margin:20px 10px 10px 10px;
background:#0099CC;
color:#FFFFFF;
float:right;
text-align:center;
letter-spacing:0.05em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#destacadoboton a{
text-decoration:none;
text-shadow: 0px 0px 1px #000;
color:#FFFFFF;
}
#destacadoboton a:hover{
text-decoration:none;
text-shadow: 0px 0px 5px #000;
}

#destacadop-product{
width:280px;
float:left;
margin:25px 10px;
font-size:12px;
line-height:20px;
overflow:hidden;
color:#333333;
letter-spacing:0.01em;
padding:10px;
text-align:left;
}

#imagendestacados-product{
width:280px;
/*height:180px;*/
margin:25px 15px 25px 25px;
float:left;
overflow:hidden;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
/*
#imagendestacados-product img
{
    border:solid 4px #0099CC;
    -moz-border-radius:5px;
-webkit-border-radius:5px;
}*/


/*aqui empieza el mambo real*/



.anythingSlider { 
width: 750px; 
height: 317px;
background:none;
position: relative; 
margin: 0; 
}


.anythingSlider .wrapper { 
width: 700px; 
overflow: auto; 
height: 350px; 
margin: 0 40px; 
position: absolute; 
top: 0; left: 0; }


.anythingSlider .wrapper ul { 
width: 99999px; 
list-style: none; 
position: absolute; 
top: 0; left: 0;  
margin: 0; 
background:none; }

.anythingSlider ul li { 
display: block; 
float: left; 
background: none; 
padding: 0px 0px 0px 10px; 
height: 317px; 
width: 690px; 
margin: 0; }


.anythingSlider .arrow { 
display: block; 
height:192px; 
padding-top:125px; 
width: 50px; 
background:none; 
color: #CCCCCC; 
text-align:center; 
position: absolute; 
top: 0px; 
font-size:48px;
line-height:48px;
font-weight:bold; 
cursor: pointer;
 }

.anythingSlider .forward { 
right: -40px;
background:#999999;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;

}

.anythingSlider .back { 
position:absolute; 
top:0; 
float:left;
background:#999999;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;


}
.anythingSlider .forward:hover { color:#FFFFFF; }
.anythingSlider .back:hover { color:#FFFFFF; }

#thumbNav { position: relative; top: 280px; text-align: center; background:none; }

#thumbNav a { 
color: #666666; 
background:#FFFFFF; 
font: 12px/18px arial, sans-serif; 
display: inline-block; 
padding: 2px 8px; 
height: 18px; 
margin: 0 5px 0 0; 
text-align: center; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #999999;
 }

#thumbNav a:hover { background:#FFFFFF; color:#003366; font-weight:bold; border:1px solid #333333; }
#thumbNav a.cur { background: #FFFFFF; color:#003366; font-weight:bold; border:1px solid #000000; }

#start-stop { 
background: #FFFFFF; 
font: 12px/15px arial,sans-serif; 
letter-spacing:0.07em; 
color: #666666; 
padding:5px; 
width: 60px; 
text-align: center; 
position: absolute; 
right: 25px; top: 10px; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #999999;
 }


#start-stop.playing { background-color: #FFFFFF; color: #666666; border:1px solid #666666;}
#start-stop:hover { background-color:#FFFFFF; color:#003366; font-weight:bold;}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }