html,body{ background: #E4E4E4;}

/*cambios a petición del Cliente*/

.alert{ /*font-family: 'Ubuntu', sans-serif*/}
.alert-inicial{ border: 1px solid #F0F0F0; border-radius: 6px; background: #FCFCFC; padding: 8px; color: #666; font-size: 13px; margin-bottom: 10px;}
.alert-inicial .alert-link{ color: #2D6CB1; font-weight: bold;}
.alert-contenido{display: block;
float: right;
margin: -2% 0 0 0;
width: 97%;
position: relative;
padding: 0 0 0 50px;}
.panel-body .alert{ margin: 10px 0 0 0;}
/*header*/
#header{position: relative; background: #FFF; border-bottom: 15px solid #074A8B;}
#header:before{ content:''; height: 44px; background: #0065A2; width: 100%; position: absolute; bottom: 0px;}
#header-disclaimer{ clear: both; display: block;color: #666; font-size: 11px; text-align: center; padding: 5px; }
#header-disclaimer .alert-link{ color: #666; text-decoration: underline;}
#logo{ position: relative;}
#logo .logo{}
#logo .lema{ display: block; font-family: verdana, Arial; color: #FFF; font-size: 12px; font-weight: normal;}
.contenido .container{ background: #FFF; border-right:1px solid #DDD; border-left:1px solid #DDD; border-bottom:1px solid #DDD; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}


/*tipografías generales*/
.page-header h1{ color: #2D6CB1; font-size: 28px;}

/*ESPECIFICOS CLIENTE*/
/*capa modal*/
.modal-content{ background: #104D92;}
.modal-header .close{ color: #FFF;}
.modal-title{ color: #FFF;}
.modal-body{ background: #FFF;}

/*legal info*/
#legalinfo{ position: relative; z-index: 99;}
#legalinfo.affix{ width: 100%; bottom: 0px; z-index: 99}
#legalinfo .alert{ margin: 0 auto}
.alert .fa-info{ left: 18px!important;}
.alert-opacity .icon-sign { color:rgba(255,255,255,0.7); }
/**/

/*----- ENCUESTAS -----*/

.contenedor-encuesta{}
.contenedor-encuesta .preguntas,.contenedor-encuesta .preguntas li{ list-style: none; padding: 0; margin: 0}
.contenedor-encuesta .titulo{ font-size: 18px; color: #2D6CB1;}
.contenedor-encuesta .panel-title a{ font-weight: bold; text-decoration: underline;}
.contenedor-encuesta .indicacion{ font-weight: normal; font-style: italic; font-size: 12px; color: #000; background: #FAFAFA; display: inline-block; padding: 3px; margin: 0 0 8px 0}
.contenedor-encuesta .indicacion label{ font-weight: normal; margin: 0}

/*tablas*/
.tabla-encuesta{ margin: 0 auto}
.tabla-encuesta th,.tabla-encuesta td{ border: none!important; padding-top: 4px!important; padding-bottom: 4px!important}
.tabla-encuesta tbody th{ color: #555; font-weight: normal;}
.tabla-encuesta tbody th a{ color: #2D6CB1; font-weight: bold;}
.tabla-encuesta tbody th:nth-of-type(1) { padding-left: 0!important}
.calificacion-unica .tabla-encuesta{ margin-top: 20px}

/*radios*/
.contenedor-encuesta .radio{ margin-bottom: 0}

.iradio_flat-blue,.icheckbox_flat-blue{ margin: -2px 5px 0 0!important}

/*checkbox*/
.contenedor-encuesta .checkbox{ margin-bottom: 10px}
.conTextArea label{ display: block;}
.conTextArea .recipienteTextarea{ display: block; padding: 5px 10px 0 20px; }

/*TIPOS DE ENCUESTA*/
.encuesta-tipo{}

/*radios de 0 a 10*/
.puntuacion0to10{ position: relative; top: -17px}
.puntuacion0to10 .radio{ text-align: center;  width: 15%; display: inline-block;}
.puntuacion0to10 .pseudoTH{display: block;
position: absolute;
font-weight: bold;
bottom: 38px;
margin: 0 auto; white-space: nowrap; width: 100%; max-width: 200px;}
.puntuacion0to10 .pseudoTH.left{}
.puntuacion0to10 .pseudoTH.center{ width: 200px; text-align: center; left: 0; margin-left: -70px}
.puntuacion0to10 .pseudoTH.right{ right: 0;margin-left: -75px;}

.puntuacion0to10 .radio label{ padding: 0!important;display: block;}
.puntuacion0to10 .radio .iradio_flat-blue{ margin:0 auto!important }
.calificacion-unica .puntuacion0to10 .radio{margin: 0 auto 7px auto;}

.noCompletada{ border: 2px solid #F9A646!important; background: #FDE1C4!important}
.leyendaNocompletados{border: 1px solid #F9A646!important; background: #FDE1C4!important; display: inline-block; padding:3px 5px; font-weight: bold; color:#000  }
.encuesta-tipo.noCompletada{ padding-top: 15px}
tr.noCompletada th,tr.noCompletada td{ border-top: 2px solid #F9A646!important; border-bottom: 2px solid #F9A646!important; background: #FDE1C4!important;}
tr.noCompletada th:nth-of-type(1){ padding-left: 8px!important}
.preguntas-multiples-conPuntuacion tr.noCompletada th,.preguntas-multiples-conPuntuacion tr.noCompletada td{ padding-top: 13px!important}


/*fin encuesta*/
.fin-encuesta{ clear: both; border-top: 1px solid #EEE; margin: 20px 0 0 0; padding: 15px 0 0 0}
.texto-fin-encuesta{ background: #FAFAFA; color: #333; font-size: 0.9em}
.texto-fin-encuesta a{ color: #2D6CB1; text-decoration: underline; font-weight: bold;}


/**/
#footer{ background: #F0F0F0; padding:20px 0 0 0;  clear: both; margin: 20px 0 0 0; box-shadow: -5px 0px 10px rgba(0,0,0,0.2)}

.helpDesk{ line-height: 1.5; color: #555; padding: 0px 65px 20px 0; background:url(../images/cordis-footer.png) no-repeat 100% 0 }
.helpDesk a{ color: #2D6CB1; font-weight: bold; display: block;}

/*ocultar*/
.panel{-webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out; position: relative; margin-bottom: 25px;}
.panel-title,.panel-body{-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.desaparece .panel{ opacity: 0.3; cursor: not-allowed; margin: -8px 0 12px 0;}
.desaparece .panel-title{ font-size: 16px;}
.desaparece .panel-body{ height: 0px; padding: 0px; margin: 0px; overflow: hidden; position: static;}

@media (min-width: 992px) {
#header-disclaimer{ position:relative; z-index:2; float: right; padding: 8px 0; text-align: left;}
	.preguntas-multiples .tabla-encuesta tbody th:nth-of-type(1) { min-width: 500px}
	.preguntas-multiples-conPuntuacion{/* margin-top: 17px*/}
	.preguntas-multiples-conPuntuacion .tabla-encuesta tbody th:nth-of-type(1) { width: 240px; max-width: 300px; text-align: right; padding-top: 5px!important}
	.preguntas-multiples-conPuntuacion .celda-puntuacion { min-width: 300px; padding-right:25px!important; padding-bottom:0px!important;}

}

@media (min-width: 768px) {
.contenido .container{border-left:25px solid #CBE4F5; }
#logo{ height: 145px;}
/*#logo .logo{ background:url(../images/European_Commission_Logo.png) no-repeat 0 0;  position: absolute; bottom: 6px; left: 0px; width: 316px; height: 133px; overflow: hidden; text-indent: -999em; font-size: 0.05em; }*/
#logo .logo{ position: absolute; bottom: 6px; left: 0px; padding: 0}
#logo .logo img{ margin: 0}
#logo .lema{ line-height: 44px; position: absolute; left:210px; bottom: 0px; height: 44px; font-size: 18px;}
.puntuacion0to10 .radio{ text-align: center;  width: 9%; display: block; float: left;}
.calificacion-unica .puntuacion0to10 .radio{margin: 0 auto!important;}
.preguntas-multiples-conPuntuacion .tabla-encuesta tbody tr .pseudoTH{ display: none;}
.preguntas-multiples-conPuntuacion .tabla-encuesta tbody tr:nth-of-type(1) .pseudoTH{ display: block!important;}
.preguntas-multiples-conPuntuacion .celda-extra-puntuaciones{ width: 125px}
}

@media (min-width: 768px) and (max-width: 991px) {
#logo .lema{ font-size: 13px;}
.preguntas-multiples-conPuntuacion .celda-puntuacion { width: 300px; padding-right:15px!important;}
}

@media (max-width: 767px) {
#header{ border: none;}
#logo{ padding-top: 6px}
#logo .logo img{ width: 225px;}
#seleccion-idioma{ position: absolute; right: 5px; top: 50px}
.page-header{ padding: 0; border: none; margin:5px -18px; text-align: center; }
.page-header h1{ background-color: #074A8B; color: #FFF; font-size: 20px; padding: 5px; margin:0;}
.puntuacion0to10 .radio{  width: 23%; display: inline-block;}


.puntuacion0to10 .pseudoTH{ display: none}
.tabla-encuesta .celda-extra-puntuaciones{ vertical-align: middle!important;}
}