/* @override http://ugestor.com/xgerapli/uweb/base/gerapli/TIG.css */

/* @override http://ugestor.com/xgerapli/uweb/base/gerapli/TIG.css */

body{
	margin: 0;
}


* {
  margin: 0;
  padding: 0;
}

a {
       cursor: pointer;
       text-decoration: none;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
#div_loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('/gerapli/graficos/loading_granate1.gif')
                50% 50%
                no-repeat;
}

#options{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        background: url(/gerapli/graficos/icons/5231123.png) no-repeat 8px 10px;
        border-right-style: ridge;
        padding-right: 10px;
}



#cabecera{
        /*background-color: #3a4465;*/
        background-color: #6A7367;
	height: 50px;
	width: 100%;
	/*border-bottom: 2px solid #37415f;*/
        border-bottom: 2px solid #6A7367;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	left: 0;
	-webkit-box-shadow: 0px 2px 8px #000;
	-moz-box-shadow: 0px 2px 8px #000;
	box-shadow: 0px 2px 8px #000;
}

#logo{
	/*width: 537px;*/
        width: 1172px;
	height: 50px;
	background: url(imgs/logo.png) no-repeat 0;

}

#logout{
	float: right;
	position: relative;
	width: 25px;
	height: 25px;
	background: url(imgs/logout.png) no-repeat;
	left: 10px;
	bottom: 2px;
}

a#logoutbutt {
	opacity: 0.35;
	position: absolute;
	right: 15px;
	top: 19px;
}

a#logoutbutt:hover {
	opacity: 0.77;
}


#logoutimg{
	top: 5px;
	left: 4px;
	z-index: 4;
}

#text_userentrada {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
        top:25px;
        /*NUEVO*/
}

#olvido_password {
	visibility: hidden;
	width: 325px;
	height: 395px;
	background: #feffff no-repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
	margin: auto;
	position: relative;
        bottom: 154px; /*NUEVO*/
	z-index: 8;
}

#olvido_password  #div_send input#send{
	position: relative;
	top: 224px;
        /*NUEVO*/
}

#text_forgot {
        font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #5e5e5e;
	position: absolute;
	left: 30px;
	top: 20px;
        /*NUEVO*/
}

#emailentrada {
	padding: 5px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 245px;
        /*NUEVO*/
}

#userentrada2 {
	padding: 5px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 245px;
	top: 40px;
	position: relative;
	left: 2px;
        /*NUEVO*/
}

#text_emailentrada {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
	bottom: 15px;
        /*NUEVO*/
}


#text_userentrada2 {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
        top:25px;
        /*NUEVO*/
}

#login{
	background-image: url(imgs/brushed_alu.png);
	position: absolute;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
}

#form{
	width: 325px;
	height: 395px;
	background: #feffff no-repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
	margin: auto;
	position: relative;
	top: 50px;
        /*NUEVO*/
}

#send{
	background-image: url(imgs/send.png);
	width: 259px;
	height: 53px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 210px;
	z-index: 8;
	border-style: none;
	background-color: rgba(254,255,254,0);
	left: 35px;
        cursor:pointer;
        /*NUEVO*/
}

#send:hover{
	background-image: url(imgs/send.png);
	width: 259px;
	height: 53px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

	z-index: 8;
	opacity: 0.8;

}

#closewin{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	background: url(/gerapli/graficos/minicons/200.png) no-repeat;
	opacity: 0.4;
	top: 5px;
}

#userentrada {
	padding: 5px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 245px;
	top: 40px;
	position: relative;
	left: 2px;
}

#div_userentrada2 {
        top: 45px;
	position: relative;
        left: 35px;
        /*NUEVO*/
}

#text_login {
        /*NUEVO*/
	font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #5e5e5e;
	position: absolute;
	left: 30px;
	top: 20px;
}

#div_emailentrada {
	height: 35px;
	position: relative;
	top: 130px;
	left: 35px;
	width: 280px;
        /*NUEVO*/
}

#div_userentrada {
	top: 45px;
	position: relative;
        left: 35px; /*NUEVO*/
}

#div_olvipass {
	position: relative;
	top: 180px;
	padding-left: 35px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
        /*NUEVO*/
}

a#olvipass {
	color: #212121;
}

a#olvipass:hover {
	color: #929292;
}

#div_passentrada {
	height: 35px;
	position: relative;
	top: 130px;
	left: 35px;
	width: 280px;
        /*NUEVO*/
}

#text_passentrada {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
	bottom: 15px;
}

#passentrada {
	padding: 5px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 245px;
}

#piepag{
	height: 50px;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	z-index: 5;
	text-align: center;
	color: #a9a9a9;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	bottom: 0;
	right: 0;
}

