/*
    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: 690px; background: none; margin: 0; }

#destacados{
width:660px;
height:275px;
float:left;
/*background-image:url(../Images/back-slider.jpg);
background-repeat:no-repeat;   */
background-color:#404040;
margin-bottom:10px;}

#imagendestacados{

/*height:180px;*/
margin:25px 10px 25px 25px;
float:left;
overflow:hidden;
}



#destacados h1, h1 a{
font-size:24px;
line-height:24px;
text-align:left;
color:#FFFFFF;
margin:0px;
margin-bottom:10px;
margin-top:0px;
padding-top:0;
}
#destacados h1 a:hover{
color: #a2a2a2;
}

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

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

#destacadoboton{
font-size:11px;
padding:2px 10px;
margin:15px 10px 10px 10px;
background:#2e2e2e;
color:#FFFFFF;
float:right;
text-align:center;
letter-spacing:0.05em;
}

#destacadoboton a{
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
#destacadoboton a:hover{
text-decoration:underline;
}

#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;
}
/*
#imagendestacados-product img
{
    border:solid 4px #0099CC;
    -moz-border-radius:5px;
-webkit-border-radius:5px;
}*/


/*aqui empieza el mambo real*/



.anythingSlider { 
width: 670px; /******************************/  
height: 275px;
background:none;
position: relative; 
margin: 0; 
}


.anythingSlider .wrapper { 
width: 670px; 
overflow: auto; 
height: 275px; /**********???????????????*/
margin: 0 15px; 
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 0px; 
height: 275px; 
width: 660px; 
margin: 0; }


.anythingSlider .arrow { 
display: block; 
height:165px; 
padding-top:110px; 
width: 15px; 
background:none; 
color: #FFFFFF; 
text-align:center; 
position: absolute; 
top: 0px; 
font-size:14px;
line-height:48px;
font-weight:bold; 
cursor: pointer;
 }

.anythingSlider .forward { 
right: -20px;
color:#b5b5b5;
/*background:#2a2727;*/
background:#383838;
}

.anythingSlider .back { 
position:absolute; 
top:0; 
color:#b5b5b5;
float:left;
background:#383838;
}
.anythingSlider .forward:hover { color:#ffffff; }
.anythingSlider .back:hover { color:#ffffff; }

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

/*#thumbNav a { 
color: #4a4b4c; 
background:#abadb0; 
font-size:10px; 
display: inline-block;
font-weight:bold; 
padding: 2px 6px; 
margin: 0 5px 0 0; 
text-align: center;
 }

#thumbNav a:hover { background:#d1d1d1; color:#4a4b4c; }
#thumbNav a.cur { background: #737373; color:#ffffff; font-weight:bold; }
#thumbNav a.cur:hover { background: #737373; color:#ffffff; font-weight:bold;  }*/
#thumbNav a { 
color: #ffffff; 
background:#777676; 
font-size:10px; 
display: inline-block;
font-weight:bold; 
padding: 2px 6px; 
margin: 0 5px 0 0; 
text-align: center;
 }

#thumbNav a:hover { background:#909090; color:#ffffff; }
#thumbNav a.cur { background: #b2b2b2; color:#535353; font-weight:bold; }
#thumbNav a.cur:hover { background: #b2b2b2; color:#ffffff; font-weight:bold;  }

#start-stop { 
background: #434343; 
font-size:11px; 
font-weight:bold;
letter-spacing:0.07em; 
color: #666666; 
padding:2px 10px 2px 10px; 
text-align: center; 
position: absolute; 
right: 5px; 
top: 8px; 
 }

#start-stop.playing { background-color: #434343; color: #bbbbbb;}
#start-stop.playing:hover { background-color: #434343; color: #ffffff;}
#start-stop:hover { background-color:#434343; color:#ffffff; }
/*
  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; }