.gris_claro_bg {background-color:#807d73;}
.gris_oscuro_bg {background-color:#4a4944;}
.gris_claro {color:#807d73;}
.gris_oscuro {color:#4a4944;}
.verde_claro_bg {background-color:#c6fd2f;}
.verde_claro {color:#c6fd2f;}
.negro_bg {background-color: #000;}


* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
/* cambio para que se vean las listas */
/** ul,ol { list-style:none; }
* li { display: inline; } */
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none } 
* { font-family: arial, verdana, thaoma, sans-serif;}

body {
/*   background:#FFF url(/static/udvecindario/images/body_bg.png) left top repeat-x fixed; */
   padding:0px;
   margin:0px;
}

#sombra_izq {
   margin:0px auto 0px auto;
   padding:0px;
   background:transparent url(/static/udvecindario/images/sombra_izq.png) left top repeat-y;
   width:832px;
}

#sombra_der {
   margin:0px;
   padding:0px;
   background:transparent url(/static/udvecindario/images/sombra_der.png) right top repeat-y;
}

#contenedor {   
   margin:0px auto 0px auto;
   padding:0px;
   border:1px none red;
   border-collapse:collapse;
   display:table;
   width:800px;
   background-color:#FFF;
}

#cabecera {background:#FFF url(/static/udvecindario/images/contenedor_fondo.png) left top repeat-y;
   margin:0px;
   padding:0px;
   width:800px;
   height:132px;
}

#margen {
   margin:10px;
   padding:0px;
}

#banners {
   width:185px;
   padding:0px 0px 0px 0px;
   border:1px none red;
   float:right;
}

.col_izq {
   float:left!important;
}

.col_der {
   float:right!important;
}

#banners.col_der {
   float:right!important;
   margin:0px 9px 0px 0px!important;
}


#cont_front_page {
   width:585px;
   float:left;
   overflow:hidden;
   margin:0px 0px 0px 0px;
   background:transparent url(/static/udvecindario/images/bg_notice.gif) left top repeat-x;
}

#banner_cab {
   margin:0px auto 0px auto;
   padding:0px;
   background:#FFF url(/static/udvecindario/images/cabecera_fondo.png) left top no-repeat;
   width:800px;
   height:132px;
}

#menu_cab {
   margin:0px auto 0px auto;
   padding:0px;
   width:800px;
   height:32px;
   overflow:hidden;
   background:#FFF url(/static/udvecindario/images/menu_cab_fondo.png) left top no-repeat;
   border:1px none green;
   border-collapse:collapse;
   display:table;
   border-top:3px solid #fbe627;
   border-bottom:3px solid #fbe627;
}

#menu_cab a {
   margin:0px;
   padding:0px;
   font-size:14px;
   font-weight:bold;
   color:#FFF;
   text-decoration:none;
}

#menu_cab a:hover {
   color:#00F;
}

.seleccionado {
   border:1px none red;
   padding:4px;
   background:#FFF url(/static/udvecindario/images/sel_fondo.png) left top repeat-x;
}

#menu_cab dl {
   margin:0px auto 0px auto;
   padding:8px 8px 8px 24px;
}

#menu_cab dd {
   margin:0px auto 0px auto;
   padding:0px;
   float:left;
}

.listado dl {
}

.listado dd {
   margin:4px 0px 16px 16px;
}

.listado dd a {
   text-decoration:underline;
   background:transparent url(/static/udvecindario/images/bola.png) left top no-repeat;
   padding:0px 0px 0px 20px;
}

.listado dd p {
   font-size:12px;
}

.sombra_bottom {
   background:#FFF url(/static/udvecindario/images/sombra_bot.png) left top repeat-x;
   width:100%;
   height:8px;
}

#cuerpo {
   margin:0px auto 0px auto;
   padding:0px;
   width:768px;
   border-collapse:collapse;
   display:table;
   border:1px none yellow;
}

h1 {
   margin:12px 5px 4px 4px;
   border:1px none #000;
   border-bottom:1px solid #000;
   font-size:20px;
}

h2 {
   margin:5px 5px 4px 4px;
   text-align: justify;
}

p {
   margin:4px;
}

.foto {
   margin:2px 8px 2px 8px;
}

.leer_mas {
   font-size:12px;
}

#columnas {
   margin:0px;
   padding:0px;
   width:100%;
   border-collapse:collapse;
   /*display:table;*/
}


#menu_izq {
   margin:0px;
   padding:0px;
   border-collapse:collapse;
   /*display:table;*/
   border:1px none red;
   display:none;
}

#col_cen {
   margin:0px auto 0px auto;
   padding:0px;
   border-collapse:collapse;
   /*display:table;*/
   float:left;
   width:80%;   border:1px none red; overflow:hidden;

}
#contenido {
   margin:0px;
   padding:0px;
   border-collapse:collapse;
   display:table;width:600px;
overflow:hidden;
}