#losttext{
	width: 120px;
	position: relative;
	color: #807f80;
	z-index: 5;
	top: 255px;
	left: 32px;
	font: 0.8em "Helvetica Neue", Helvetica;
}

#losttext a{
	width: 100px;
	position: relative;
	color: #807f80;
	z-index: 5;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	top: 255px;
	left: 32px;
	text-decoration: none;
}

#footertext{
	width: 260px;
	color: #c0c0c0;
	font-size: 11px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#divider{
	background-image: url(imgs/divider1.png);
	height: 10px;
	width: 980px;
	position: relative;
	opacity: 1;
}

#sharesto{
	float: right;
	position: relative;
	left: 25px;
	opacity: 0.51;
}



/* @group GAMC DANI CSS DESKTOP */




/* @group Desktop */


#mainframe{
	position: absolute;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	opacity: 1;
	background-color: #f8f8f8;
}

#menuizq{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	border-right-color: #37415f;
	border-right-width: 1px;
	z-index: 2;
}

#toplogo{
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: 25;
	/*border-bottom-color: #feffff;*/
	/*border-bottom-width: 2px;*/
	height: 120px;
}


#gertree{
	position: absolute;
	top: 0px;
	z-index: 1;
}



#botommenu{
	position: absolute;
	bottom: 0;
	height: 35px;
	width: 100%;
	background-color: #767676;
	background-image: url(imgs/fabric.png);
	z-index: 0;
	float: left;
}


#mainwindow{
	position: absolute;
	top: 0;
	right: 0;
	left: 250px;
	bottom: 0;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 8px #000;
	background-color: #feffff;
}


#titulowin{
	height: 25px;
	width: 100%;
	position: fixed;
	text-align: center;
	padding-top: 10px;
	color: #c0c0c0;
	border-bottom: 2px ridge #5e5e5e;
	background-color: #424242;
	font: bold 18px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-image: url(imgs/fabric.png);
	top: 0;
	clear: both;
	z-index: 5;
}

#fullbutt{
	width: 30px;
	height: 25px;
	float: right;
	background: url(imgs/fullscreen.png) no-repeat;
	position: relative;
	bottom: 2px;
	opacity: 0.25;
	border-style: none;
	right: 5px;
}

#fullbutt:hover{
	opacity: 0.4;
}

#slidemenu{
	float: left;
	width: 25px;
	opacity: 0.26;
	background: url(imgs/slidemenu.png) no-repeat;
	height: 17px;
	position: relative;
	left: 6px;
}

#slidemenu:hover{
	opacity: 0.40;
}

#buttonswin{
	width: 100%;
	height: 50px;
	background-color: #d5d5d5;
	border-bottom: 2px ridge #feffff;
	position: fixed;
	top: 37px;
	z-index: 8;
}

#retroceder{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	background: url(/gerapli/graficos/icons/arrow-one-left.png) no-repeat 8px 10px;
	border-right-style: ridge;
	padding-right: 10px;
}

#btnsup_defecto{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
        border-right-style: ridge;
        padding-right: 10px;
}

#refresh{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	background: url(/gerapli/graficos/icons/refresh.png) no-repeat 8px 10px;
	border-right-style: ridge;
	padding-right: 10px;
}

#nuevo{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/plus.png) no-repeat 10px 10px;
}

#filtrar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/filter-4.png) no-repeat 10px 10px;
}

#btnvista{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/22.png) no-repeat 10px 10px;
}

#configurar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/gear.png) no-repeat 10px 10px;
	
}

#modificar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/edit.png) no-repeat 10px 10px;
	
}

#copiar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/clipboard.png) no-repeat 10px 10px;

}

#aceptar{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/check-mark-icon.png) no-repeat 10px 10px;
}

#aceptarynuevo{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/clipboard-8-icon.png) no-repeat 10px 10px;
}

#eliminar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/x-mark.png) no-repeat 10px 10px;

}

#btnrestablecer{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/undo.png) no-repeat 10px 10px;

}

#importar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/import.png) no-repeat 10px 10px;
	
}



#pdf{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/pdf.png) no-repeat 10px 10px;

}

#excel{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/excel.png) no-repeat 10px 10px;

}

#acotada{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/acotada.png) no-repeat 10px 10px;

}

#noacotada{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/noacotada.png) no-repeat 10px 10px;

}

#sincronizar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/sync.png) no-repeat 10px 10px;

}

#graficas{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/pie-chart-2.png) no-repeat 10px 10px;

}

#agrupar{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/4071007.png) no-repeat 10px 10px;
}

#disponibilidad{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/4841084.png) no-repeat 10px 10px;
}

#visualizaicon{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/clipboard-icon.png) no-repeat 10px 10px;
}

#agruparbut{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}


#agruparwin{
	position: fixed;
	z-index: 25;
	width: 180px;
	float: left;
	top: 80px;
	visibility: hidden;
}

