body {
background-color:#FFFFFF;
font-family:Trebuchet MS;
font-size:12px;
margin:0px;
padding:0px;
text-align:center;
}

.todo{
margin:0pt auto;
width:999px;
}

.sepasup{

	float:left;
	position:relative;
	width:960px;
	height:20px;
	text-align:right;
	margin-top:5px;
}

.sup {
	float:left;
	position:relative;
	width:999px;
	z-index:1;	
}
#menu 
{
	font: bold 1.1em/2.2em "Trebuchet MS", Arial, sans-serif;
	
	}
.logo_bb{
	float:left;
	width:105px;
	height:120px;
	margin-left:35px;
	margin-top:-30px;
}

.not{
	float:left;
	position:relative;
	width:999px;
	height:90px;
	text-align:center;
	padding-top:30px;
	background-image:url(cabecera-finita.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
.not h1 
{
	font-size:28px;
	font-family:Trebuchet MS;
	color: #336;
	margin-right:360px;
	line-height:37px;
	}

.menu{
	background:url(sombra.gif)repeat-x;
	background-position:bottom;
	float:left;
	position:relative;
	width:999px;
	height:22px;
	padding-top:8px;
}


.separa_menu{
	border-right: 1px solid #d5602f;
	float:left;
	position:relative;
	width:70px;
	height:22px;
}

.menu_txt{

	font: 12px "Trebuchet MS"; color:#555555;
	position:relative;
	float:left;
	height:20px;
	padding-top:15px;
}

.menu_todo{
	position:relative;
	float:left;
	height:35px;
}

.menu_todo a:hover{
	background:url(menu_prin_sup.gif);
	position:relative;
	float:left;
	height:35px;
}


.menu_txt_activo{
	font: 12px "Trebuchet MS"; color:#004466;
	position:relative;
	float:left;
	height:20px;
	padding-top:15px;
}


.separador1_menu{
	background:url(separador_menu.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	width:15px;
	height:35px;

}
.separador2_menu{
	float:left;
	position:relative;
	width:15px;
	height:35px;
}

.centro {
	background:url(fondo.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	width:999px;
}

.centro_izq{
	float:left;
	position:relative;
	width:720px;
}

.centro_barra_sup{
	background:url(http://www.bestbuddies.es/bb/img/barra.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	width:720px;
	height:8px;
}

.centro_barra_sup_paglimpia{
	background:url(barra_limpia.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	width:999px;
	height:8px;
}

.centro_izq_izq{
	float:left;
	position:relative;
	width:180px;
}

.centro_izq_izq_caja{
	background:url(cuadro_c_izq.gif);
	float:left;
	position:relative;
	width:180px;
	height:30px;
}

.centro_izq_izq_foto{
	float:left;
	position:relative;
	width:180px;
	height:100px;
}

.centro_izq_izq_menu{
	background:url(cuadro_c_izq.gif);
	float:left;
	position:relative;
	width:156px;
	padding:12px;
	background-image: url(cuadro_c_izq.gif);
}



.c_i_i_m_tit{
	float:left;
	position:relative;
	height:33px;
	width:154px;
	font: 20px "Trebuchet MS";
	color:#313665;
	text-align:left;	
}


.c_i_i_m_txt{
	background:url(separa_menu_izq.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font: 11px "Trebuchet MS";
	color:#ffffff;
	float:left;
	position:relative;
	height:19px;
	width:154px;
	text-align:left;
	padding-top:3px;
}


.c_i_i_m_txt a{
	font: 11px "Trebuchet MS"; color:#ffffff;
	text-decoration:none;

}

.c_i_i_m_txt_activo{
	background:url(separa_menu_izq.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	float:left;
	position:relative;
	height:19px;
	width:134px;
	padding-top:3px;
}





/*cuando la página no tiene menu en la izquierda_ limpio*/

.centro_izq_limpio{
	float:left;
	position:relative;
	width:999px;
}
 
.centro_izq_der_limpio{
	background:#FFFFFF;
	float:left;
	position:relative;
	width:670px;
	padding-left:50px;
	padding-right:50px;
	padding-top:16px;
	
}


.centro_miga_limpio{
	float:left;
	position:relative;
	width:670px;
	height:20;
	font: 11px "Trebuchet MS"; color:#888888;
	text-align:left;
	

}


.centro_separador_limpio{
	float:left;
	position:relative;
	width:670px;
	height:4;

}

.centro_titulo_limpio{
	float:left;
	position:relative;
	width:670px;
	height:20;
	font: 20px "Trebuchet MS"; color:#444444;
	text-align:left;
	

}


.centro_texto_base_limpio{
	float:left;
	position:relative;
	width:670px;
	font: 13px "Trebuchet MS"; color:#333333;
	text-align:left;
	margin-bottom:20px;

}

.centro_texto_base_limpio a{
	font: 12px "Trebuchet MS"; color:#ff591c;
	text-decoration:none;

}



/*cuando la página no tiene menu en la izquierda_ limpio*/



.centro_der{
	float:left;
	position:relative;
	width:264px;

}


.centro_der_img{
	float:left;
	position:relative;
	width:264px;
	height:260px;

}


.centro_der_busca{
	background:url(http://www.bestbuddies.es/bb/img/fondo-busca.jpg);
	float:left;
	position:relative;
	width:210px;
	height:80px;
	font: 20px "Trebuchet MS"; color:#004466;
	text-align:left;
	padding-top:10px;
	padding-left:30px;
}


.centro_der_downl{
	background:url(menu_c_der.gif);
	background-position:bottom;
	float:left;
	position:relative;
	width:210px;
	font: 20px "Trebuchet MS"; color:#004466;
	text-align:left;
	padding-top:20px;
	padding-left:30px;
	

}

.centro_der_img_inf1{
	float:left;
	position:relative;
	width:24px;
	height:90px;
	background:url(http://www.bestbuddies.es/bb/img/img_der_inf1.jpg);

}

.centro_der_img_inf2{
	float:left;
	position:relative;
	width:24px;
	height:90px;
	background:url(http://www.bestbuddies.es/bb/img/img_der_inf2.jpg);

}



.inf {
	float:left;
	position:relative;
	width:999px;
	height:122px;
}

.inf_separa {
	float:left;
	position:relative;
	width:120px;
	height:122px;
	text-align:left;
	font: 10px "Trebuchet MS";
	color:#888888;
}



.inf_cierre {
	float:left;
	position:relative;
	width:780px;
	padding-top:70px;
	margin-bottom:15px;
	text-align:left;
	font: 11px "Trebuchet MS";
	color:#ff591c;
}




/* Root = Horizontal, Secondary = Vertical */

/* Root Menu */
ul#navmenu-h a {
  border-right: 1px solid #d5602f;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #666;
  font: 12px/22px "Trebuchet MS";
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background:url(menu.gif);
  color: #ffffff;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background:url(menu.gif);
  color: #ffffff;
  font: 10px/22px "Trebuchet MS";
  padding-left:10px;
  height: 1%; /*For IE*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background:url(menu.gif);
  color: #aaaaaa;
}


ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 999px; /*For KHTML*/
  list-style: none;
  float:left;
  
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 18px;
  
  
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 120px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
  text-align:left;

 
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  
}

ul#navmenu-h ul li {
  width: 120px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/

}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/* -----------fin Pruebas de menu ----------------*/

/*------------------------------------------------*/
/*------------------ CALENDARIO ------------------*/
/*------------------------------------------------*/
#calendario
{
width:270px;
float:left;


}
#meses
{

margin-top:4px;
width:270px;
height:150px;
float:none;

}
.calendariotable
{
margin-left:10px;
}
.mes
{
font-size:18px;
color:#444;
text-align:center;
}
.diasnominales
{
font-size:8px;
font-family:Trebuchet MS;
color:#666666;
text-align:center;
 width:33px;
}
.diasnumericos
{
font-family:Trebuchet MS;
color:#666666;
text-align:center;
font-size:8px;
}


.diasdestacados
{

font-size:8px;
font-family:Trebuchet MS;
color:#336699;
background-color:#c6daf7;
float:right;
text-decoration:none;
}

.diasdestacados:link
{
font-size:11px;
font-family:Trebuchet MS;
color:#336699;
background-color:#c6daf7;

float:right;
text-decoration:none;
}
.diasdestacados:active
{

}

.diasdestacados:visited
{

}
.diasdestacados:hover
{
font-size:11px;
font-family:Trebuchet MS;
color:#FFFFFF;
background-color:#3477C9;

float:right;
text-decoration:none;
}
.diahoy
{
font-family:Trebuchet MS;
color:#336699;
border:solid 1px #222;

text-align:center;

}
.diahoy:link
{
font-family:Trebuchet MS;
color:#336699;
border:solid 1px #222;

text-decoration:none;
}
#destacadoficha
{
float:right;
width:400px;
height:130px;

}
#destacadodetalle
{
background:url(http://www.bestbuddies.es/bb/css/Imagenes/marcodestacado2.png) no-repeat;
width:230px;
height:150px;
float:right;
}
#destacadodetallefoto
{
	position:absolute;
	margin-left:10px;
float:right;
	
}
.diahoy:actived
{

}
.diahoy:visited
{

}
.diahoy:hover
{
font-family:Trebuchet MS;
color:#000066;
border:1px;
border-color:#006699;
border-style:solid;

text-decoration:none;
}
.anterior
{
font-size:16px;
font-family:Trebuchet MS;
color:#FFFFFF;
text-align:center;
padding-right:25px;
text-decoration:none;
}
.anterior a
{
font-size:16px;
font-family:Trebuchet MS;
color:#FFFFFF;
text-align:center;
padding-right:25px;
text-decoration:none;
}
.siguiente
{
font-size:16px;
font-family:Trebuchet MS;
color:#FFFFFF;
text-align:center;
padding-left:25px;
text-decoration:none;
}
.siguiente
{
font-size:16px;
font-family:Trebuchet MS;
color:#FFFFFF;
text-align:center;
padding-left:25px;
text-decoration:none;
}
#mesanterior
{
padding-left:20px;
width:100px;
float:left;


}
#mesiguiente
{
padding-left:25px;
width:100px;
float:left;

}
/*calendariominiatura*/

.diasminiaturia
{
font-size:8px;
color:#333333;
font-family:Trebuchet MS;
}
.diasminiaturia a
{
font-size:8px;
color:#333333;
font-family:Trebuchet MS;
}
.diasminiaturia a:hover
{
font-size:8px;
color:#333333;
font-family:Trebuchet MS;
}
.mesminiatura
{

font-size:10px;
color:#444;
text-align:right;

padding-left:5px;
font-style:bold;
margin-top:0px;

}
.mesminiatura:link
{

font-size:10px;
color:#444;
text-align:right;

font-style:bold;
text-decoration:none;
}
.mesminiatura:actived
{

}
.mesminiatura:visited
{

}
.mesminiatura:hover
{


}
.mesminiatura td:link
{
font-size:10px;
color:#FFFFFF;
font-family:Trebuchet MS;
text-align:right;
margin-left:10px;
font-style:bold;
text-decoration:none;
}


.mesminiatura2
{

font-size:10px;
color:#444;
text-align:left;
margin-right:10px;
font-style:bold;
text-decoration:none;
margin-top:0px;

}


.mesminiatura2:actived
{

}
.mesminiatura2:visited
{

}
.mesminiatura2:hover
{

}
.mesminiatura2:link
{

font-size:10px;
color:#444;
text-align:left;
padding-right:10px;
font-style:bold;

}
.mesminiatura2 td:link
{
font-size:10px;
color:#444;
text-align:right;
padding-right:30px;
font-style:bold;
text-decoration:none;
}
.mesminiaturasiguiente
{
font-size:10px;
color:#FFFFFF;
font-family:Trebuchet MS;
text-align:left;
padding-left:15px;
font-style:bold;
}
.mesminiaturasiguiente td:link
{
font-size:10px;
color:#FFFFFF;
font-family:Trebuchet MS;
text-align:left;
padding-left:15px;
font-style:bold;
text-decoration:none;
}
.mesminiaturaanterior
{
font-size:7px;
font-family:Trebuchet MS;
color:#336699;
background-color:#c6daf7;
height:10px;
width:10px;
text-decoration:none;
}
.destacadominiatura:link
{
font-size:7px;
font-family:Trebuchet MS;
color:#336699;
background-color:#c6daf7;
height:10px;
width:10px;
text-decoration:none;
}
.destacadominiatura:active
{
}
.destacadominiatura:visited
{

}
.destacadominiatura:hover
{
font-size:7px;
font-family:Trebuchet MS;
color:#ffffff;
background-color:#003399;
height:10px;
width:10px;
text-decoration:none;
}
#actividades
{
width:700px;
float:left;
margin-right:5px;

}
.logocategoria
{
float:left;
margin-top:10px;
}
.titularcategoria
{ 
float:left;
font-family:Trebuchet MS;
font-variant:small-caps;
color:#87b5f8;
font-size:18px;
padding-top:40px;
padding-left:10px;
}
.diadehoy
{
font-family:Trebuchet MS;
font-size:20px;
color:#4978A7;
float:left;
width:100%;
padding-top:30px;
padding-bottom:20px;
padding-left:10px;
text-align:left;
}
.diaactividaddestacada
{
font-family:Trebuchet MS;
font-size:18px;
color:#4978A7;
padding-right:10px;
text-align:left;
}
.fotodestacada
{
float:left;
}
#subcategoria
{
width:700px;
float:left;
margin-top:5px;
margin-bottom:5px;
}
.fotoactividad
{
position:absolute;
width:250px;
height:250px;
float:left;

}
.foto
{
padding-top:5px;
width:70px;
height:70px;
float:left;
margin-left:15px;
}
.foto img 
{
	border:0px;
	}
.textoalusivo
{
float:left;
padding-left:12px;
text-align:justify;
line-height:16px;
}
.categoria
{
width:350px;

}
.masinfo
{
font-size:10px;
color:#4978A7;
float:right;
}
.masinfo:link
{
font-size:10px;
color:#4978A7;
float:right;
}
.masinfo:hover
{
font-size:10px;
color:#4978A9;
float:right;
}
.masinfo:visited
{
font-size:10px;
color:#4978A7;
float:right;

}
#actividad
{
float:left;


width:212px;
height:100px;
}
.actividadestacada
{


font-size:13px;
text-align:left;
line-height:16px;

}
.actividadestacada a
{


font-size:13px;
text-align:left;
line-height:12px;

}