/* CSS Document */
#portleftcont{
float:left;
width:600px;
}
.ddframe{
text-align:center;
float:left;
width: 144px;
height: 144px;
}
.ddframe a,.ddframe a:hover{
text-decoration:none;
color:#000000;
}
#portleft{
margin:0px 0px 0px 12px;
}
#portleft .dropped{
position:relative;
margin:0px auto;
width: 120px;
height: 135px;
border: 1px solid #F0F0F0;
background-color: #ffffff;
cursor: pointer;
cursor:move;
}
*html #portleft div{
/*margin:11px 10px;*/
}
#portleft .dropped:hover{
border: 1px solid #76B822;
}
#pormarca{
border-top: 1px solid #76B822;
width:580px;
margin:20px auto 0px auto;
}

#pormarca img{
margin:10px 4px;
display:inline;
}

#portleft div a{
cursor:pointer;
}
#top5{
height:100px;
width:100%;
margin-bottom:15px;
}
#navegacion{
margin-bottom:20px;
}
#navegacion div{
float:left;
}
#navegacion{
clear:both;
padding:10px 0px;
width:580px;
margin:0px auto;
}

#navegacion a{
text-decoration:none;
color:#000000;
margin:auto 5px;
}

#navegacion a.noactivo{
color:#AAAAAA;
}

#pagina{
width:100px;
margin:6px 0px;
float:left;
text-align:center;
color:#000000;
}

#anterior{
margin-left:10px;
float:left;
text-align:left;
}
*html #anterior{
margin-left:6px;
}
#siguiente{
float:left;
text-align:right;
}
#instrucciones{
float:right;
width:160px;
}
#instrucciones p{
text-align:right;
}
/*div derecha*/
#portright{
width:160px;
}
*html #portright{
width:160px;
}
#portright div{
border:1px solid #FFFFFF;
width:160px;
height:160px;
}
.indicador{
display:block;
width:100%;
text-align:center;
color:#0099FF;
}
#portfilter{
text-align:center;
width:70px;
float:left;
border:1px solid #76B822;
margin-right:5px;
}
#portfilter h2{
margin:2px;
}
#portfilter img{
margin-top:10px;
}
#portfilter a{
text-decoration:none;
}
#portfilter div:hover{
cursor:pointer;
display:block;
border:1px dotted #76B822;
}
.verde{
color:#76B822;
/*display:block;
width:100%;*/
text-align:center;
text-decoration:none;
}
div.dragged {
cursor: all-scroll !important;
border-color:#000000 !important;
z-index: 300 !important;
}
a.keyLink {
position: absolute;
top: -2px;
right: -2px;
width: 20px;
height: 20px;
border: 1px solid #000000;
background-image: none;
font-size: 120%;
text-align: center;
padding: 0;
background-color: #ffffff;
opacity: .5;
}
.ddleft{
float:left;
width:45px;
height:90px;
}

.ddright{
float:right;
width:70px;
height:105px;
}
.ddright a, .ddright a{
float:right;
color:#3AA7EC;
}
.ddright img{
margin-right:4px;
margin-bottom:18px;
float:right;
}
.ddright span{
/*display:block;*/
}
.seperador{
display:block;
height:18px;
}
.precio{
text-align:right;
display:block;
clear:right;
}
.desde{
clear:both;
margin-left:0px;
display:block;
font-size:10px;
color:#000000;
}
.cifra{
line-height:26px;
font-size:26px;
color:#76B822;
text-align:right;
}
.stockblock{
display:block;
clear:right;
}
.stock{
line-height:16px;
font-size:14px;
color:#76B822;
text-align:left;
}
.euro{
margin-right:5px;
text-align:right;
font-size:12px;
color:#000000;
}
.ddfoot{
display:block;
text-align:center;
font-size:12px;
clear:both;
width:100%;
height:25px;
}
.marca{

}
.modelo{
}
#top5{
display:block;
/*background-image:url(../imagenes/topcinco.jpg);
background-repeat:no-repeat;*/
}
#cesta{
display:block;
/*background-image:url(../imagenes/cestavacia.jpg);
background-repeat:no-repeat;*/
}
#comparador{
display:block;
/*background-image:url(../imagenes/comparadorvacio.jpg);
background-repeat:no-repeat;*/
}
div.dragged a.keyHTML,a.keyHTML:focus {
border-color: #cc0000;
}

.apagado{
width:58px;
height:60px;
margin:5px;
border:1px solid white;
/*
border-top:1px solid #F0F0F0;
border-left:1px solid #F0F0F0;
border-bottom:1px solid #76B822;
border-right:1px solid #76B822;*/
}
.encendido{
border-top:1px solid #76B822;
border-left:1px solid #76B822;
border-bottom:1px solid #F0F0F0;
border-right:1px solid #F0F0F0;
margin:5px;
width:58px;
height:60px;
}
.out {
background-color: #CCC;
}
.in {
background-color: #666;
}