#vistawin{
        position: fixed;
        z-index: 25;
        width: 180px;
        float: left;
        top: 80px;
        visibility: hidden;
}

#optionswin{
	position: fixed;
	z-index: 25;
	width: 180px;
	float: left;
	top: 80px;
	visibility: hidden;
}

#definicion{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/database-3.png) no-repeat 10px 10px;

}

#pruebas{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/danger-4.png) no-repeat 10px 10px;

}

#ayuda{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/info-3.png) no-repeat 10px 10px;

}


#goinicio{
	width: 40px;
	height: 50px;
	position: relative;
	float: right;
	opacity: 0.5;
	border-left-style: ridge;
	background: url(/gerapli/graficos/icons/arrow-two-left.png) no-repeat 5px 10px;
}

#goback{
	width: 40px;
	height: 50px;
	position: relative;
	float: right;
	opacity: 0.5;
	border-left-style: ridge;
	background: url(/gerapli/graficos/icons/arrow-one-left.png) no-repeat 5px 10px;
}

#registrosblock{
	width: 80px;
	height: 50px;
	position: relative;
	float: right;
	opacity: 0.5;
	border-left-style: ridge;
	background-position: 10px 10px;
}

#gonext{
	width: 40px;
	height: 50px;
	position: relative;
	float: right;
	opacity: 0.5;
	border-left-style: ridge;
	background: url(/gerapli/graficos/icons/arrow-one.png) no-repeat 5px 10px;
}

#goend{
	width: 40px;
	height: 50px;
	position: relative;
	float: right;
	opacity: 0.5;
	border-left-style: ridge;
	background: url(/gerapli/graficos/icons/arrow-two.png) no-repeat 5px 10px;
}

#totalregistros {
	width: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	text-align: center;
	top: 2px;
	border-bottom: 1px solid #a9a9a9;
	color: #424242;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 6px;
}

#totalpaginas {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #212121;
	bottom: 5px;
}

#totalpags {
	position: relative;
	font-weight: bold;
}

#verticaldivider{
	font-size: 20px;
	color: #919191;
}

#numeropagina{
	font-weight: bold;
}

#buscarwin{
	width: 100%;
	/*border-top: 2px ridge #feffff;*/
	background-color: #feffff;
	z-index: 2;
}


#topcontainer {
	position: relative;
	display: block;
	top: 88px;
	z-index: 4;
	background-color: #ffffff;
}

#topcontainer_mto {
	position: absolute;
	display: block;
	top: 88px;
        overflow:auto;
	background-color: #EBEBEB;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
}

#topcontainer_mto_nobtn {
        position: fixed;
        display: block;
        top: 37px;
        /*background-color: #F5F5F5;*/
        background-color:#EBEBEB;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 15px;
        overflow-y:scroll;
}
/*
#formula{
	padding-bottom:10px;
	height: 25px;
	background-color: #feffff;
	clear: left;
        border-top: 1px solid #d5d5d5;
	padding-top: 9px;
	display: marker;
	position: relative;
	z-index: 5;
}
*/

#formula{
        padding-bottom:0px;
        height: 23px;
        background-color: #feffff;
        clear: left;
        border-top: 1px solid #d5d5d5;
        padding-top: 0px;
        display: marker;
        position: relative;
        z-index: 5;
}

/*
#formulaticker{
	width: 24px;
	height: 14px;
	position: relative;
	background: url(imgs/formulaticker.png) no-repeat;
	float: left;
	left: 10px;
	bottom: 18px;
}
*/

#formulaticker{
	width: 20px;
	height: 10px;
	position: relative;
	background: url(imgs/formulaticker.png) no-repeat;
	float: left;
	left: 10px;
	bottom: 10px;
}



#seleccionar_lista {
        width:20px;
        text-align: center;
        vertical-align:middle;
}

#icono_lista {
        width:20px;
        text-align: center;
}       vertical-align:middle;

#img_btn {
        width:20px;
        text-align: center;
        vertical-align:middle;
}


#cb {
        text-align: center;
        vertical-align:middle;
	position: relative;
}

#selectAll {
        vertical-align:middle;
	position: relative;
}

#lista_derecha {
        text-align: right;
}
#lista_centro {
        text-align: center;
}

#table_cabe td{
        padding-top:8px;
        padding-bottom:8px;
        padding-left:8px;
        padding-right:8px;
}
.ocultar {
        display:none;
}

#ayudawin{
	background-color: #212121;
	text-align: center;
	padding-bottom: 8px;
	position: absolute;
	width: 100%;
	top: 89px;
}

#ayudawintrick{
	clear: left;
	background-color: #fff;
	position: absolute;
	top: 89px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}


#ayudaminiaturas{
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0.5);
	float: right;
	position: relative;
	z-index: 2;
	padding-left: 25px;
	display: inline;
}

