/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;

}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #7d9ed9;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #ffffff;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #4d6ca4;
 border-bottom: 1px solid #4d6ca4;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #ffffff;
 background: #4d6ca4;
 border-bottom: 1px solid #4d6ca4;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:10px;
	border:1px solid #aaa;
	border-top:0;
	background-color:#4d6ca4;
	/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:220px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/*............................................ */

#noticias {
	width:100%;
	height:260px;
	background-color:#9A0083;
	overflow:auto;
	border:0;
	background-image: url(../imagenes/comentarios.gif);
	background-repeat: no-repeat;
}

.blanco-9px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
		text-decoration: none;

}
.fondo-bandera {
	background-image: url(/imagenes/cabecera/bandera-gay.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.formulario-bt {
	background-color: #CCCCCC;
	height: 17px;
	width: auto;
	border: 1px outset #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	font-style: normal;
		text-decoration: none;

}

.blanco-11px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;

}
.blanco-11px-bis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}
.formulario-text {

	background-color: #FFFFFF;
	height: 17px;
	width: auto;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	font-style: normal;
		text-decoration: none;

}
.gris-9px {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
		text-decoration: none;

}
.gris-12px {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
		text-decoration: none;

}.gris-12px:link {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
		text-decoration: none;

}.gris-12px:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
		text-decoration: none;

}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
		text-decoration: none;

}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	text-decoration: none;
	margin: 2px;

}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	margin: 2px;

}
.h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
		text-decoration: none;

}
.gris-14 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #666666;
	text-decoration: none;

}.gris-14:link {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #666666;
	text-decoration: none;

}.gris-14:visited {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #666666;
	text-decoration: none;

}
.azul-10 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
		text-decoration: none;

}
.fondo-comentario {
	background:#FFFFFF;
	overflow:auto;
	height: 300px;
	width: 200px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	margin: 2px;

}
.h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
		text-decoration: none;

}
.blanco-14Copia {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
		text-decoration: none;

}
.2formulario-text {


	background-color: #FFFFFF;
	height: 15px;
	width: auto;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	font-style: normal;
		text-decoration: none;
}
.2formulario-bt {

	background-color: #FFFFFF;
	height: 15px;
	width: auto;
	border: 1px outset #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	font-style: normal;
		text-decoration: none;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

.azul-11px{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	text-transform: uppercase;
}
.margen-td {
	margin: 4px;
	padding: 4px;	
}

/*big menu*/

#kwick {
	position: relative;
	overflow: automatico;
}

#kwick .kwicks {
	display: block;
	height: 200px;
	width: 280px;
	background-color: #eeeeee;
	background-position: left top;
}

#kwick li {
	float: left;
	text-decoration: none;
	list-style-type: none;
}

#kwick ul {
	float: left;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 73px;
	background: #fff;
	border-right: 5px solid #ffffff;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	background-color: #9a0083;
	background-image: url(../imagenes/europride-anun.gif);
}

#kwick .documentation {
	background-color: #000000;
	background-image: url(../imagenes/las-locas-adams-anun.gif);
}

#kwick .blog {
	background-color: #c17878;
	background-image: url(../imagenes/homofobia.gif);
}

#kwick .trac {
	background: #a87aad url(../images/trac.gif);
	border-right: 0;
}

/*download*/