html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   background: transparent;
}
body, html {
	height:100%;
}
body {
	font-family:open sans, Helvetica, Arial, Sans-serif;
	font-size:13px;
	color:#000;
	background:#f5f5f5;
	text-align:center;
	margin:0;
		background: url(../images/mind_up_propuesta_web_final-03.jpg) center center no-repeat;
	background-size:cover;
}
* {
	outline:none;
}
#contenedor {
	width:90%;
	max-width: 1000px;
	margin: 0 auto;
}
#cabecera {
    position: relative;
    z-index: 2;
    height: auto;
    text-align: right;
	padding: 3% 0;
	margin-bottom:3%;
    /*border-bottom: 1px solid #ddd;*/
}
.ISO-title {
    display: inline-block;
    color: #66c5ef;
    font-size: 1.5em;
    font-weight: bold;
	text-transform:uppercase;
	letter-spacing:.1em;
}
.logo {
	/*position: absolute;*/
	position: relative;
	left: 0;
	/*top: 30px;*/
	float: left;
	margin: 10px 0;
}
.logo img{
	width: 200px;
}
.user {
	    color: #222838;
}
.user strong{
	    color: #222838;
}
#principal {
    position: relative;
	display:table;
	width:100%;
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
    box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
#izquierda {
	width: 190px;
	display: table-cell;
	text-align: right;
	background:#222838;
	vertical-align: top;
	-webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
}
#central {
	padding: 4%;
	display: table-cell;
	vertical-align: top;
}
h1 {
	font-size:2.5em;
	color: #31a6da;
	text-align:left;
	margin: 0;
	line-height: 1em;
	padding:1.2% 0;
	margin-bottom:3%;
	font-weight:600;
}
h1 span{
	font-weight:700;
	color:#06b;
}
h2{
    font-size: 1.5em;
    text-align: left;
}

/*menu lateral*/
#izquierda ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width:90%;
	padding:20% 0;
}
#izquierda ul li {
	padding: 0;
	border-bottom:1px solid rgba(255,255,255,.2);
}
#izquierda ul li a {
	display: block;
	line-height: 3em;
	padding: 0 15px;
	font-size: 1.1em;
	font-weight: 600;
	color: #ddd;
	text-decoration: none;
	-webkit-transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-transition:all ease-in-out .2s;
}
#izquierda ul li a:active, #izquierda ul li a:hover {
	background:rgba(255,255,255, .2);
	color:#fff;
}
/*termina menu lateral*/

/*cool grid*/
.msg_encuesta{
    padding: 10px;
    margin-bottom: 10px;
    background: #Fb0;
    color: #fff;
    font-weight: 600;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-border-radius: 3px;
}
.defaultKGR, #grid_updatepanel {
	display:block !important;
	width:100% !important;
	max-width:730px;
}
.defaultKGR *, .defaultKGR input, .defaultKGR select, .defaultKGR textarea {
    font-family:open sans, Helvetica, Arial, Sans-serif !important;
	font-size:1em !important;
	line-height:1.5em;
}
.defaultKGR .kgrHeader {
    background: #D3DBE9 !important;
    font-weight: 600 !important;
}
.defaultKGR .kgrIn, .defaultDummyHeader .kgrIn {
    margin: 5px 10px !important;
}
.defaultKGR, .defaultKGR_UpdatePanel {
	display:block !important;
	width:100% !important;
	text-align:left;
}
.defaultKGR .kgrTableView {
    background: #FFFFFF !important;
    border: 1px solid rgba(0,0,0,.2) !important;
    color: #27413E;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,.2);
	box-shadow: 1px 1px 5px -1px rgba(0,0,0,.2);
	overflow:auto;
}
.defaultKGR .kgrStatus, .defaultKGR .kgrPager {
    background: #D7E5F7 !important;
    line-height: 3em !important;
    border-bottom: 0 !important;
    border-top: 1px solid #567DB0 !important;
    padding: 1px 20px 5px !important;
}
.defaultKGR .kgrStatus .kgrNav, .defaultKGR .kgrPager .kgrNav, .defaultKGR .kgrStatus .kgrInfo, .defaultKGR .kgrPager .kgrInfo {
	line-height:3em;
}
.defaultKGR .kgrPager .kgrPrev a, .defaultKGR .kgrPager .kgrNext a, .defaultKGR .kgrPager .kgrFirst a, .defaultKGR .kgrPager .kgrLast a, .defaultKGR .kgrPager a.kgrNum {
	text-decoration: none !important;
}
a[type="button"] {
	display:inline-block;
	vertical-align:middle;
	padding:5px 10px;
	margin:0 5px;
	font-size:.9em;
	line-height:1em;
	color:#333;
	background: #fff;
	text-decoration:none !important;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	-webkit-transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-transition:all ease-in-out .2s;
}
a[type="button"]:hover {
	background:#666;
	border: 1px solid #666;
	color:#fff;
}
.defaultKGR .kgrRefresh a, .defaultKGR .kgrInsert a, span.kgrConfirm a, span.kgrCancel a {
    text-decoration: none !important;
    font-weight: 600;
}
.kgrTable .defaultKGR .kgrTableView {
    margin: 10px;
    width: auto !important;
    border: 2px solid #069 !important;
}
/*termina cool grid*/