#youtubemini{
	float: left;
	padding: 2px;
	margin-left: 3px;
}


#miniyoutubeimg{
	float: left;
}

#descripcionminiyoutube{
	float: left;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #c0c0c0;
	position: relative;
	bottom: 2px;
}

#masvideos{
	opacity: 0.51;
	width: 50px;
	height: 100px;
	float: left;
	position: absolute;
	background: url(imgs/mas.png) no-repeat 0 0;
	left: 15px;
	top: 50px;
}

#youtube{
	padding: 8px;
	position: relative;
	display: none;
	/* visibility: hidden; */
}

#formulatexto {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	position: relative;
	/*top: 8px;*/
        top: 5px;
	color: #797979;
	right: 15px;
	float: left;
	margin-left: 16px;
}

#formulacancelar{
	width: 16px;
	height: 16px;
	z-index: 7;
	float: left;
	position: relative;
	/*top: 7px;*/
        top: 5px;
	right: 8px;
	opacity: 0.26;
        cursor:pointer;
	background: url(/gerapli/graficos/minicons/200x12.png) no-repeat 1px 2px;
}

#formulaagrupado {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	position: relative;
	/*top: 8px;*/
        top: 5px;
	color: #797979;
	right: 15px;
	float: left;
}

#formulaagrupadopor {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	position: relative;
	/*top: 8px;*/
        top: 5px;
	color: #797979;
	right: 15px;
	float: left;
	padding-left: 5px;
}



#no{
	width: 16px;
	height: 16px;
	background-image: url(/gerapli/graficos/graficosnew/dotred.png);
	float: right;
}

#yes{
	width: 16px;
	height: 16px;
	background-image: url(/gerapli/graficos/graficosnew/dotgreen.png);
	float: right;
}

#maybe{
	width: 16px;
	height: 16px;
	background-image: url(/gerapli/graficos/graficosnew/dotgrey.png);
	float: right;
}

#listaframe {
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 2;
	position: relative;
	float: left;
	background-color: #feffff;
}

.lista1{
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



.lista2{
	background-color: #f4f3f5;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.lista_total{
        background-color: #ffffff;
        font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.lista_encima{
	background-color: #e1f3ff;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

.lista_visitado{
        background-color: #cdf276;
        font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.lista_sel{
        background-color: #C1D3FD;
        font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#table_cabe {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
        border:0;
}

td.lista_cabecera {
	color: #feffff;

	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	background: rgb(181,189,200); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzgyOGM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
	padding-left: 8px;
	text-align: left;
	border-top-style: ridge;
	border-top-width: 2px;
}

td.lista_cabecera_btn {
        color: #feffff;
        background: rgb(181,189,200); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzgyOGM5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
        border-top-style: ridge;
        border-top-width: 2px;
}

.rela {
       cursor: pointer;
       text-decoration: none;
}

#clear{
	height: 10px;
	width: 100%;
	z-index: 2;
	clear: left;
}

#imagen_lista{
	float: left;
	width: 16px;
	height: 16px;
	opacity: 0.38;
	background: url(/gerapli/graficos/minicons/199x10.png) no-repeat 2px;
	padding-left: 3px;
	margin-left: 11px;
	margin-right: 9px;
}

#imagen_lista_min{
        float: left;
        width: 16px;
        height: 16px;
        opacity: 0.38;
        background: url(/gerapli/graficos/minicons/198x10.png) no-repeat 2px;
        padding-left: 3px;
        margin-left: 11px;
        margin-right: 9px;
}

#imagen_lista_gru_open{
        float: left;
        width: 16px;
        height: 16px;
        opacity: 0.38;
        background: url(/gerapli/graficos/minicons/38.png) no-repeat 2px;
        padding-left: 3px;
        margin-left: 11px;
        margin-right: 9px;
}

#imagen_lista_gru_close{
        float: left;
        width: 16px;
        height: 16px;
        opacity: 0.38;
        background: url(/gerapli/graficos/minicons/32.png) no-repeat 2px;
        padding-left: 3px;
        margin-left: 11px;
        margin-right: 9px;
}

#grupo {
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #444;
	padding-bottom: 4px;
	padding-top: 4px;
	border-top: 1px solid #eaeaea;
}

#table_cabe tbody tr {
}

#table_cabe tbody tr td.lista_cabecera img{
	position: relative;
	bottom: 2px;
	border-style: none;
}

#tabcontainer {
	position: relative;
	bottom: 48px;
}



#search{
	width: 32px;
	height: 32px;
	opacity: 0.5;
	background: url(/gerapli/graficos/icons/magnifier24.png) no-repeat 8px 6px;
	position: relative;
	float: left;
	left: 15px;
	bottom: 5px;
}

