/* GENERAL
----------------------------------------------------------------------------------------------------*/

.align_cen{
    text-align: center;
    vertical-align: middle;
}

.align_izq{
    text-align: left;
    vertical-align: middle;
}

/* DIV
----------------------------------------------------------------------------------------------------*/

div.div1{
    /*padding-top: 10px;*/
    /*margin-bottom: 10px;
    margin-right: 15px;*/
    margin: 10px 15px 10px 10px;
}

div.gris-1{
    background: #f5f5f5;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #ccc;
    /*box-shadow: 1px 1px 4px 1px #E2EDE2;*/
}

div.claro-1{
    background: #fff;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #ccc;
    /*box-shadow: 1px 1px 4px 1px #E2EDE2;*/
}

div.module_content
{
    background: white;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 4px 1px #E2EDE2;
}

div.div2{
    width: 100%;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

div.div3{
    margin: 10px 0px 10px 0px;
}

div.casilla{
    float: left;
    padding-right: 10px;
}

div.div4{
    margin: 10px 15px 10px 0px;
}

div.div5{
    border-top: 1px solid #f1f1f1;
    padding: 5px;
}

div.div5.actual{
    background: #ffffd6;
}

div.sep1{
    width: 100%;
    border-bottom: 1px solid #eee;
}

div.modulo1{
    /*border: 1px solid #9BA0AF;*/
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    /*background: #ffffff;*/
}

div.modulo2{
    /*margin: 0 0 0 0;*/
    padding-left: 1%;
}

div.login{
    width: 300px;
    margin: auto;
    padding-top: 10%;
}

.f_derecha{
    float: right;
}

div.pf_mini{
    /*float: left;*/
    text-align: center;
    border: #DDD 1px solid;
    padding-top: 7px;
    padding-bottom: 7px;
}

div.pf_mini:hover{
    /*border: #AAA solid 1px;
    background: #FDFDFD;*/
}

div.pf_img_mini{
    /*border: blue solid 1px;*/
    width: 220px;
    float: left;
}

div.pf_datos{
    /*border: 1px solid red;*/
    /*min-width: 260px;*/
    float: left;
    text-align: left;
}

div.clear{
    clear: both;
}

.columna{
    /*min-height: 1200px;*/
}

.columna_menu{
    height: 95%;
}

hr.hr1{
    border-bottom: 1px solid #eee;
    border-top: 0px;
    margin-top: 5px;
}

hr{
    border-bottom: 1px solid #eee;
    border-top: 0px;
    margin-top: 10px;
}

/* NAVEGACIÓN
----------------------------------------------------------------------------------------------------*/

nav.nav2{
    /*border: 1px solid red;*/
}

nav.nav2 a{
    cursor: pointer;
    color: #89cb4f;
    display: inline-block;
    border: 1px solid #dedede;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    line-height: 2em;
    background: #fff;
    margin-bottom: 3px;
}

nav.nav2 a:hover{
    text-decoration: none;
    background: #89cb4f;
    color: white;
    border: 1px solid #89cb4f;
}

nav.nav2 a.actual{
    border: 1px solid #89cb4f;
    background: #89cb4f;
    color: white;
}

/* ANCHO de OBJETOS
----------------------------------------------------------------------------------------------------*/

.w1{
    width: 25px;
}

.w2{
    width: 50px;
}

.w3{
    width: 100px;
}

.w4{
    width: 150px;
}

.w5{
    width: 200px;
}

/* FORMULARIOS
----------------------------------------------------------------------------------------------------*/

.form1{
    
}

.form1 label{
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
    margin-top: 8px;
}

.form1 select{
    width: 100%;
    height: 32px;
    /*margin-top: 8px;*/
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 5px;
}

.form1 textarea{
    width: 99.5%;
    /*margin-top: 8px;*/
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 5px;
}

input.input1{
    width: 100%;
    height: 30px;
    /*margin-top: 8px;*/
    padding-left: 5px;
    border: solid 1px #cccccc;
    border-radius: 3px;
}

input.i-texto1{
    width: 100%;
    height: 30px;
    margin-top: 8px;
    padding-left: 3px;
    border: solid 1px #cccccc;
    border-radius: 3px;
}

select.select-1{
    width: 100%;
    height: 30px;
    border-radius: 3px;
    padding-left: 5px;
}

label.label1_eliminar{
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
    margin-top: 8px;
}

textarea.textarea1{
    width: 100%;
    margin-top: 8px;
}

/* RANGOS DE VALORES
---------------------------------------------------------------------------------------------------*/


.rango_bajo{
    color: #7B040F;
    background: #F3D9D9;
    border: 1px solid #D20009;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
}

.rango_medio_bajo{
    color: #796616;
    background: #ffd94c;
    border: 1px solid #C7A20D;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
}

.rango_medio_alto{
    color: #796616;
    background: #F5F3BA;
    border: 1px solid #C7A20D;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
}

.rango_alto{
    color: #32510F;
    background: #E2F6C5;
    border: 1px solid #79C20D;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
}

/* TABLAS
---------------------------------------------------------------------------------------------------*/

.tablesorter {
    width: 100%;
    margin: -5px 0 0 0;
    border: 1px solid #e1e1e1;
}

.tablesorter thead th {
    color: white;
    height: 30px;
    background: #89cb4e;
    text-align: left;
    text-indent: 10px;
    /*cursor: pointer;*/
    /*padding: 8px;*/
}

.tablesorter td{
    margin: 0;
    padding: 8px 10px;
}

.tablesorter tr
{
    border-bottom: 1px solid #f1f1f1;
    background: white;
}

.tablesorter tr:hover{
    background: #f9f9f9;
}


.tablesorter input[type=image] {
margin-right: 10px;}

/*Adicionales tablesorter*/
.tablesorter tfoot{
    background: #89cb4e;
    color: #d33535;
}

.tablesorter td.total{
    color: red;
}

td.opcion{
    color: #777;
}

td.opcion:hover{
    background: #ffffd6;
    text-decoration: none;
}

.seleccionado{
    background: #ffffd6;
    color: white;
}

.no_leido{
    background: #ebf3fa;
}

tr.tr_roja{
    background: #f4cccc;
}

tr.tr_verde{
    background: #d9ead3;
}

.opciones_pregunta{
    width: 100%;
    border: 1px solid #eee;
}

.opciones_pregunta td{
    padding: 0.2em;
}

table.table_profile{
    border: none;
}

table.table_profile td {
    padding-right: 20px;
}


table.tabla-transparente {
    border: 0px;
    border-collapse: collapse;
}

table.tabla-transparente td {
    border: 0px;
    padding: 4px 10px 0px 0px;
    vertical-align: middle;
}

table.tabla-transparente th {
    text-align: center;
    padding: 5px 10px 5px 10px;
}



/* BOTONES
---------------------------------------------------------------------------------------------------*/

/* tomado de: http://www.webdesignerwall.com/demo/css-buttons.html*/

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


/* LISTAS
----------------------------------------------------------------------------------------------------*/

ul.ul1{
    padding-left: 16px;
    list-style: none;
    //list-style-image: url(../media/images/app/ui-button-navigation.png);
}

ul.ul1 li{
    margin-bottom: 1px;
}

/* VÍNCULOS
----------------------------------------------------------------------------------------------------*/

a.neutro{
    color: #666;
}

a.neutro:hover{
    color: #666;
}

.num_opcion{
    cursor: pointer;
    cursor: hand;
    color: #777;
    display: inline-table;
    border: 1px solid #ebebeb;
    padding-left: 2px;
    padding-right: 2px;
    width: 26px;
    text-align: center;
    margin-bottom: 2px;
}

.num_opcion:hover{
    background: #89cb4f;
    color: white;
    text-decoration: none;
}

.num_opcion.actual{
    background: #89cb4f;
    color: white;
    border: 1px solid #89cb4f;
}

.num_opcion.marcado{
    background: #428bca;
    color: white;
    border: 1px solid #428bca;
}

a.discreto{
    font-size: 0.8em;
}

a.discreto:hover{
    text-decoration: none;
}

.a2{
    cursor: pointer;
    /*cursor: hand;*/
    color: #89cb4f;
    display: inline-block;
    border: 1px solid #dedede;
    /*border: 1px solid red;*/
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    line-height: 2em;
    background: #fff;
    margin-bottom: 3px;
}

.a2:hover{
    text-decoration: none;
    background: #89cb4f;
    color: white;
    border: 1px solid #89cb4f;
}

.a2.actual{
    border: 1px solid #89cb4f;
    background: #89cb4f;
    color: white;
}

.a3{
    cursor: pointer;
    color: #777;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    line-height: 2.3em;
    background: white;
    display: block;
}

.a3:hover{
    text-decoration: none;
    color: white;
    background: #89cb4e;
}

.a3.actual{
    background: #89cb4f;
    color: white;
}

.a4{
    display: inline-block;
    border: #ccc 1px solid;
    background: #f3f3f3;
    cursor: pointer;
    height: 20px;
    width: 20px;
    text-align: center;
    color: #888;
}

.a4:hover{
    border-color: #999;
    background: #f1f1f1;
}

.a5{
    cursor: pointer;
    color: #428bca;
    display: inline-block;
    width: 90%;
    padding-left: 5px;
}

.a5:hover{
    background: #d5eeff;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #666;
}

.a6{
    color: #555;
    display: block;
    border-top: 1px solid #f1f1f1;
    padding: 5px;
}

.a6:hover{
    background: #d2e3f2;
}

.a6.actual{
    font-weight: bold;
    background: #d2e3f2;
}

/* PAGINACIÓN
----------------------------------------------------------------------------------------------------*/

div.paginacion{
    display: inline-block;
    width: 20px;
    margin-left: 15px;
    /*float: left;*/
}

div.paginacion a{
    width: 20px;
    text-align: center;
    display: inline-table;
    margin: 2px;
    background: white;
}

div.paginacion a:visited, div.paginacion a:link{
    color: #999;
    text-decoration: none;
    border: #a2d02e 1px solid;
    padding: 5px;
    border: 1px solid #ebebeb;
}

div.paginacion a:hover{
    text-decoration: none;
    background: #89cb4f;
    color: white;
    border: 1px solid #89cb4f;
}

div.paginacion span{
    width: 20px;
    text-align: center;
    display: inline-table;
    color: white;
    text-decoration: none;
    border: #a2d02e 1px solid;
    padding: 5px;
    border: 1px solid #89cb4f;
    margin: 2px;
    background: #89cb4f;
}

/* TEXTO
----------------------------------------------------------------------------------------------------*/

p.p1 {
    line-height: 1.6em;
}

p.descripcion {
    color: #888;
    margin-top: 5px;
    margin-bottom: 0px;
}

p.estadistica{
    font-size: 26px;
    font-weight: bold;
    color: #333333;
}

.resaltar{
    font-weight: bold;
    color: #da4631;
}

.correcto{
    font-weight: bold;
    color: #89cb4f;
}

span.suave{
    color: #aaa;
}

.rojo{
    color: #D74A38;
    /*color: #FF8100;*/
}

span.h-campo{
    font-weight: bold;
    color: #222;
}

.menor{
    font-size: 0.8em;
}

.etiqueta{
    display: inline-block;
    color: white;
    padding: 0px 5px 0px 5px;
    text-align: center;
    border-radius: 3px;
    font-weight: bold;
}

.etiqueta:hover{
    color: white;
}

.primario{
    background: #e5789b;
}

.informacion{
    background: #428bca;
}

.exito{
    background: #89cb4e;
}

.alerta{
    background: #ef6161;
}

.nivel{
    background: #ffba02;
}

.neutro{
    background: #666;
}



/* MENSAJES
----------------------------------------------------------------------------------------------------*/

.removible{
    display: inline-block;
    padding: 0px 5px 0px 5px;
    text-align: center;
    border-radius: 2px;
    background: #d2e3f2;
    border: 1px solid #428bca;
    margin-top: 2px;
}


/* DROPDOWN
----------------------------------------------------------------------------------------------------*/

ul.dropdown{
    display: none;
    border: 1px solid red;
    display: inline-block;
}

/* ALERTAS
----------------------------------------------------------------------------------------------------*/

h4.alert_info {
    display: block;
    width: 100%;
    background: #B5E5EF url(../../media/images/admin/icn_alert_info.png) no-repeat;
    background-position: 10px 10px;
    color: #082B33;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

h4.alert_warning {
    display: block;
    width: 100%;
    background: #F5F3BA url(../../media/images/admin/icn_alert_warning.png) no-repeat;
    background-position: 10px 10px;
    color: #796616;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

h4.alert_error {
    display: block;
    width: 100%;
    background: #F3D9D9 url(../../media/images/admin/icn_alert_error.png) no-repeat;
    background-position: 10px 10px;
    color: #7B040F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

h4.alert_success {
    display: block;
    width: 100%;
    background: #E2F6C5 url(../../media/images/admin/icn_alert_success.png) no-repeat;
    background-position: 10px 10px;
    color: #32510F;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
}

/* IMÁGENES
----------------------------------------------------------------------------------------------------*/

img.pf{
    border: 1px solid gray;
}

/* TABLAS
----------------------------------------------------------------------------------------------------*/

tr.total{
    background: #f3f3f5;
    font-weight: bold;
}

/* FLIPBOOKS
----------------------------------------------------------------------------------------------------*/

#flipbook{
	width:400px;
	height:256px;
	margin: 24px auto;
}

#flipbook .turn-page{
	background-color:#ccc;
	background-size:100% 100%;
}

#flipbook .odd .gradient{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

#flipbook .even .gradient{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

#ELToolBar{
	position: absolute;
	top: 33px;
	left: 16px;
	border: #CCC;
	padding: 8px;
	background: #FFF;
	-webkit-box-shadow:  2px 2px 2px 2px rgba(128, 128, 128, 0.5);
	box-shadow:  2px 2px 2px 2px rgba(128, 128, 128, 0.5);
}

#ELToolBar a img{
	border: none;
}