/*Estilos Login*/
.login {
	display: inline-block;
	margin: 20% 0;
	font-weight: bold;
}
.contenedor_campo {
	position: relative;
	margin-bottom:10px;
	text-align:right;
}
.contenedor_campo label{
	display:inline-block;
	vertical-align:midle;
	width:30%;
	margin-right:3%;
}
.contenedor_campo input{
	width:65%;
}
.loginfail {
	color: red;
    font-size: 9px;
}
.loginSuccess {
	color: #fff;
        font-size: 11px;
}

label.error {
	font: normal 10px arial;
	position: absolute;
	top: 8px;
	right: -110px;
	width: 100px;
	text-align: center;
	background-color: #ffc;
	border: 1px solid #c00 !important;
}
input.error {
	padding: 0;
	margin: 0;
	background-color: #ffc;
	border: 1px solid #c00 !important;
	padding-left: 10px;
}
/* Fin Estilos Login*/

/*campos y botones*/
select, input, textarea, button{
    min-height: 34px;
	font-family:open sans, Helvetica, Arial, Sans-serif;
	color: #555;
	padding:0 10px !important;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-transition:all ease-in-out .2s;
}
input[type="radio"], input[type="checkbox"], .nodecor {
	min-height:0 !important;
}
select {
	padding-right:0 !important;
}
textarea {
	padding:10px !important;
}
select:focus, input:focus, textarea:focus{
	border:1px solid #bbb;
}
input[type="submit"], input[type="button"], button, a#saveOrder {
	display:inline-block;
	min-height: 34px;
	line-height:34px;
	background: #2DB200;
	color: #fff;
	text-decoration:none;
	text-transform: uppercase;
	font-weight: bold;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 15px;
	cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, a#saveOrder:hover {
	background:#3ec311;
}
input[type="submit"]:active, input[type="button"]:active, button:active, a#saveOrder:active {
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2) inset;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.2) inset;
	box-shadow: 2px 2px 2px rgba(0,0,0,.2) inset;
}
#agregar_texto_mul, #eliminar_texto_mul {
	width:34px;
	height:34px;
	padding:0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#666;
}
#agregar_texto_mul:hover, #eliminar_texto_mul:hover {
	background:#888;
}
/*terminan campos y botones*/

/*edici�n de preguntas*/
.cont_lista_preguntas h2{
	margin:1em 0 .5em;
}
#sortable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0;
}
#sortable li {
    position: relative;
    margin: 0 0 10px;
    padding: 10px;
    padding-left: 1.5em;
    cursor: move;
    background: #f5f5f5;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 6px -3px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 6px -3px rgba(0,0,0,.3);
	box-shadow: 1px 1px 6px -3px rgba(0,0,0,.3);
	-webkit-transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	-transition:all ease-in-out .2s;
}
#sortable li.ui-sortable-helper {
	background:#e5e5e5;
}
#sortable li:after {
	content:'';
	display:block;
	clear:both;
}
#sortable li span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 2px;
}
.cont_pregunta{
	display:inline-block;
	vertical-align:middle;
	width:80%;
	color: #07c;
    line-height: 1.2em;
	text-align:left;
	font-size:1.1em;
	font-weight:600;
}
.botones_edit_elim{
	display:inline-block;
	vertical-align:middle;
	width:18%;
}
.botones_edit_elim div{
	cursor:pointer;
	background:#fff;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.botones_edit_elim div:hover{
	background:#eee;
	color:#333;
}
.botones_edit_elim div:first-child{
	margin-bottom:5px;
}
/*termina edici�n de preguntas*/