#searchfield {
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	position: relative;
	width: 266px;
	padding: 4px 4px 4px 0;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	color: #797979;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	bottom: 22px;
	left: 30px;
}

#searchfield:focus {

	outline: none;
}

#searchfield:hover{

	outline: none;
}

#restablecerbusqueda{
	width: 18px;
	height: 18px;
	float: left;
	opacity: 0.4;
	position: relative;
	z-index: 2;
	left: 254px;
	background: url(/gerapli/graficos/icons/close.png) -5px;
	top: 10px;
}

#closemenu {
	position: relative;
	top: 7px;
	right: 10px;
}

#logoemp {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: auto;
	position: relative;
	left: 70px;
	opacity: 1;
	color: #a9a9a9;
	top: 38px;
}

#usermenu {
	width: 35px;
	height: 30px;
	float: left;
	position: relative;
	left: 12px;
	background: url(imgs/person.png) no-repeat;
	opacity: 0.25;
	top: 5px;
}

#userwin{
	width: 160px;
	background-color: #feffff;
	position: absolute;
	bottom: 50px;
	left: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	visibility: hidden;
	z-index: 50;
}

#userwinmenu {
	margin: 0;
	padding-left: 0;
	border: 1px solid #424242;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
}

#userwinmenu li{
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 4px;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 8px;
	border-top: 1px solid #5e5e5e;
	background-color: #424242;
	text-decoration: none;
	color: #d5d5d5;
}

#userwinmenu li:hover{
	background-color: #797979;
	color: #eaeaea;
}


#vistawinmenu {
	margin: 0;
	padding-left: 0;
	border: 1px solid #424242;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.5);
}

#vistawinmenu li{
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 4px;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 8px;
	border-top: 1px solid #5e5e5e;
	background-color: #424242;
	text-decoration: none;
	color: #d5d5d5;
}

#vistawinmenu li:hover{
	background-color: #797979;
	color: #eaeaea;
}



li#userwinmenulast {
        background-color: #797979;
}

#ticker{
	background-image: url(/gerapli/graficos/icons/ticker.png);
	position: absolute;
	bottom: -12px;
	width: 16px;
	height: 12px;
	left: 10px;
}

#ticker2{
	background-image: url(/gerapli/graficos/icons/ticker2.png);
	position: relative;
	width: 16px;
	height: 12px;
	left: 10px;
	top: 2px;
	visibility: hidden;
}

#ticker3{
        background-image: url(/gerapli/graficos/icons/ticker2.png);
        position: relative;
        width: 16px;
        height: 12px;
        left: 10px;
        top: 2px;
        visibility: hidden;
}

#date {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FEFEFE;
	float: right;
	position: relative;
	top: 12px;
	right: 8px;
        /*NUEVO*/
}

/* @end */

/* @group Nav tree */


#folderSpan{
	float: right;
	position: relative;
	font: bold 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 18px;
	height: 18px;
	color: #d5d5d5;
	text-align: center;
	bottom: 10px;
}

.topnav {
	width: 249px;
	padding: 40px 28px 25px 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



ul.topnav {
	padding: 0;
	margin: 0;
	list-style: none;
	position: fixed;
	/*top: 137px;*/
        top:86px;
	bottom: 35px;
	overflow: scroll;
	font-size: 0.9em;
        /*NUEVO*/
}

ul.topnav li {
	position: relative;
}

ul.topnav li a {
	color: #5e5e5e;
	display: block;
	text-decoration: none;
	border-top: 1px solid #feffff;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	padding: 10px 5px 10px 8px;
	font: bold 1em/1em Helvetica, Arial, Geneva, sans-serif;
}

ul.topnav li a:hover {
	background-color: #e7e6e8;
	color: #424242;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
	position: relative;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	opacity: 1;
	clear: left;
}

ul.topnav ul li a {
	padding-left: 20px;
	outline:0;
}

ul.topnav ul li a:hover {
	background-color: #eaeaea;
	color:#675C7C;
}

ul.topnav ul ul li a {
	color: #929292;
	padding-left: 40px;
}


ul.topnav ul ul li a:hover {
	background-color: #feffff;
	color:#675C7C;
}


ul.topnav ul ul ul li a {
	color: #929292;
	padding-left: 60px;
}


ul.topnav ul ul ul li a:hover {
	background-color: #feffff;
	color:#675C7C;
}


ul.topnav ul ul ul ul li a {
	color: #929292;
	padding-left: 80px;
}


ul.topnav ul ul ul ul li a:hover {
	background-color: #feffff;
	color:#675C7C;
}


ul.topnav span#signs{
	font: 0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 18px;
	height: 22px;
	text-align: center;
	background: url(/gerapli/graficos/minicons/folder-4.png) no-repeat 0;
	right: 4px;
	opacity: 0.5;
	float: left;
	bottom: 6px;
	position: relative;
}