#pie {
   margin:10px auto 0px auto;
   padding:10px;
   display:block;
   text-align:center;
   font-size:12px;
   border-top:1px solid #FFF;
   width:585px;
   clear:both;
}

/* calendario pequeño */

.calendarito { background: white url(/static/udvecindario/images/f_calendarito_cab.png) repeat-x; border: 1px solid #bec2c3; padding: 1px;
font-size: 10px;  margin-right: 5px; z-index: 0;}
.portlet_calendar .tooltip { position: absolute; margin-left: -999em;}
.portlet_calendar td:hover .tooltip { position: absolute; background-color: yellow; margin-left: 0em; padding: 10px; border: 1px solid silver;}

.calendarito .mes {font-size: 16px; text-align: center; font-weight: bold;}

.portlet_calendar { width: 100%; }
.portlet_calendar caption { padding: 3px 0px 0px 4px; width: 138px; }
.portlet_calendar caption #calendar-previous { padding-right: 14px;  }
.portlet_calendar caption .portlet_calendar_mes {  }
.portlet_calendar caption #calendar-next { padding-left: 14px;  }
.portlet_calendar thead td {border: 2px solid #ddd;}
.portlet_calendar td { text-align: center; height: 60px; width: 50px; border: 1px solid #aaa; vertical-align: middle!important;}
.portlet_calendar td.portlet_calendar_evento { background: #ffffcc; border: 1px solid #fae058; height: 60px;} /* casilla con evento; sin evento es td simple */
.portlet_calendar td .numero_dia {font-size: 14px; font-weight: bold;}
.portlet_calendar td .datos_evento {margin-top: 10px; text-align: center;}
.portlet_calendar .numero_dia {font-weight: bold; font-size: 12px;}
.portlet_calendar .titulo { }
.portlet_calendar .hora_inicio { }
.portlet_calendar .hora_fin { }



/* Fin calendario pequeño */


/* pag. EL EQUIPO */

#equipo {
  font-size:8pt;
  width:99%;
  height:700px;
  position:relative;
  clear:both;
  display:block;
  top:0px!important;
  overflow:auto;

}

#equipo .info {
  left:0px;
  top:0px;
  position:absolute;
  font-size:7pt;
  visibility:hidden;
  border:1px dashed black;
  width: 185px;
}

#equipo .columnas {
  float:right;
  width: 390px;
  margin-left:10px;
  border:1px none #000;
}

#equipo .linea {
  cursor:pointer;
}

#equipo .linea .c1, #equipo #cab .c1 {
float:left;
line-height:17px;
padding-left:0px;
width:40%;
}
#equipo .linea .c2, #equipo #cab .c2 {
float:left;
line-height:17px;
padding-left:0px;
width:40%;
}
#equipo .linea .c3, #equipo #cab .c3 {
float:left;
line-height:17px;
padding-left:5px;
width:18%;
}

#equipo .linea.over, #equipo .linea:hover .c1, #equipo .linea:hover .c2, #equipo .linea:hover .c3 {
background-color:#E4E4E4 !important;
color:black;
}

#equipo .linea.over .info, #equipo .linea:hover .info {
border:1px dashed black;
display:inline;
float:left;
text-align:center;
visibility:visible;
}

#equipo .linea.over .info, #equipo .linea:hover .info {
border:1px dashed black;
display:inline;
float:left;
text-align:center;
visibility:visible;
}
#equipo .linea.over .info .cont, #equipo .linea:hover .info .cont {
}
#equipo .info {
font-size:7pt;
}
#equipo .info .foto {
margin-right:5px;
margin-top:5px;
position:relative;
}
#equipo .nom_dep {
background-color:#FEF200;
clear:both;
font-size:20px;
height:29px;
margin-bottom:10px;
padding-left:10px;
text-align:left;
width:174px !important;
}
#equipo .info span, #equipo .info .funcion {
padding-right:3px;
text-transform:uppercase;
}
#equipo .info .nombre, #equipo .info .apellido, #equipo .info .funcion, #equipo .info .nacimiento, #equipo .info .dorsal, #equipo .info .procede {
clear:both;
padding-left:4px;
text-align:left;
width:90%;
}

.newsImage {
    float: left;
    margin-right: 10px;
}

/* fin pag. el equipo */

/* Estilos para las tablas de contenidos */
.plain img { margin-left: 25px; }
.plain table { border: 1px solid #7da446; border-collapse: collapse; margin-left: 30px; margin-bottom: 30px; font-size: 8pt; width: 540px;}
.plain tr { background-color: #d6e2bd;}
.plain td { border-width: 1px 0px; border-color: #7da446; padding: 0px 4px; height: 2em;}
/* Fin estilos para las tablas de contenidos */
.texto_bajo_imagen_portada {text-align: center; font-size: 40px; font-weight: bold;}

/* lineas tabla de datos */
.plain tr {
	border-bottom:1px solid #888!important;
}

p {text-align: justify;}