/*********************************************
Gobierno de la Provincia de Buenos Aires
Subsecretaria de Imagen, Tecnologia y Relaciones Institucionales
Direccion Provincial de Tecnologias
*********************************************/

#principal #barraDerecha
{
	margin:0;
	padding:8px;
	border-left: 1px solid #cccccc;
	background-color:#EEEEEE;
	background-image:url(../images/body/fondoColumna.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.TituloMunicipios
{
	color:#444444;
	font:bold 11px Arial;
	background-color:#eeeeee;
	background-image	: url(../images/iconos/arrow5.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:17px;
	padding-left:16px;
	padding-top:3px;
	border-bottom:2px solid #D90000;
}

#principal #barraDerecha #municipios
{
	background-color: #FFFFFF;
	border-bottom: 1px solid #B8BAA9;
	font: 10px Verdana;
	border-left		: 1px solid #B8BAA9;
	border-top		: 1px solid #B8BAA9;
	border-bottom	: 1px solid #B8BAA9;
	border-right	: 1px solid #B8BAA9;
	
}

#principal #cboAccesos
{	
	font: 11px Tahoma;
	color: #333333;
	text-decoration: none;

}

/*CAJAS DERECHAS USADAS EN: 
- ACTUALIZACIONES
- MAS INFO
- GOBERNADOR*/
.masInfoTabla
{
	border-left		: 1px solid #B8BAA9;
	border-top		: 1px solid #B8BAA9;
	border-bottom	: 1px solid #B8BAA9;
	border-right	: 1px solid #B8BAA9;
	
	background-color: #FFFFFF;
	padding-left	: 0px;
	padding-right	: 0px;
	padding-top		: 2px;
	padding-bottom	: 10px;
	
	margin-left		: 0px;
	margin-right	: 0px;
	margin-top		: 0px;
	margin-bottom	: 0px;
	
	text-decoration	: none;
	font			: 11px Arial;
	color			: #555555;
	list-style-type	: none;
}
#masInfo  ul
{
	margin			: 0;
	padding			: 0px;
	list-style-position: outside;
}
#masInfo li
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}
#masInfo a
{
	display			:block;
	background		:#FFFFFF;
	background-image:url(../images/body/cuadrado2.gif);
	background-repeat:no-repeat;
	background-position:left;
	color			:#666666;
	padding-top		:6px;
	padding-bottom	:18px;
	padding-left	:10px;
	text-decoration	:none;
	font-size		:11px;
	font-family		:Arial;
	font-weight		: normal;
	text-transform	: none;
	height			:0px;
}
#masInfo a:hover
{
	text-decoration	:none;
	color			:#C13E30;
}
/*FIN CAJAS DERECHAS USADAS EN: ACTUALIZACIONES Y MAS INFO*/



#principal #barraDerecha #Publicidad
{

	background-color:#FFFFFF;
	border-left		: 1px solid #CCCCCC;
	border-right	: 1px solid #CCCCCC;
	border-top		: 1px solid #CCCCCC;
	border-bottom	: 1px solid #CCCCCC;
	padding			: 1px;
	margin			: 0px;
}

#principal #barraDerecha #Publicidad a
{
	color			:#666666;
	font-size		:11px;
	font-family		:Arial;
	font-weight		: normal;
	text-transform	: none;
}

#principal #barraDerecha #Publicidad a:hover
{

	font-size		:11px;
	font-family		:Arial;
	font-weight		: normal;
	text-transform	: none;
	text-decoration:underline;
}


#principal #barraDerecha #opinion
{
	background-color: #880000;
	border-left		: 1px solid #880000;
	border-right	: 1px solid #880000;
	border-top		: 1px solid #880000;
	padding-bottom	: 1px;
	margin			: 0px;
}

#principal #barraDerecha #caja
{
	background-color: #E5E4D7;
	border-left		: 1px solid #880000;
	border-right	: 1px solid #880000;
	border-bottom	: 1px solid #880000;
	padding			: 5px;
	margin			: 0px;
}


.TitulalesCajas /* TITULOS DE CAJAS EN BLANCO CON FONDO GRIS */
{
	font		:bold 10px Arial;
	text-transform:uppercase;
	text-align	:center;
	color		:#FFFFFF;
	background-color:#444444;
	background-image:url(../images/iconos/arrow6.gif);
	background-repeat:no-repeat;
	background-position:right;
	height		:12px;
	padding		:1px;
	border-left	: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 0px solid #666666;
}


/* INICIO: Estilos de la Encuesta */
.tablaDerechaEncuesta
{
	background-color: #FFFFFF;
	border-left		: 1px solid #B8BAA9;
	border-right	: 1px solid #B8BAA9;
	border-bottom	: 1px solid #B8BAA9;
	border-top		: 1px solid #B8BAA9;
}

.tablaDerechaTitulo
{
	font:bold 10px Arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
	background-color:#444444;
	background-image:url(../images/iconos/arrow6.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:12px;
	padding:1px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 0px solid #666666;
}

.contenedor
{
	margin			: 10px;
}

.celdaTituloEncuesta
{
	font			: 12px Arial;
}

.celdaEncuesta
{
	font			: 12px Verdana;
}

.barraEncuesta1
{
background-color: Teal; 
border-left		: 1px solid #777777; /*Brown color theme*/ 
border-right	: 1px solid #777777; /*Brown color theme*/ 
border-bottom	: 1px solid #777777; /*Brown color theme*/ 
border-top		: 1px solid #777777; /*Brown color theme*/ 
height			: 10px;
}

.barraEncuesta2
{
background-color: Orange; 
border-left		: 1px solid #777777; /*Brown color theme*/ 
border-right	: 1px solid #777777; /*Brown color theme*/ 
border-bottom	: 1px solid #777777; /*Brown color theme*/ 
border-top		: 1px solid #777777; /*Brown color theme*/ 
height			: 10px;
}

.barraEncuesta3
{
background-color: Silver; 
border-left		: 1px solid #777777; /*Brown color theme*/ 
border-right	: 1px solid #777777; /*Brown color theme*/ 
border-bottom	: 1px solid #777777; /*Brown color theme*/ 
border-top		: 1px solid #777777; /*Brown color theme*/ 
height			: 10px;
}

.barraEncuesta4
{
background-color: Red; 
border-left		: 1px solid #777777; /*Brown color theme*/ 
border-right	: 1px solid #777777; /*Brown color theme*/ 
border-bottom	: 1px solid #777777; /*Brown color theme*/ 
border-top		: 1px solid #777777; /*Brown color theme*/ 
height			: 10px;
}

.barraEncuesta5
{
background-color: Green; 
border-left		: 1px solid #777777; /*Brown color theme*/ 
border-right	: 1px solid #777777; /*Brown color theme*/ 
border-bottom	: 1px solid #777777; /*Brown color theme*/ 
border-top		: 1px solid #777777; /*Brown color theme*/ 
height			: 10px;
}

.barraEncuesta6
{
background-color: Navy; 
border-left		: 1px solid #777777; /*Brown color theme*/ 
border-right	: 1px solid #777777; /*Brown color theme*/ 
border-bottom	: 1px solid #777777; /*Brown color theme*/ 
border-top		: 1px solid #777777; /*Brown color theme*/ 
height			: 10px;
}

.barraEncuesta7
{
background-color: Yellow; 
border-left		: 1px solid #777777; /*Brown color theme*/ 
border-right	: 1px solid #777777; /*Brown color theme*/ 
border-bottom	: 1px solid #777777; /*Brown color theme*/ 
border-top		: 1px solid #777777; /*Brown color theme*/ 
height			: 10px;
}
/* FIN: Estilos de la Encuesta */

.municipioCierre
{
	background-color	: #B2C751;
	background-image	: url(../images/iconos/arrow1.gif);
	background-position	: right;
	background-repeat	: no-repeat;
	height				:15px;
	vertical-align		: middle;
	padding-right		: 20px;	
	text-align			: right;
	border-top			: 1px solid #CCCCCC;
}
.municipioCierre a
{
	font-size		:10px;
	color			:#FFFFFF;
	font-family		:Verdana;
	text-decoration	:none;

}
.municipioCierre a:hover
{
	text-decoration	:underline;

}


/****************************
SOLAPAS
*****************************/
/* tamaño y forma del panel principal */
div#panel {
	clear:both;
	position: relative;
	width: 100%;
	height: 370px;
}

/* configuracion de las pestañas */
ul#tabs {
	position:absolute;
	left: 0px;
	top: 0px;
	margin:0;
	padding:0;
	width: 100%;
	height: 24px;
	z-index: 20;
}
	ul#tabs li {
		float:left;
		height: 23px;
		padding-left: 8px;
		list-style: none;
		margin-right: 1px;
		background: url(../images/tabs.png) left -48px;
	}
	ul#tabs li.actual {
		height: 24px;
		background: url(../images/tabs.png) left -72px;
	}
		ul#tabs li a {
			display: block;
			/* hack para ie6 */
			.display: inline-block;
			/* fin del hack */
			height: 23px;
			line-height: 23px;
			padding-right: 8px;
			outline: 0px none;
			font-family: arial;
			font-size: 10px;
			text-decoration: none;
			color: #000;
			background: url(../images/tabs.png) right 0px;
		}
		
		ul#tabs li.actual a {
			height: 24px;
			line-height: 24px;
			background: url(../images/tabs.png) right -24px;
			cursor: default;	
		}

/* Configuración de los paneles */
div#panel #paneles {
	position:absolute;
	left: 0px;
	top: 23px;
	width: 100%;
	height: 350px;
	border: 1px solid #91a7b4;
	background: #fff;
	overflow: hidden;
	z-index: 10px;
}
	div#panel #paneles div {
		margin-top:5px;
		margin-left:10px;
		width: 100%;
		height: 255px;
		overflow: inherit;
}