ul.topnav li ul li a span#signs{
	font: 0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 22px;
	text-align: center;
	background: url(/gerapli/graficos/minicons/folder-4.png) no-repeat 0;
	right: 4px;
	opacity: 0.5;
	float: left;
	bottom: 3px;
	position: relative;
	width: 18px;
}


li.active{
	 /*background-color: rgba(212,251,120,0.5);*/
         background-color: #D7D5D7;
}

/* @end */

/* @group pop */


#line{
width:100%;
height:1px;
background-color: #d5d5d5;
	position: fixed;
	top: 0;
}

#campos{
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	width: 300px;
	float: left;
}


#edit{
	width: 32px;
	height: 32px;
	opacity: 0.5;
	background: url(/gerapli/graficos/icons/edit-4.png) no-repeat;
	position: relative;
	left: 18px;
	float: left;
}


#campo {
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	position: relative;
	width: 210px;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	color: #797979;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	left: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
	bottom: 3px;
	background-color: rgba(254,255,254,0);
	float: left;
	padding-top: 4px;
	padding-left: 0;
	padding-right: 20px;
}

#campo:focus {

	outline: none;
	border-bottom-color: #40b5e2;
}

#campo:hover{

	outline: none;
}


#campobig {
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	position: relative;
	width: 80%;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	color: #797979;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	left: 20px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	bottom: 3px;
	padding: 4px 20px 4px 0;
	background-color: rgba(254,255,254,0);
}

#campobig:focus {

	outline: none;
	border-bottom-color: #40b5e2;
}

#campobig:hover{

	outline: none;
}


#campo1 {
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	position: relative;
	width: 20px;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	color: #797979;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	left: 20px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	bottom: 3px;
	padding: 4px 20px 4px 0;
	background-color: rgba(254,255,254,0);
}

#campo1:focus {

	outline: none;
	border-bottom-color: #40b5e2;
}

#campo1:hover{

	outline: none;
}

#campo2 {
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	position: relative;
	width: 30px;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	color: #797979;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	left: 20px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	bottom: 3px;
	padding: 4px 20px 4px 0;
	background-color: rgba(254,255,254,0);
}

#campo2:focus {

	outline: none;
	border-bottom-color: #40b5e2;
}

#campo2:hover{

	outline: none;
}

#campo3 {
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	position: relative;
	width: 40px;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	color: #797979;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	left: 20px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	bottom: 3px;
	padding: 4px 20px 4px 0;
	background-color: rgba(254,255,254,0);
}

#campo3:focus {

	outline: none;
	border-bottom-color: #40b5e2;
}

#campo3:hover{

	outline: none;
}


#campo4 {
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	position: relative;
	width: 55px;
	border-bottom-color: #c0c0c0;
	border-bottom-width: 1px;
	color: #797979;
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	left: 20px;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	bottom: 3px;
	padding: 4px 20px 4px 0;
	background-color: rgba(254,255,254,0);
}

#campo4:focus {

	outline: none;
	border-bottom-color: #40b5e2;
}

#campo4:hover{

	outline: none;
}

#restablecer{
	width: 18px;
	height: 18px;
	float: left;
	opacity: 0.4;
	position: relative;
	z-index: 2;
	background: url(/gerapli/graficos/icons/close.png) -5px;
	top: 4px;
	left: 4px;
}

#onofftitulo{
	font: bold 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #797979;
	width: 200px;
	float: left;
	position: relative;
	top: 8px;
	left: 20px;
	padding-right: 25px;
}

#savecancel{
	text-align: center;
	width: 100%;
	height: 35px;
	margin-top: 25px;
}

#savecancelcontainer{

	height: 35px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-top-color: #eaeaea;
}
#guardar{
	width: 50%;
	height: 35px;
	z-index: 8;
	position: relative;
	float: right;
	opacity: 0.51;
	background: #feffff url(/gerapli/graficos/icons/check-mark-7-24.png) no-repeat 50% 5px;
}

#guardar:hover{
	opacity: 0.75;
	background: #d4fb78 url(/gerapli/graficos/icons/check-mark-7-24white.png) no-repeat 50% 5px;
}

#verticaldiv{
	width: 1px;
	height: 35px;
	float: right;
	position: relative;
	background-color: #eaeaea;
}
#cancelar{
	width: 50%;
	height: 35px;
	z-index: 8;
	position: relative;
	float: right;
	opacity: 0.51;
	background: #feffff url(/gerapli/graficos/icons/x-mark24.png) no-repeat 50% 5px;
}

#cancelar:hover{
	opacity: 0.75;
	background: rgba(255,125,120,0.73) url(/gerapli/graficos/icons/x-mark24white.png) no-repeat 50% 5px;
}



/* @end */





/* @group dropdownmenu */
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.part p {
  clear: left;
  margin-bottom: 1.5em;
}

