/* Estilos para el popup de la webcam */
body{
    background:url(/img/elems/webcam/fondo_degradado.jpg) #EFF2F2 0 83px repeat-x;
}
.webcam .menu{
    float:left;
    width:100%;
    padding-left:11px;
}
.webcam .menu a,
.webcam .menu span{
    float:left;
    display:block;
    height:21px;
    cursor:pointer;
}

.webcam .menu  a.botonIzqOff,
.webcam .menu  a.botonIzqOn,
.webcam .menu  a.botonDerOff,
.webcam .menu  a.botonDerOn{
    display:block;
    float:left;
    height:21px;
    background-position: top;
    background-repeat: repeat-x;
    text-decoration:none;
}

/* boton izquierdo */
.webcam .menu  a.botonIzqOn{
    background-image: url(/img/elems/webcam/boton_cen_on.gif);
}
.webcam .menu  a.botonIzqOff{
    background-image: url(/img/elems/webcam/boton_cen_off.gif);
}        
.webcam .menu  a.botonIzqOff .izq{
    background: url(/img/elems/webcam/boton_izq_off.gif) left top no-repeat;
}
.webcam .menu  a.botonIzqOff .der{
    background: url(/img/elems/webcam/boton_bn.gif) right top no-repeat;
}
.webcam .menu  a.botonIzqOff .texto{
    font: 10px Verdana;
    color:Black;
    padding:2px 40px 0px 20px;
}
.webcam .menu  a.botonIzqOn .izq{
    background: url(/img/elems/webcam/boton_izq_on.gif) left top no-repeat;
}
.webcam .menu  a.botonIzqOn .der{
    background: url(/img/elems/webcam/boton_nb.gif) right top no-repeat;
}
.webcam .menu  a.botonIzqOn .texto{
    font: bold 10px Verdana;
    color:White;
    padding:2px 40px 0px 20px;
}

/* boton derecho */
.webcam .menu  a.botonDerOff{
    background-image: url(/img/elems/webcam/boton_cen_off.gif);
}   
.webcam .menu  a.botonDerOff .izq{
    background: url(/img/elems/webcam/boton_cen_off.gif) left top no-repeat;
}
.webcam .menu  a.botonDerOff .der{
    background: url(/img/elems/webcam/boton_der_off.gif) right top no-repeat;
}
.webcam .menu  a.botonDerOff .texto{
    font: 10px Verdana;
    color:Black;
    padding:2px 20px 0px 20px;
}

.webcam .menu  a.botonDerOn{
    background-image: url(/img/elems/webcam/boton_cen_on.gif);
}            
.webcam .menu  a.botonDerOn .izq{
    background-image:none;
}
.webcam .menu  a.botonDerOn .der{
    background: url(/img/elems/webcam/boton_der_on.gif) right top no-repeat;
}
.webcam .menu  a.botonDerOn .texto{
    font: bold 10px Verdana;
    color:White;
    padding:2px 20px 0px 20px;
}

.webcam .tiempo{
    font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #4D5858;
    text-align:right;
    padding:5px 15px 5px 0;
}
.webcam .tiempo strong{  
    color: Black;
}

.webcam .cajaVideo{
    float:left;
    clear:both;
    padding:0 15px 15px 15px;
}    
.webcam .cajaVideo .sup{
    background:url(/img/elems/webcam/video_sup.gif) top repeat-x;
}
.webcam .cajaVideo .der{
    background:url(/img/elems/webcam/video_der.gif) right repeat-y;
}
.webcam .cajaVideo .inf{
    background:url(/img/elems/webcam/video_inf.gif) bottom repeat-x;
}
.webcam .cajaVideo .izq{
    background:url(/img/elems/webcam/video_izq.gif) left repeat-y;
}
.webcam .cajaVideo .supIzq{
    background:url(/img/elems/webcam/video_sup_izq.gif) left top no-repeat;
}
.webcam .cajaVideo .supDer{
    background:url(/img/elems/webcam/video_sup_der.gif) right top no-repeat;
}
.webcam .cajaVideo .infDer{
    background:url(/img/elems/webcam/video_inf_der.gif) right bottom no-repeat;        
}
.webcam .cajaVideo .infIzq{
    background:url(/img/elems/webcam/video_inf_izq.gif) left bottom no-repeat;
}
.webcam .cajaVideo .imagen{
    padding: 3px 5px 5px 3px;
}
.webcam .cajaVideo img{
    overflow:hidden;
}
.webcam .cajaVideo .error{
    width:640px;
    height:480px;        
    background:url(/img/elems/webcam/error.gif) left top no-repeat;        
}
.webcam .cajaVideo .texto{
    padding-top:265px;
    font: 14px "Times New Roman";
    color:White;
    text-align:center;
}