/* Navigation */
.boton {
	height: 55px;
	width:310px;
	white-space: nowrap;
	margin: 0px;
	font-size:1.2em;
	
	}
.boton div {
	float: left;
	display: block;
	margin-right: 20px;
	text-align: center;
	font-weight:bold;
}

.verde div{
	
	background-image:url('../imagenes/flechas/nav_left.gif');background-position:left;background-repeat:no-repeat;
	}	
	.verde_lupa div{	
	background-image:url('../imagenes/flechas/nav_left_lupa.gif');background-position:left;background-repeat:no-repeat;
	}
	.verde_nueva div{	
	background-image:url('../imagenes/flechas/nav_left_nueva.gif');background-position:left;background-repeat:no-repeat;
	}
	.verde_guardar div{
	background-image:url('../imagenes/flechas/nav_left_guardar.gif');background-position:left;background-repeat:no-repeat;
	}		
.naranja div{
	background-image:url('../imagenes/flechas/nav_left_naranja.gif');background-position:left;background-repeat:no-repeat;
	}
.verde_oscuro div{
	background-image:url('../imagenes/flechas/nav_left_verde_oscuro.gif');background-position:left;background-repeat:no-repeat;
	}
.azul div{
	background-image:url('../imagenes/flechas/nav_left_azul.gif');background-position:left;background-repeat:no-repeat;
	}
.naranja_lupa div{
	background-image:url('../imagenes/flechas/nav_left_naranja_lupa.gif');background-position:left;background-repeat:no-repeat;
}
	.magenta div{
	background-image:url('../imagenes/flechas/nav_left_magenta.gif');background-position:left;background-repeat:no-repeat;
	}
	.morado div{
	background-image:url('../imagenes/flechas/nav_left_morado.gif');background-position:left;background-repeat:no-repeat;
	}
.boton div a, .boton div button {
	color : #fff;
	
	text-decoration: none;
	display: block;
	display: inline-block; /* IE */
	height: 55px;
	line-height: 55px;
	border: none;
	margin-left:15px;
}
.verde_lupa div a,.naranja_lupa div a,.verde_nueva div a,.verde_guardar div a{
	margin-left:40px;

}

.verde div a,.verde_lupa div a,.verde_nueva div a,.verde_guardar div a{
	
background: url(../imagenes/flechas/nav_right.gif) no-repeat right bottom;
}

.naranja div a,.naranja_lupa div a{
background: url(../imagenes/flechas/nav_right_naranja.gif) no-repeat right bottom;
}
.verde_oscuro div a,.verde_oscuro div a{
background: url(../imagenes/flechas/nav_right_verde_oscuro.gif) no-repeat right bottom;
}
.azul div a,.azul div a{
background: url(../imagenes/flechas/nav_right_azul.gif) no-repeat right bottom;
}
.magenta div a{
background: url(../imagenes/flechas/nav_right_magenta.gif) no-repeat right bottom;
}
.morado div a{
background: url(../imagenes/flechas/nav_right_morado.gif) no-repeat right bottom;
}

.boton div a:hover, .boton div a:active {
	color: #000000;
	
	text-decoration: none;
}

.boton div a span{
	display: block;
	padding-right:25px;
	position:relative;
	top:2px;	
}

.boton div button span {
	display: block;
	padding-right:25px;
	position:relative;
	top:2px;
	font-weight: bold;
	font-size: 12px;
}


/* Active navigation */
.verde div.active a,.verde_lupa div.active a,.verde_nueva div.active a,.verde_guardar div.active a {
	color: #FFFFFF;
	background: url(../imagenes/flechas/nav_right.gif) no-repeat right bottom;
}
.verde div.active button {
	color: #FFFFFF;
	background: url(../imagenes/flechas/nav_right.gif) no-repeat right bottom;
	border: none;
	padding: 0;
	cursor: pointer;
}