.gist {
  font-weight: normal;
  text-shadow: none;
}
  .gist a {
    color: #556270!important
  }
  .gist-file {
    border: none!important;
  }
  .gist-meta {
    background-color: transparent!important;
    font-size: 10px!important;
  }
  .gist-data {
    background-color: transparent!important
  }
  .gist-highlight .line {
    color: #999!important;
  }
  .gist-highlight .nt,
  .gist-highlight .na {
    color: #556270!important;
  }
  .gist-highlight .s {
    color: #C44D58!important;
  }
  .gist-highlight .nx {
    color: #3B2D38!important;
  }





.dropdown {
  background-color: rgba(255, 255, 255, .5);
	padding: 10px 10px 10px 50px;
	position: relative;
	top: 5px;
}
  .example .gist-data {
    font-size: 12px!important;
  }

fieldset {
  border: none;
	height: 30px;
}
  fieldset legend {
    font-size: 14px;
    font-weight: bold;
  }

.how_to_use p {
  margin-bottom: 18px;
}

h1 {
  font-family: "Corben", Helvetica, Arial, sans-serif;
}
h1 span,
h2 {
  font-family: 'Helvetica', arial, serif;
}

h1,
h2 {
  margin-bottom: 0;
  padding: 0;
}

h2 {
  color: #556270;
  font-size: 18px;
  margin-bottom: 18px;
}

h1 span {
  display: block;
  font-size: 16px;
}

.dk_container {
  margin-right: 10px;
}

.dk_container {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  background: -moz-linear-gradient(top, #fff, #f5f5f5);
  background: -o-linear-gradient(top, #fff, #f5f5f5);
  background-color: #f5f5f5;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 18px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    text-decoration: none;
  }

/* Opens the dropdown and holds the menu label */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url(imgs/dk_arrows.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  border: 1px solid #ccc;
  color: #333;
  padding: 7px 45px 7px 10px;
  text-shadow: #fff 1px 1px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }
  /* Applied when the dropdown is focused */
  .dk_focus .dk_toggle {
    border-color: #40b5e2;
  }
  .dk_focus .dk_toggle {
    box-shadow: 0 0 5px #40b5e2;
    -moz-box-shadow: 0 0 5px #40b5e2;
    -webkit-box-shadow: 0 0 5px #40b5e2;
  }

/* Applied whenever the dropdown is open */
.dk_open {
  box-shadow: 0 0 5px #40b5e2;
  -moz-box-shadow: 0 0 5px #40b5e2;
  -webkit-box-shadow: 0 0 5px #40b5e2;
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 1500;
	position: relative;
}
  .dk_open .dk_toggle {
    background-color: #ececec;
    border-color: #8c8c8c;
    color: #ccc;
    box-shadow: inset 0 -2px 5px #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
  }

/* The outer container of the options */
.dk_options {
  box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #999;
    font-weight: bold;
    padding: 8px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
    background-color: #0084c7;
    border-bottom-color: #004c72;
    color: #fff;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
  }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #8c8c8e;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  max-height: 250px;
  text-shadow: #fff 0 1px 0;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
  display: none;
  float: left;
  position: relative;
}
  .dk_container a {
    outline: 0;
  }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
  .dk_open .dk_options {
    display: block;
  }
  .dk_open .dk_label {
    color: inherit;
  }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }
  .dk_options_inner {
    overflow: auto;
    position: relative;
  }

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}
/*
.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}
*/
div.example {
}


/* @end */


/* @group Drag & Drop Upload */

.files { background-color: #eee; width:190px; height:30px; float:left; margin: 0 5px 5px 0; padding:2px; font-size:10px;}
.progress { width: 0%; background-color:#03C; height:4px; margin-top:5px;}

.up {
	padding: 25px;
	height: 260px;
	width: 260px;
}


.up2 {
	padding: 0px;
	height: 75px;
	width: 240px;
	position: absolute;
	top: 5px;
	left: 2px;
}

#upload {
	border: 2px dotted #6f6e6f;
	
	
	background: url(/gerapli/graficos/icons/upload-10.png) no-repeat 50% 50%;
	opacity: 0.26;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	height: 100%;
}

#upload:hover {
	border: 2px dotted #d5d5d5;
	
	background: #f9f9f9 url(/gerapli/graficos/icons/upload-10.png) no-repeat 50% 50%;
	opacity: 0.51;
}


#uploaded {
	border: 1px solid #ddd;  padding:10px; position:absolute; top: 25px; overflow-y:auto;
	left: 300px;
	height: 242px;
	right: 25px;
	visibility: hidden;
}

.tabla_buscar td{
        padding-top:4px;
        padding-bottom:4px;
}

#noti_subtitulo {
   font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
   color: #5e5e5e;
}
a#noti_subtitulo {
   color: #5e5e5e;
}
a#noti_subtitulo:hover {
   color: #000000;
}