/*detalle de preguntas*/
.cont_texto, .cont_texto_simple {
	padding: 3%;
    margin-bottom: 2%;
    font-weight: bold;
    background: #f5f5f5;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cont_texto label, .cont_texto_simple label{
	display:inline-block;
	vertical-align:middle;
	width:30%;
	margin-right:3%;
	text-align:right;
}
.cont_texto input, .cont_texto_simple input {
	width:65%;
}
.cont_opciones {
	padding:10px 0;
}
.cont_opciones .drop{
	padding:5px;
	text-align:center;
}
.cont_opciones .drop a {
    background-color: #fff;
    padding: 8px 10px;
    color: #6C0;
}
.cont_opciones .drop a:hover {
	background:#eee;
	color: #6C0;
}
.agregar_opciones {
	font-weight:bold;
}
.cont_opciones>div {
	margin-bottom:5px;
}
.cont_caritas {
    display: inline-block;
    text-align: left;
    padding: 3% 0;
}
/*termina detalle de preguntas*/

#pie {
	margin: 0;
	background: url(../images/pie.png) center top no-repeat;
	text-align: center;
	font-size: 80%;
	height:65px;
}
#central-eval {
	padding: 10px;
	background: #FFF;
	display: table-cell;
	width: 1150px;
}
.datos_llamada {
	display: table-cell;
	width: 385px;
	height: 220px;
}
.datos_contacto {
	display: table-cell;
	width: 385px;
}
.datos_solicitar_1 {
	display: table-cell;
	width: 385px;
	height: 300px;
}
.datos_solicitar_2 {
	display: table-cell;
	width: 385px;
}
.datos_verificar {
	background: #ccc;
	display: block;
	width: 100%;
	min-height: 300px;
}
	
/* Estilos forma */
.frm_label {
	text-align: right;
	font-weight: bold;
	font-size: 80%;
}
.framelova {
    text-align: right;
    color: #666;
    font-size: .9em;
    padding-top: 10px;
}
.framelova img {
	vertical-align:middle;
	}
	
table.imagetable {
	font-family: verdana, arial, sans-serif;
	font-size: 90%;
	color: #333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.imagetable th {
	background: #b5cfd2 url('../images/cell-blue.jpg');
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #999999;
}
table.imagetable td {
	background: #dcddc0 url('../images/cell-grey.jpg');
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #999999;
}
#chart_div {
	position: relative;
	z-index: 1;
	width: 870px;
	height: 500px;
	margin: -70px 0;
}
#tabla_tol_vtas, #tabla_tol_pcion, #productInfo {
	position: relative;
	z-index: 2;
}
#select_productos {
	position: relative;
	z-index: 3;
}
.paginacion {
	text-align: right;
	font-weight:bold;
	font-size:16px;
	color:#8EC517;
}
.eval_buttons {
	text-align: right;
}
.errorrb {
	display: none;
}