.naranja div.active a,.naranja_lupa div.active a {
	color: #FFFFFF;
	background: url(../imagenes/flechas/nav_right_naranja.gif) no-repeat right bottom;
}
.verde_oscuro div.active a,.verde_oscuro div.active a {
	color: #FFFFFF;
	background: url(../imagenes/flechas/nav_right_verde_oscuro.gif) no-repeat right bottom;
}
.azul div.active a,.azul div.active a {
	color: #FFFFFF;
	background: url(../imagenes/flechas/nav_right_azul.gif) no-repeat right bottom;
}
.magenta div.active a {
	color: #FFFFFF;
	background: url(../imagenes/flechas/nav_right_magenta.gif) no-repeat right bottom;
}
.morado div.active a {
	color: #FFFFFF;
	background: url(../imagenes/flechas/nav_right_morado.gif) no-repeat right bottom;
}
.verde div.active a:hover,.verde_lupa div.active a:hover {
	color: #EAF2CE;
	background: url(../imagenes/flechas/nav_right.gif) no-repeat right bottom;
}
.verde div.active a:hover, .verde div.active button:hover {
	padding-right:10px;
	color: #EAF2CE;
}
.verde_lupa div.active a:hover {
	padding-right:10px;
}
.verde_nueva div.active a:hover {
	padding-right:10px;
}
.verde_guardar div.active a:hover {
	padding-right:10px;
}
.naranja div.active a:hover {
	padding-right:10px;
}
.verde_oscuro div.active a:hover {
	padding-right:10px;
}
.azul div.active a:hover {
	padding-right:10px;
}
.naranja_lupa div.active a:hover {
	padding-right:10px;
}
.magenta div.active a:hover {
	padding-right:10px;
}
.morado div.active a:hover {
	padding-right:10px;
}
.naranja div.active a:hover,.naranja_lupa div.active a:hover {
	color: #F6E0D2;
	background: url(../imagenes/flechas/nav_right_naranja.gif) no-repeat right bottom;
}
.verde_oscuro div.active a:hover,.verde_oscuro_lupa div.active a:hover {
	color: #afdfac;
	background: url(../imagenes/flechas/nav_right_verde_oscuro.gif) no-repeat right bottom;
}
.azul div.active a:hover,.azul_lupa div.active a:hover {
	color: #c3e0ff;
	background: url(../imagenes/flechas/nav_right_azul.gif) no-repeat right bottom;
}
.magenta div.active a:hover {
	color: #F1D0E2;
	background: url(../imagenes/flechas/nav_right_magenta.gif) no-repeat right bottom;
}
.morado div.active a:hover {
	color: #D2BEE4;
	background: url(../imagenes/flechas/nav_right_morado.gif) no-repeat right bottom;
}


#form_votaciones label {
	position: relative;
}

label span.error {
	height: 14px;
	width: 16px;
	background: url(/js/Img_Tic_ko.png) 0 0 no-repeat;
	position: absolute;
	left: -15px;
	top: -2px;
}

/* JS TIPSY */

.tipsy { padding: 10px; font-size: 10px; /*opacity: 0.8; filter: alpha(opacity=80);*/ background-repeat: no-repeat;  background-image: url(/js/tipsy_10.gif); }
.tipsy-inner { padding: 8px 12px 8px 12px; background-color: black; color: white; max-width: 150px; text-align: center;}
.tipsy-inner { /*-moz-border-radius:3px; -webkit-border-radius:5px;*/ }
.tipsy-north { background-position: top center;}
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/*Boton volver*/
.volver a{width:83px;font-size:1.2em;position:absolute;right:0px;display:block;height:55px;text-decoration:none;font-weight:bold;text-align:right;padding-right:10px;color:#FFFFFF;background: url('../imagenes/volver.gif') -10px 0px no-repeat}
.volver a:hover{width:93px;background-position:0px -55px;color: #EAF2CE;}
.volver a span{display:block;margin-top:23px}