#ELToolBar img{
	display: block;
	padding: 4px;
	margin-bottom: 8px;
	border: 1px solid #FFF;
}

#ELToolBar img:hover{
	border: 1px solid #CCC;
	cursor: pointer;
}

#ELToolBar img:last-of-type{
	display: block;
	margin-bottom: 0px;
}

#notepad{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 316px;
	height: 400px;
	margin-top: -200px;
	margin-left: -158px;
	background: #FFF;
	border: 1px solid #666;
	-webkit-box-shadow:  4px 4px 4px 4px rgba(128, 128, 128, 0.5);
	box-shadow:  4px 4px 4px 4px rgba(128, 128, 128, 0.5);
}

#notepad textarea{
	width: 300px;
	height: 400px;
	border: none;
	background: #FFF url(img/lines.png);
	font-family: "Comic Sans MS", "Brush Script MT", cursive;
	font-size: 14px;
	line-height: 24px;
	padding: 0px 8px;
	resize: none;
}

#closeNotepad{
	position: absolute;
	width: 32px;
	height: 32px;
	top: -16px;
	right: -16px;
}

#closeNotepad #closeNotepadButton{
	cursor: pointer;
}

.fb_properties{
	font-weight: bold;
	text-align: right;
}

/* ADAPTACIÓN BOOTSTRAP
----------------------------------------------------------------------------------------------------*/

.flexigrid .form-control{
    box-sizing: content-box;  //pcrn-mod 2015-02-23
}

.form-control{
    width: 80%;
    box-sizing: content-box;  //pcrn-mod 2015-02-23
}