#formLoadData .contenedor_campo, #selection .contenedor_campo {
	margin-bottom: 10px;
}
#formLoadData .contenedor_campo label, #selection .contenedor_campo label {
	width: 150px;
	display: inline-block;
	text-align: right;
}
form#formLoadData {
	float: left;
	margin-right: 50px;
	margin-top: 0;
}
div#cont_formUpload {
	float: left;
	margin-top: -36px;
}
.reportes_columna1, .reportes_columna2, .reportes_columna3 {
	float: left;
	vertical-align: top;
	margin-bottom: 10px;
}
.reportes_columna1, .reportes_columna2 {
	margin-right: 50px;
}
#listboxP, #listboxT {
	margin-top: 10px;
	margin-bottom: 10px;
}
.reportes_columna3 input {
	/*margin-left: 20px;
	margin-top: 100px;*/
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	font-size: 16px;
}
.info-eval {
	padding:10px 0;
	margin:0 10px;
	border-bottom: 1px solid #ddd;
}
td.numeropregunta {
	padding:10px 0;
}
td.numeropregunta span {
	background-color: rgb(124,191,15);
	background-image: linear-gradient(bottom, rgb(124,191,15) 100%, rgb(193,216,46) 0%);
	background-image: -o-linear-gradient(bottom, rgb(124,191,15) 100%, rgb(193,216,46) 0%);
	background-image: -moz-linear-gradient(bottom, rgb(124,191,15) 100%, rgb(193,216,46) 0%);
	background-image: -webkit-linear-gradient(bottom, rgb(124,191,15) 100%, rgb(193,216,46) 0%);
	background-image: -ms-linear-gradient(bottom, rgb(124,191,15) 100%, rgb(193,216,46) 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(124,191,15)), color-stop(0, rgb(193,216,46)) );
	display:block;
	height: 45px;
	line-height:45px;
	color: #fff;
	font-weight: bold;
	font-size:15px;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: 1px solid rgb(124,191,15);
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	padding: 0 5px;
	cursor: pointer;
}

.respuesta{
	padding:10px 0;
	}
.respuesta div.divrespuesta{
	padding:0 10px;
	height:47px;
	display:table-cell;
	vertical-align:middle;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	}
.label_radio {
	display:inline-block;
	text-align:center;
	border-left:1px solid #ddd;
	padding:0 5px;
}
.label_radio:first-child {
	border-left:none;
}
table.tabla_inicio_evaluacion {
	border-collapse:collapse;
	margin-top:20px;
}
table.tabla_inicio_evaluacion td, table.tabla_inicio_evaluacion th {
	padding:5px;
	border:1px solid #ddd;
}
table.tabla_inicio_evaluacion th {
	padding:5px;
	background:#ddd;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
table.tabla_inicio_evaluacion tr:first-child td {
	background:#c00;
}
table.tabla_inicio_evaluacion tr:nth-child(2n + 1) td {
	background:#f5f5f5;
}
.legend{
    font-weight: bold;
    margin-top: -20px;
    margin-left: 20px;
}
#summaryRptControls{
    float:left;
}
#teacherViewControls{
    float:right;
    width:450px;
}
.dummyLabel{
    font-weight: bold;
    font-size: 13px;
}
.pageSize{
    margin-bottom: 5px;
    display: block;
}
.pageSize div{
    display: inline-block;
}
.pageSizeSelect{
    float:right;
}
.recoverPassReturn{
    font-size: 9px;
    color: #333;
    text-decoration: none;
}

.tam_simple{
   width: 300px; 
}

.loadingImg{
    display: none;
}

.msg_ok, .msg_delete{
    display: block;
    padding: 5px;
    background: #ccc;
    width: 120px;
    text-align: center;
    border-radius: 3px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.preg_oculta{
    display: none;
}

.preg_visible{
    display: block;
}

.lista-controls{
    display: block;
    width: 250px;
}
.lista-controls ol li{
    padding: 10px 15px;
	margin:0 0 4px;
    cursor: pointer;
    background: #07c;
    border-radius: 5px;
    color: #fff;
	font-weight:600;
	-webkit-transition:all ease-in-out .2s;
	-moz-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s;
}
.lista-controls ol li:hover{
	background: #09c;
}
.sel_reporte{
    text-align: left;
    display: block;
}
.sel_reporte div{
    display: inline-block;
    width: 12%;
    text-align: right;
    padding: 3px;
}
.cont_btn_rpt{
    padding: 15px;
    text-align: left;
}
.cont_fechas{
    clear: both;
    text-align: left;
}
.fechas_rpt{
    display: inline-block;
    width: 13%;
    text-align: right;
    vertical-align: middle;
}
.fechas_rpt input{
    width: 83px !important;
}
.nota{
    padding: 0 15px;
    text-align: left;
    margin-bottom: 20px;
}
.nota span{
    font-weight: bold;
}
/*CUSTOM ==============*/
.logo img{
    webkit-filter: drop-shadow(0px 0px 10px #ffffff);
    -moz-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
    -ms-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
    -o-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 18px rgba(255, 255,255, 1));
}
.oculto{
    display: none;
}