* {
        margin: 0;
        padding: 0;
}
    
body {
        margin: 0px;
        background:#fff url(../img/bg2.jpg) repeat-x ;
}

/* estilo de escritura por defecto, siempre lo pongo así me ahorro hacer mas clases y de esta manera sigo una coherencia gráfica*/
body, th, td, input, textarea {
        font-family:  Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
    }
    input{border: 1px solid #ccc; padding: 3px 5px; margin:3px;}
    input:hover{border: 1px solid #35476f; padding: 3px 5px; margin:3px;}
    input#submit{border: none; padding: 3px 5px; background: #35476f}
    input#submit:hover{border: none; padding: 3px 5px; background: #ccc}
    input#button{border: none; padding: 3px 5px; background: #35476f}
    input#button:hover{border: none; padding: 3px 5px; background: #ccc}
    
    textarea{border: 1px solid #ccc; padding: 3px 5px; margin:3px;}
    textarea:hover{border: 1px solid #35476f; padding: 3px 5px; margin:3px;}
    textarea#submit{border: none; padding: 3px 5px; background: #35476f}
    textarea#submit:hover{border: none; padding: 3px 5px; background: #ccc}
    textarea#button{border: none; padding: 3px 5px; background: #35476f}
    textarea#button:hover{border: none; padding: 3px 5px; background: #ccc}

    a{ color:#35476f;
    text-decoration:none;}
    a:hover{color:#35476f;
    text-decoration:underline;}
    a:visited{color:#35476f;
    text-decoration:none;}
    
    .input_enter{
    border: 1px solid #35476f;
    background:#FFFFFF;
    height:15px;
    }
    h1{
        font-size:14pt;
        color:#6d6d6d;
        padding:0px 0px 10px 0px;
    }
    
    h2{
    color:#35476f;
    font-size:14px;
    font-weight:bold;}
    img{
        border:none;
    }
    .limpia{
    clear:both;
    color: black;
    padding: 5px 0px 0px 0px;
    font-weight: bold;
    }
   hr {
        display: none;
    }
    /* estructura de la web */

    #grancontenedor {
        width: 900px;
        margin: 0 auto;
        padding: 0;
        position:relative;
        /* No es necesario el tamaño, ya que a la que vas poniendo contenido alarga en y */
    }
.cajonlogo {
    background:#FFFFFF;
    }
    /*
    .logo{
    width:300px;
    height:53px;
    float:left;
    padding:0px 0px 0px 0px;
    }
    */
    .logo{
    width:300px;
    height:43px;
    float:left;
    padding:10px 0px 0px 0px;
    }
    .usuariotop{
    width:400px;
    float:right;
    padding:20px 0px 25px 0px;
    color:#e1e8f8;
    }
    .usuariotop_apartado{
    float:right;
    padding:5px;
    border-right: 1px dotted #e1e8f8;
    }
    .usuariotop_idioma{
    float:right;
    padding:2px 5px;
    }
    .usuariotop_apartado a{
    color:#e1e8f8;
    font-weight:bold;
    text-decoration:none;
    }
    .usuariotop_apartado a:hover{
    color:#fff;
    font-weight:bold;
    text-decoration:underline;
    }
    .menu{
    width:300px;
    float:left;
    height:53px;}
    .menu ul{
    list-style:none;
    padding:23px 0 0 0;
    float:right;
    }
    .menu li{
    list-style:none;
    float:left;}

    /* menuequipos */
      .thugequipo{width:400px;height:70px;top:60px;left:10px;position:absolute;margin-bottom:10px;
      }
      .proves_logillo{list-style:none;margin-left:0px;
      }
      .uno{border:1px solid #e1e8f8;float:left;margin-right:15px; margin-top:3px;}
      .dos{font-size:18px;color:#35476f;padding-top:6px;padding-bottom:2px; padding-left:5px;}
      .tres{ background:url(../img/fpublica.png) top right no-repeat; width:172px; .width:110px; height:20px; padding:5px 5px 5px 10px; .padding-left:0px;}
      .tres a{ color:#e1e8f8; font-weight:bold; font-size:12px; padding:0px 0px 0px 5px}
      .tres a:hover{ color:#fff; }
        #menu_equipo{
        background-image: url(../img/menuequiposbg.jpg);
        color:#35476f;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:12px;
        float:left;
        height:60px;
        width:900px;
        margin: -10px 0 15px 0;
        }
    
        #menu_equipo ul{
        float:right;
        font-weight:bold;
        padding:20px 10px 0px 0px;
        list-style:none;
        }
    
        #menu_equipo li.seleccionado a{
        color:#666666;
        float:left;
        height:24px;
    
        }
    
        #menu_equipo li{
        float:left;
        list-style:none;
        padding:0px 15px;
    
        }
        #menu_equipo li a{
        color:#35476f;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-decoration:none;
        font-size:12px;
        }
    
        #menu_equipo li a:hover{
        color:#666666;
        float:left;
    
        }
    
    
    
    .contenido{
    width:900px;
    float:left;
    padding:0px 0px 80px 0px;
    background:#e1e8f8 url(../img/fondo_contenido.jpg) bottom left no-repeat;
    }
    .texto{
    width:640px;
    float:right;
    padding:40px 20px 0px 0px;}
    .texto h2{
    color:#35476f;
    font-size:24px;
    font-weight:bold;}
    .texto h3{
    color:#35476f;
    font-size:13px;
    font-weight:bold;}
    .texto p{
    padding:10px 40px 0px 0px;
    color:#35476f;
    font-size:11px;
}
    .contenido_entero{
    width:900px;
    float:left;
    padding:0px 0px 80px 0px;
    border:3px solid #e1e8f8
    }
        .izq{
        padding:200px 0px 0px 10px;
        float:left;
        width:250px;}
        .derecha{
        width:600px;
        float:left;
        padding:10px 0px 0px 10px;
        }
/*equipo*/
.columna_izq{
float:left;
width:590px;
margin:0px 0px 0px 5px;
}
.columnna_izq  img a{
border:1px solid #ccc;
}
.columnna_izq  img a:hover{
border:1px solid #35476f;
}
.columna_izq_g{
float:left;
width:870px;
margin:0px 30px 0px 5px;
}
.columna_dr{
float:left;
width:300px;
background:#e1e8f8;}
.cajon_izq{
width:550px;
border:1px dashed #e1e8f8;
padding:5px;
float:left; 
margin:10px;
}
.cajon_izq_g{
width:860px;
border:1px dashed #e1e8f8;
padding:5px;
float:left; 
margin:10px;
}
.cajon_izq ul, li{
list-style:none;}
.cajon_izq ul{
margin:5px 0px;
padding:0px 10px;
background:#e1e8f8;}
.cajon_izq li{
padding:3px 0px;
border-bottom:1px solid #c8d6f7;}
.cajon_izq h2{
border-bottom:1px solid #35476f;
}
.cajon_izq h3{
color:#666666;
font-size:12px;
font-weight:bold;
margin:0px 0px 5px 0px;
border-bottom:#ccc 1px dotted;
}
.cajon_izq_g ul, li{
list-style:none;}
.cajon_izq_g ul{
margin:5px 0px;
padding:0px 10px;
background:#e1e8f8;}
.cajon_izq_g li{
padding:3px 0px;
border-bottom:1px solid #c8d6f7;}
.cajon_izq_g h2{
border-bottom:1px solid #35476f;
}
.cajon_izq_g h3{
color:#666666;
font-size:12px;
font-weight:bold;
margin:0px 0px 5px 0px;
border-bottom:#ccc 1px dotted;
}
.listado_noticias{
padding:0px 0px 0px 15px;
margin:3px 0px 0px 0px;
font-weight:bold;
font-size:11px;
text-decoration:none;
background:url(../img/flecha.jpg) left no-repeat;
float:left;
}
.listado_noticias a{
font-weight:bold;
font-size:11px;
text-decoration:none;
}
.listado_noticias a:hover{
text-decoration:underline;
}
.editar_noticias{
font-size:9px;
color:#ccc;
}
.editar_noticias a{
font-weight:bold;
font-size:9px;
color:#ccc;
text-decoration:none;
}
.editar_noticias a:hover{
text-decoration:underline;
}
.cajon_izq  span{
padding:2px 0px 2px 5px;
float:right;
}
.cajon_izq  .insertar{
padding:0px 0px 0px 15px;
margin:3px 0px 0px 0px;
background:url(../img/insertar.jpg) left no-repeat;
float:right;
}

.menuvideo{
background:#e1e8f8;
padding:3px 5px 0px 0px;
margin:0px 0px 5px 0px;
}

.cajon_dr{
width:270px;
padding:5px 0px 5px 5px;
float:left;
font-size:12px;
margin:10px 0px 10px 10px;
}    

.cajon_dr h2{
font-size:14px;
background:#35476f;
color:#FFFFFF;
padding:3px;
}
.cajon_dr span{
font-size:12px;
padding:3px 0px;
}    
.cajon_dr p{
font-size:12px;
padding:4px 0px 0px 0px;
}    
.cajon_dr ul{
list-style:none;
margin:10px 0px 0px 0px;
}    

.cajon_dr ul .imgico{
float:left;
width:20px;
clear:both;
}    
.cajon_dr ul li{
list-style:none;
float:left;
width:240px;
padding:3px 0px;
}    
.cajon_dr ul li small{
color:#666666;
}    
.cajon_dr ul li em{
color: #333333;
font-style:normal;
font-size:10px;
}    

.cajon_dr ul li a{
font-size:12px;
line-height:13px;
font-weight:bold;
}    

.cajon_dr ul li a:hover{
font-size:12px;
line-height:13px;
text-decoration:none;
color:#7ab031;
font-weight:bold;
}    

    .columna_dr_verde{
    margin-top:10px;
    color:#fff;
    float:right;
    width:300px;
    background:#79b030;
    }

    .columna_dr_verde h2{
        color:#fff;
    }

    a.lAyuda{
    color:#fff;
    }

/* Cajon invitaciones */
.cajon_invitaciones {
    width:550px;
    padding:15px;
    float:left;
    margin:5px 0px;
    font-size:12px;
    background: url(../img/bg_recomienda.jpg) no-repeat left top;
}

.cajon_invitaciones form {
    float: left;
    clear: both;
}
.cajon_invitaciones input {
width:250px;
font-size:12px;
color:#666666;
}
.cajon_invitaciones label {
font-size:12px;
color:#000;
}
.cajon_invitaciones .inputinvi {
width:100px;
color:#fff;
background:#35476f;
padding:5px 10px;
float:left;
border:none;
margin:0px 50px 0px 0px;
}
.cajon_invitaciones .inputinvi:hover {
width:100px;
color:#fff;
background: #666666;
border:none;
padding:5px 10px;
float:left;
margin:0px 50px 0px 0px;
}
.cajon_invitaciones .inputinvicajon {
float:left; padding:5px; width:350px; clear:both;
}
.cajon_invitaciones > * {
    clear: both;
}

.cajon_invitaciones h3 {
    font-size:14px;
    color:#35476f;
    font-weight:bold;
}
.cajon_invitaciones h3 span {
    font-size:14px;
    color: #666666;
    font-weight:bold;
}
.cajon_invitaciones p {
padding:5px 0px;
}

.cajon_invitaciones .compa{
padding:15px 0px 5px 0px;
margin:5px 0px;
}
.cajon_invitaciones .compartir {
    
    font-size:12px;
    float:left;
    color:#333;
    font-weight:bold;
    background: url('img/facebook.png') no-repeat left;
    margin: 5px;
    padding:5px 5px 0px 20px;
    cursor: pointer;
}
.cajon_invitaciones .compartir2 {
    
    font-size:12px;
    float:left;
    color:#333;
    font-weight:bold;
    background: url('img/twitter.png') no-repeat left;
    margin: 5px;
    padding:5px 5px 0px 20px;
    cursor: pointer;
}


.cajon_invitaciones .email {
    float: left;
    clear: both;
    font-size:10px;
    padding: 1px 5px;
    margin: 2px 0px;
    width: 100%;
}

.cajon_invitaciones .email .msg {
    float: right;
    margin: 5px 0px;
    display: block;
}

.cajon_invitaciones .email .msg {
    color: red;
}

/* Fin cajon invitaciones */

.footer{
    color:#999999;
    font-size:12px;
    margin-bottom:20px;
    padding:15px 0px 20px 0px;}
    .footer a{
    color:#35476f;
    font-weight:normal;
    font-size:11px;
    text-decoration:none;}
    .footer a:hover{
    text-decoration:underline;
    }
    
    /* organizador*/
    
.organizador{ 
    padding:5px 0px 0px 10px;
    float:left;
    margin:10px;
    width:490px;}
    .ordenar{float:right; color:black;}
    #calendario{ width: 490px; border-top:1px solid #f1f1f1;}
    .btn{ border:none; background:#35476f; color:#fff; padding: 3px;} .btn:hover{ border:none; background:#545454; color:#fff; padding: 3px;}
    #navegador{  background:#f1f1f1; border-bottom: 1px solid #ccc; padding: 5px; color:#35476f}
    .izqcal{ float: left; width: 150px;}
    .centercal{ float: left;}
    .drcal{ float: right;}
    #lista_semana{width: 490px; margin:5px 0px; list-style:none; padding:0px; text-align: center; color:#FFF;}
    #lista_semana li{list-style: none; float: left; padding:2px; width:60px;  background-color:#35476f; margin:2px;border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;}
    
#lista_dias{
    margin:0px;
    list-style:none;
    padding:0px;
}

#lista_dias li{
    padding:2px;
    width:60px;
    height:50px;
    color:#000;
    background-color:#f1f1f1;
    float:left;
    margin:2px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#lista_dias li span{
 font-size: 10px;
 color:#000;
 float: left;
 padding: 5px 2px 0px 0px;
}
#lista_dias li a{
 color:#35476f;
 float: right;
 text-decoration: none;
}
#lista_dias li a:hover{
 color:#545454;
 text-decoration: underline;
}
#lista_dias li a.add{
 color:#35476f;
 background:url(../img/add.png) left no-repeat;
 margin:5px 0px 0px 0px;
 padding: 2px 0px 0px 20px;
 text-decoration: none;
}


#lista_dias li.dia_fuera{
    color:#FFF;
    background-color:#ccc;
}

#lista_dias li:hover{
    background-color:#ABC8FE;
}
#panel_lateral{float: left; width: 340px; background: #f1f1f1; border: 1px solid #ccc; margin: 60px 0px 0px 10px; padding: 0px 5px 5px 5px; position: relative; }
#panel_lateral h2{ padding:4px 0px 0px 0px; font-size: 14px;}
#panel_lateral h2 span{ padding:4px 0px 0px 0px; font-size: 14px; color: #000;}
#panel_lateral em{font-size: 11px; font-style: normal; font-weight: normal; color: #7AB031; }
#panel_lateral b{font-size: 11px; font-weight: bold; color: #000; padding:0px 0px 0px 5px; }
#panel_lateral p{padding:5px 0px 5px 20px; color: #333; font-size: 11px;}
#panel_lateral small{ color: #ccc; }
.pgnd { padding:5px 0px 5px 0px;}
.pgnd a{ border:none; background:#545454; color:#fff; padding: 3px;} .pgnd a:hover{ border:none; background:#35476f; color:#fff; padding: 3px;}
#panel_lateral p a{font-size: 12px; font-weight: bold;}
#panel_lateral .bievento{ width: 340px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; margin: 5px 0px 0px 0px }
#panel_lateral .bieventocoment{ width: 340px; border: 1px solid #ccc; margin: 5px 0px 0px 0px; background: #EAEAEA }
#panel_lateral .izqevento{ float: left; width: 270px;}
#panel_lateral .izqevento em.infoevent{ font-size: 11px; font-style: normal; font-weight: normal; color: #000000;}
#panel_lateral .izqevento b.infoeventb{ font-size: 11px; font-style: normal; font-weight: normal; color: #666666;}
#panel_lateral .bievento em.infoeventc{ font-size: 11px; font-style: normal; font-weight: normal; color: #35476f;}
#panel_lateral .drevento{ float: left; width: 60px; border-left: 1px dotted #fff; margin: 5px 0px 0px 2px}
#panel_lateral .drevento a{ background: #fff;  padding: 5px; margin:5px 0px; float: left; border: 1px solid #fff}
#panel_lateral .drevento a:hover{ background: #ccc; border: 1px solid #fff }
#panel_lateral h3{color:#35476f; margin: 10px 0px 0px 0px }
#panel_lateral  a.add{
position: absolute;
width: 70px;
top: 2px;
left: 250px;
color:#35476f;
background:#fff url(../img/add.png) left no-repeat;
margin:5px 0px 0px 0px;
float: right;
padding: 5px 5px 5px 20px;
text-decoration: none;
border:1px solid #fff;
}
#panel_lateral  a.add:hover{
background:#fff url(../img/add.png) left no-repeat;
border:1px solid #ccc;
}
#panel_lateral  a.vlv{
position: absolute;
top: 5px;
right: 5px;
color:#fff;
background:#35476f; 
padding: 3px;
float: right;
text-decoration: none;
}
#panel_lateral  a.vlv:hover{
background:#666;
color:#fff;
}
#panel_lateral  a.add2{
color:#35476f;
font-size: 12px;
background: url(../img/add.png) left no-repeat;
margin:10px 5px 0px 0px;
float: left;
padding: 5px 5px 5px 20px;
text-decoration: none;
}
#panel_lateral  a.add2:hover{
background:#fff url(../img/add.png) left no-repeat;
}
#panel_lateral  a.addpartido{
color:#35476f;
font-size: 12px;
background: url(../img/partido.png) left no-repeat;
margin:10px 5px 0px 0px;
float: left;
padding: 5px 5px 5px 20px;
text-decoration: none;
}
#panel_lateral  a.addpartido:hover{
background:#fff url(../img/partido.png) left no-repeat;
}
#panel_lateral  a.addentreno{
color:#35476f;
font-size: 12px;
background: url(../img/entreno.png) left no-repeat;
margin:10px 5px 0px 0px;
float: left;
padding: 5px 5px 5px 20px;
text-decoration: none;
}
#panel_lateral  a.addentreno:hover{
background:#fff url(../img/entreno.png) left no-repeat;
}
#panel_lateral  a.addcomida{
color:#35476f;
font-size: 12px;
background: url(../img/reunion.png) left no-repeat;
margin:10px 5px 0px 0px;
float: left;
padding: 5px 5px 5px 20px;
text-decoration: none;
}
#panel_lateral  a.addcomida:hover{
background:#fff url(../img/reunion.png) left no-repeat;
}
#panel_lateral  a.addotros{
color:#35476f;
font-size: 12px;
background: url(../img/otros.png) left no-repeat;
margin:10px 5px 0px 0px;
float: left;
padding: 5px 5px 5px 20px;
text-decoration: none;
}
#panel_lateral  a.addotros:hover{
background:#fff url(../img/otros.png) left no-repeat;
}
.altas{ font-size: 12px; padding: 5px;}
.altas label{ float: left; width: 40px;  text-align: left; padding: 5px 10px 0px 0px; color:#35476f;}
.altas label.pq{ width: 70px; float: none; padding: 0px 10px 0px 5px; color:#000;}
.altas label.br{ width: 100px; float: left; padding: 5px 10px 0px 0px; color:#35476f;}

.input_alta{ padding: 5px 10px; font-size: 12px; font-weight: bold; background:#35476f; color: white; border: none; float: right}
.input_alta:hover{ background:#666; padding: 5px 10px; border: none;}
.altasa{ font-size: 12px; padding: 5px;}
.altasa label{ float: none; text-align: left; padding: 0px 5px 10px 0px; color:#35476f;}
.altasa label.pq{ width: 70px; float: none; padding: 0px 10px 0px 5px; color:#000;}
iframe{ padding: 5px; background: #fff; border: 1px solid #ccc;}


/* Clases usuarios */
.perfild{ float:left; width:300px;}
.perfili{ float:left; width:550px;}
#perfil{width:287px; border:1px solid #cfdaf4; padding:5px; background: #f0f0f0; float:left; margin:-1px 0px 0px 0px; clear:left;}
#perfil h2{ border-bottom: 0px solid #ccc; padding: 5px 0px 0px 0px; margin: 5px; font-size: 16px;}
#perfil img.deco{ background: #fff; margin: 5px; border: 1px solid #cfdaf4; padding:5px; float: left; }
#perfil img.deco:hover{ background: #fff; margin: 5px; border: 1px solid #7ab031; padding:5px; float: left; }
.lnkperfil{padding: 0px 10px 0px 0px; width: 110px; float:left; text-align: right; }
.lnkperfilb{ width:110px; font-size:11px; font-weight:bold; color:#666; float:left; margin:0px 7px 0px 0px;}
.lnkperfilb a{ width:100px; font-size:10px; float:left; text-decoration:none; color:#35476f;  padding:5px; background:#f0f0f0; border-left:1px solid #cfdaf4; border-bottom:none; border-right: 1px solid #cfdaf4; border-top:1px solid #cfdaf4;}
.lnkperfilb a:hover{ font-size:10px; text-decoration:underline; color: #666;}

.dtperfil p{padding: 5px 0px 0px 0px; }
.dtperfil strong{ color:#35476f;}
.drperfilc{width:540px; padding:5px; float:left; margin:10px;}
.drperfilc ul{width:520px; padding:5px 0px }
.drperfilc li{width:250px; list-style:none; float:left; border:none;}
.drperfilc{width:540px; padding:5px; float:left; margin:10px;}
.drperfilc2{width:540px; padding:5px; float:left; margin:10px;}
.drperfilc2 ul{width:540px; padding:5px 0px }
.drperfilc2 li{width:120px; list-style:none; float:left; border:none;}
.drperfilc li .equiselect{width:260px; float:left; border:none;}
.drperfilc li .equiselect1{width:120px; float:left; border:none;}
.drperfilc li .equiselect2{width:130px; float:left; border:none;}
.drperfilc li .equiselect2 b{color:#000;}
.drperfilc li .equiselect2 a{ font-size:12px; padding:5px 0px; background:none; margin:5px}
.drperfilc li .equiselect2 a:hover{ font-size:12px; color:#333; }
.drperfilc li .equiselect h2{ background:none; font-size:12px; padding:5px 0px;}
.drperfilc li p{width:120px;  padding: 5px;  border:none; color:#35476f; font-size:12px; font-weight:bold; float:left;}
.drperfilc li p.fan{width:100px; margin:5px 0px; padding:5px;  border:none; color:#000; font-size:12px; font-weight:bold;}
.drperfilc img{ float:left; background:#fff; padding:5px; margin:5px 5px 5px 0px; border: 1px solid #cfdaf4; }
.drperfilc img:hover{ float:left; background:#fff; padding:5px; margin:5px 5px 5px 0px; border: 1px solid #7ab031; }
.drperfilc h2{width:100%; padding:10px 5px; margin-bottom: 5px; background:#fff url(../img/h2u.gif) top left no-repeat}
.drperfilc h2 span{ color:#999; font-size:12px; font-weight:normal; padding:0px 0px 0px 5px}
.drperfilc h3{width:100%; color:#7AB031; padding: 3px 0px; margin-bottom: 5px;}
.drperfilc2 li p.fan{width:120px; margin:5px 0px; padding:5px;  border:none; color:#000; font-size:12px; font-weight:bold;}
.drperfilc2 li p.fan a{font-size:10px;}
.drperfilc2 img{ float:left; background:#fff; padding:5px; margin:5px 5px 5px 0px; border: 1px solid #cfdaf4; }
.drperfilc2 img:hover{ float:left; background:#fff; padding:5px; margin:5px 5px 5px 0px; border: 1px solid #7ab031; }
.drperfilc2 h2{width:100%; padding:10px 5px; margin-bottom: 5px; background:#fff url(../img/h2u.gif) top left no-repeat}
.drperfilc2 h2 span{ color:#999; font-size:12px; font-weight:normal; padding:0px 0px 0px 5px}
.drperfilc2 h3{width:100%; color:#7AB031; padding: 3px 0px; margin-bottom: 5px;}

.drperfilcr{width:100%; padding:5px; float:left; margin:10px; background:#f0f0f0}
.drperfilcr ul{width:100%; padding:5px 0px }
.drperfilcr h2{width:100%; padding:10px 5px; margin-bottom: 5px;}
.drperfilcr h2 span{ color:#999; font-size:12px; font-weight:normal; padding:0px 0px 0px 5px}
.drperfilcr li{width:120px; list-style:none; float:left; border:none; margin:0px 3px;}
.drperfilcr li p{width:120px; clear:both; margin:5px 2px; padding:3px; background:#f1f1f1; color:#35476f; font-size:10px; font-weight:bold;}
.drperfilcr li p span{ color:#333; font-weight:normal;}
.drperfilcr img{ float:left; background:#fff; padding:5px; margin:5px 0px; border: 1px solid #ccc;}
.drperfilcr img:hover{ float:left; background:#f1f1f1; padding:5px; margin:5px 0px; border: 1px solid #cfdaf4;}
.drperfilcr h2{width:100%;  margin-bottom: 5px; color:#000;}

.drperfillink{ float: left; position: relative; width:100%;}
.drperfilc a.aeq{color:#35476f; float: right; font-size: 12px; margin-left:0px; background: url(../img/add.png) left no-repeat; padding: 5px 0px 5px 20px;text-decoration: none;}

.drperfilcb {width:280px;  padding:10px 0px; float:left; margin:10px 0px; clear:left; float:left; }
.drperfilcb ul{ padding: 5px 0px; list-style: none; width:100%;}
.drperfilcb ul li{ padding: 5px 10px; list-style: none;  background:#f1f2f3; margin:5px 0px 5px 0px ; width:98%;}
.drperfilcb a{ color:#000; font-size:11px; font-weight:normal;}
.drperfilcb a:hover{ color:#7ab031; font-size:11px; font-weight:normal; text-decoration:none;}

.drperfilcb ul li span{ padding:0px 0px 0px 25px; }
.drperfilcb ul li em{ color: #333; font-style: normal; }
.drperfilcb  ul li h3{color:#7AB031; float:left; font-size: 12px; width:100%; padding:0px 0px 5px 0px}

/* parte privada album */
.bt2{ color:#FFFFFF; border:none; background:#35476f; font-weight:bold;}
.inp2{ width: 270px; margin:0px;}
.inp2:hover{ width: 270px; margin:0px;}
.bt2:hover{ color:#FFFFFF; border:none; background:#35476f; font-weight:bold;}
/* #menupriv{ padding:10px 0px 0px 5px; width:545px; border-bottom:1px solid #ccc; background:#e1e8f8;} */
#menupriv{ padding:10px 0px 10px 5px; width:880px; border-bottom:1px solid #35476f; background:#e1e8f8;}
#menupriv p{ width:870px; margin:10px 0px;}
#menupriv p a{ background:none; color:#7AB031; text-decoration:none; font-size:12px; font-weight:bold; border:none;}
#menupriv p a:hover{ background:#f1f1f1; color:#7AB031; text-decoration:none; font-size:12px; font-weight:bold; border:none;}
#menupriv p a.eliminar{ background:none; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:0px 5px 0px 0px;}
#menupriv  a.eliminar:hover{ background:none; color:#FF0033; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:0px 5px 0px 0px;}
#menupriv  a.cargar{ background:#35476f; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:5px; margin:10px 0px 0px 10px;}
#menupriv  a.cargar:hover{ background:#fff; color:#35476f; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:5px; margin:10px 0px 0px 10px;}
#estado-carga { padding:0px 0px 0px 23px;}
#estado-carga strong{ font-size:12px; font-weight:bold; color:#000000; }
#estado-carga span{ font-size:10px;  color:#000000; padding:0px 0px 0px 5px; }
#estado-carga .barra{ margin:5px 0px; width:250px;}
.labelafeg{ float:left; width:120px; font-size:12px; font-weight:bold; color:#35476f;}
.labelafeg small{ color:#ccc;}
.inputafeg{ float:left; width:350px; font-size:12px; font-weight:bold; color:#35476f;}
#restspan{ color:#ccc;}
.editalbumft{padding:10px 0px 0px 0px; width:550px; border-bottom:1px solid #ccc; margin:5px 0px;}
.editalbumft img{float:left; padding:3px; margin:5px; border:1px solid #ccc;}
.editalbumft img:hover{float:left; padding:3px; margin:5px; border:1px solid #35476f;}
.editalbumft .dataalbum{ float:right; font-size:10px; color:#ccc; width:400px; text-align:right;}
.editalbumftdr { float:left; width:400px;}
.editalbumftdr p{ float:left; width:400px; padding:10px 0px;}
.editalbumftdre { background:#e1e8f8; padding:5px; color:#333333;}
.veralbumpublico{ width: 850px; margin:10px 20px;}
.veralbumpublicob{ width: 870px; margin:10px 10px;}
.veralbumpublicob a{ background:none; color:#333; font-size:12px; padding:5px; font-weight:bold;}
.veralbumpublico a{ color:#7AB031; font-weight:bold; font-size:12px; text-decoration:underline; padding:0px 20px 0px 0px }
.veralbumpublico a:hover{ color:#000000; font-weight:bold; font-size:12px; text-decoration:underline; padding:0px 20px 0px 0px }
.veralbumpublico h2{ color:#35476f; font-weight:bold; font-size:16px; text-decoration:none; }
.veralbumpublicoc{ width: 850px; margin:10px 10px; background:#f1f1f1; padding:10px; border:1px solid  #ccc;}
.veralbumpublicoc h2{ color:#7AB031; font-weight:bold;}
.veralbumpublicoc a{ background:none; color:#333; font-size:12px; padding:5px; font-weight:bold;}
.veralbumpublicoc p{ width:300px; float:left}
.veralbumpublicoc .eliminar{ background:none; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:0px 5px 0px 0px;}
.veralbumpublicoc .eliminar:hover{ background:none; color:#FF0033; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:0px 5px 0px 0px;}
.veralbumpublicoc .cargar{ background:none; color:#35476f; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:0px 5px 0px 0px;}
.veralbumpublicoc .cargar:hover{ background:none; color:#7AB031; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:0px 5px 0px 0px;}
.veralbumpublicoc .seleccionar{ background:#35476f; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; border:none; padding:5px;}
/*editar*/
.editfotoizq{ float:left; width:120px; color:#35476f; font-weight:bold; font-size:12px;}
.editfotoizq p.check{ float:left; width:20px;}
.editfotoizq p.txtseleccionar{ float:left; width:90px;}
.editfotodr{ float:left; width:500px; color:#35476f; font-weight:bold; font-size:12px;}
.editfotodr .labeledit{  color:#35476f; font-weight:bold; font-size:12px;}
.editfotodr span{  color: #FF3300; font-weight:bold; font-size:12px; padding:0px 0px 0px 45px;}


/* copiado desde clase_publica.css */
.albumes{ width:900px; pading:30px 0px; float:left;}
.albumes h2{ color:#35476f; font-size:16px; padding: 15px 0px 0px 0px;  font-weight:bold; border-bottom: 1px solid #cfdaf4; /*width:890px;*/width:auto; }
.albumes h2 a{ float:right; font-size:12px; color:#35476f;   font-weight:bold; text-decoration:underline }
.albumes h2 a:hover{ float:right; font-size:12px; color:#7ab031;  }
.albumes img{ float:left; padding:5px; background:#FFFFFF; border: 1px solid #cfdaf4; margin:5px 5px 0px 0px}
.albumes img:hover{ float:left; padding:5px; background:#FFFFFF; border: 1px solid #7ab031; margin:5px 5px 0px 0px}
.albumes .thumbs li { position:relative; float: left; }
.albumes .thumbs input { position:absolute; top:6px; left:1px; }
.albumes .thumbs .selected { background: #7ab031; }
.albumes .infoalbum{ color: #7ab031; font-weight:bold; font-size:12px; padding:5px; height:40px;}
.album{ float:left; width:275px; margin:10px 10px 10px 0px; border: 1px solid #cfdaf4; padding:5px; background:#eef2fa; }
.album p{ float:left; width:150px;  padding:5px 0px; }
.album h3{  width:150px; color: #7ab031; font-size:14px; font-weight:bold; padding:4px 0px; float:left }

.albumimgnsi{ float:left; width:540px;}
.albumimgnsi .descfoto{ border: 1px solid #cfdaf4; padding:5px; background:#eef2fa; width:530px; }
.albumimgnsi .descfoto h3{ color: #7ab031; font-size:14px; font-weight:bold; padding:auto;}
.playpause{ float:left; width:200px; padding:10px 0px 0px 0px}
.siguienteatras{ float:right; width:200px; text-align:right; padding:10px 0px 0px 0px}
.siguienteatras img{ border:none; background:none; padding:0; margin:0px;}
.siguienteatras img:hover{ border:none; background:none; padding:0; margin:0px;}
.playpause div { height:25px;width:25px;float:left;cursor:pointer;margin:0;padding:0; }
.playpause .play { background: url('../img/play.png') no-repeat; }
.playpause .pause { background: url('../img/pause.png') no-repeat; }
.playpause img{ border:none; background:none; padding:0; margin:0px;}
.playpause img:hover{ border:none; background:none; padding:0; margin:0px;}
.slideshow img { max-width: 530px;width: expression(this.width > 530 ? 530: true);height: auto;display: block; }
.albumimgnsd{float:left; width:355px; margin:2px 0px 0px 5px;}
 
 .comentariosnotiimg{ padding:10px 0px 0px 0px; width:530px;}
    .comentariosnotiimg h2{ padding:27px 0px 0px 50px; background:url(../img/comentario.jpg) left no-repeat; position:relative; height:50px; color:#7ab031; }
    .comentariosnotiimg h3{ padding:10px 0px 0px 0px; color:#35476f; border-bottom: 1px solid #cfdaf4; width:530px;}
    .comentariosnotiimg img{ border:none; background:none; padding:0; margin:0px;}
    .comentariosnotiimg img:hover{ border:none; background:none; padding:0; margin:0px;}
    .numcoment{
    position:absolute;
    left: 21px;
    top: 28px;
    color:#35476f; font-weight:bold; font-size:16px;}
    .comentariosnotiimg ul{padding:10px 0px 0px 0px; width:530px;}
    .comentariosnotiimg li{margin: 5px 0px; background:#f1f2f3; border: 1px solid #cfdaf4; padding:5px; width:530px;}
    .comentariosnotiimg li a{ color:#35476f;  font-size:12px; font-weight:bold; padding:0px; margin:0px; background:none; border:none;}
    .comentariosnotiimg li p{ float:left; margin:0px 5px 0px 8px; width:410px;}
    .comentariosnotiimg li p small{ }
    .comentariosnotiimg li p.txtmsg{ float:left; margin:0px 5px 0px 8px; width:420px;  border-top: 1px solid #cfdaf4; padding:5px 0px; }
    .comentariosnotiimg li a:hover{ color:#666666;  font-size:12px; font-weight:bold; padding:0px; margin:0px; background:none; border:none;}
    .comentariosnotiimg li img{width:52px; height: 52px; background:#fff; padding: 5px; border: 1px solid #cfdaf4; float:left;}
    .comentariosnotiimg li img:hover{ width:52px; height: 52px; background:#fff; padding: 5px; border: 1px solid #7ab031; float:left;}
    .envtxt{ padding:20px 0px 0px 0px;}
    .envtxt label{ width:60px; float:left; color:#000000; font-size:12px; font-weight:bold; padding:5px 0px 0px 0px; }
    .envtxt input{ float:left; width:200px; height:20px; padding:5px 0px 0px 0px; border: 1px solid #cfdaf4; background:#FFFFFF}
    .envtxt input:hover{ float:left; width:200px; height:20px; border: 1px solid #ccc; background:#FFFFFF}
    .envtxt .envtxtbt{ float:left;  height:20px; padding:5px; border: 2px solid #fff; background:#35476f; color:#FFFFFF; width:100px; font-size:14px; font-weight:bold; height:auto; float:right; margin:10px -15px 0px 0px ;}
    .envtxt .envtxtbt:hover{ float:left;  height:20px; padding:5px; border: 2px solid #fff; background:#7ab031; color:#FFFFFF; width:100px; font-size:14px; font-weight:bold; height:auto; float:right; margin:10px -15px 0px 0px ;}

    .pagnoticia{  float:right; padding:10px 5px;}
    .pagnoticia a{ padding:3px 5px; font-size:12px; font-weight:bold; background:#35476f; margin:0px 5px 0px 0px; color:#FFFFFF; text-decoration:none;}
    .pagnoticia a:hover, .pagnoticia a.pagselected{ padding:3px 5px; font-size:12px; font-weight:bold; background:#7ab031; margin:0px 5px 0px 0px; color:#FFFFFF; text-decoration:none;}
/* fin copiado */


.aviso_idioma{background-color:#fffd6c;color:#000;font-size:12px;width:95%;border:1px solid #a0a0a0;float:left;}
.aviso_idioma p{padding:10px;}
.avisoPunta{position:relative;top:1px;left:5px;}

.error {font-weight: bold; color: #F00; display:none;}

/*dialog*/
.dialog span{margin:5px 0px;}
.dialog p { margin: 15px 5px; }
.dialog .error {font-weight: bold;color: #F00; padding:5px 10px; border:1px solid #f00; margin:10px 0px; background:#ffe5e4; clear:both; display:none; }
.dialog {
    margin:10px;
    position:absolute;
    border:#bbb 1px solid;
    background-color:#f1f1f1;
    overflow:hidden;
    z-index:1000;
    display:none;
    .width:350px;
}
.dialog form {
    padding:5px;
    color:#666666; font-size:12px;
}
.dialog .dialform{color:#666666; font-size:12px; margin:10px 0px 0px 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
.dialog .dialform a{color:#35476f; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;}
.dialog .dialform a:hover{color:#7AB031; font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;}
.dialog h2#titulo_dialog{
    padding:5px;
    margin:0px;
    border:1px solid #35476f;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color:#35476f;
}
.dialog img{border:none;}
.dialog input{ border:1px  solid #ccc; background:none; padding:5px; color:#666666}
.dialog input:hover{ border:1px  solid #e1e8f8 ; background:none; padding:5px; color:#000}
.dialog .btndial{ padding:5px; background:#35476f; color:#FFFFFF; font-weight:bold; border:none;}
.dialog .btndial:hover{ padding:5px; background:#7AB031; color:#FFFFFF; font-weight:bold; border:none;}
/*fi dialog*/

/*barra inferior */
.barrainf{ width:100%; position:fixed; height:30px; background:#f1f1f1; border-top:#CCCCCC 1px solid; bottom:0px; left:0px;}
.barrainf a{ font-size:12px; font-weight:normal; color:#333; text-decoration:none; }
.barrainf a:hover{ font-size:12px; font-weight:normal; color:#7AB031; text-decoration:underline;}
.barrainfgr{ color: #666; font-size:14px; padding:5px 10px; font-weight:bold; float:left; margin:0px 45px 0px 0px;}
.barrainfsc{ padding:0px 0px 0px 25px; float:left; background:url(../img/editpen.png) no-repeat left top; height:30px; margin:5px 14px;}
.barrainfgs{ padding:0px 0px 0px 25px; float:left; background:url(../img/editcal.png) no-repeat left top; height:30px; margin:5px 14px;}
.barrainfim{ padding:0px 0px 0px 25px; float:left; background:url(../img/news.png) no-repeat left top; height:30px; margin:5px 14px;}
 .barramenu {
            position: fixed;
            bottom: 0px;
            background-color: #f0f0f0;
            border: 1px solid #ccc;
            padding: 10px;
            padding-bottom: 35px;
            font-size: 12px;
            display: none;
        }
             .barramenu h3{
                 padding:5px 0px 10px 0px;
                 font-size:14px;
                 color:#999;
    
        }
         .barramenu ul{
             list-style:none;
        }
 .barramenu li {
            margin: 5px;
        }