#text_error {
   font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
   color:#ff0000;
}

#text_alerta {
   font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}





#cc_div_userentrada {
	top: 45px;
	position: relative;
        left: 35px; /*NUEVO*/
}
#cc_div_passentrada {
	height: 30px;
	position: relative;
	top: 90px;
	left: 35px;
	width: 280px;
        /*NUEVO*/
}
#cc_div_passnew {
	height: 30px;
	position: relative;
	top: 120px;
	left: 35px;
	width: 280px;
        /*NUEVO*/
}
#cc_div_passnewrepe {
        height: 30px;
        position: relative;
        top: 150px;
        left: 35px;
        width: 280px;
        /*NUEVO*/
}
#cc_text_userentrada {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
        top:25px;
        /*NUEVO*/
}
#cc_userentrada {
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
        top:32px;
        /*NUEVO*/
}
#cc_text_passentrada {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	position: relative;
	bottom: 5px;
}

#cc_passentrada {
	padding: 5px;
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 245px;
}
#cc_text_passnew {
        font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
        position: relative;
        bottom: 5px;
}

#cc_passnew {
        padding: 5px;
        font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        width: 245px;
}
#cc_text_passnewrepe {
        font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
        position: relative;
        bottom: 5px;
}

#cc_passnewrepe {
        padding: 5px;
        font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        width: 245px;
}

#cc_div_send input#send{
	position: relative;
	top: 186px;
        /*NUEVO*/
}











/* Estilos nuevos GerDocu */
#btn_carpetas{
	width: 40px;
	height: 50px;
	position: relative;
	float: left;
	opacity: 0.5;
	border-right-style: ridge;
	padding-right: 10px;
	background: url(/gerapli/graficos/icons/folder-4-icon.png) no-repeat 10px 10px;
}
#btn_arbol{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/details-small-view-icon_arb.png) no-repeat 10px 10px;
}
#btn_documental{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/clipboard-7-icon.png) no-repeat 10px 10px;
}

#btn_newcarpeta{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/4221022.png) no-repeat 10px 10px;
}

#btn_newfichero{
        width: 40px;
        height: 50px;
        position: relative;
        float: left;
        opacity: 0.5;
        border-right-style: ridge;
        padding-right: 10px;
        background: url(/gerapli/graficos/icons/4251025.png) no-repeat 10px 10px;
}

#gidocu_ico{
        width: 90px;
        height: 120px;
        position:relative;
        float: left;
        margin-top:5px;
        margin-bottom:0px;
        margin-left:5px;
        margin-right:5px;
}
#gidocu_des{
        width:90px;
        height:55px;
        overflow:hidden;
        font-family:Verdana;
        font-size:8pt;
        text-align:center;
}
#gidocu_icoizq{
        width: 70px;
        height: 80px;
        position: relative;
        float: left;
        cursor:pointer;
}
#gidocu_icoder{
        width: 20px;
        height: 80px;
        position: relative;
        float: right;
        background: url(/gerapli/graficos/gidocu_edit.png) no-repeat 0px 0px;
        cursor:pointer;
}
#gidocu_pdf{
	width: 90px;
	height: 80px;
	position: relative;
	float: left;
	background: url(/gerapli/graficos/gidocu_pdf.png) no-repeat 10px 10px;
}

#gidocu_doc{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_doc.png) no-repeat 10px 10px;
}
#gidocu_docx{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_docx.png) no-repeat 10px 10px;
}
#gidocu_gif{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_gif.png) no-repeat 10px 10px;
}
#gidocu_jpg{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_jpg.png) no-repeat 10px 10px;
}
#gidocu_pps{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_pps.png) no-repeat 10px 10px;
}
#gidocu_ppt{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_ppt.png) no-repeat 10px 10px;
}
#gidocu_pptx{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_pptx.png) no-repeat 10px 10px;
}
#gidocu_txt{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_txt.png) no-repeat 10px 10px;
}
#gidocu_xls{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_xls.png) no-repeat 10px 10px;
}
#gidocu_xlsx{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_xlsx.png) no-repeat 10px 10px;
}
#gidocu_zip{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_zip.png) no-repeat 10px 10px;
}
#gidocu_tif{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_tif.png) no-repeat 10px 10px;
}
#gidocu_tiff{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_tiff.png) no-repeat 10px 10px;
}
#gidocu_defecto{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_defecto.png) no-repeat 10px 10px;
}
#gidocu_carpeta{
        width: 90px;
        height: 80px;
        position: relative;
        float: left;
        background: url(/gerapli/graficos/gidocu_carpeta.png) no-repeat 10px 10px;
}


#table_legend {
        margin-left:10px;
}

.text_legend {
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



/* @end */



/* @end */