/* Hoja de estilos de la aplicaci�n "Gesti�n de cuestionarios de evaluaci�n de la formaci�n" */
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
	font-family: Verdana, Arial, Georgia;
	margin: 0;
	/*heigth:100%;*/
	padding: 0;
	background-color: transparent;
	overflow-x: hidden;
}

.link-container-tlf {
  position: absolute;
  top: 200px;
  right: 0px;
  padding: 0px;
  background: #007EA9;
  box-shadow: 0 0 15px #666666;
}

.link-container-tlf:hover {
  width: 60px;  
}

.link-container-faq {
  position: absolute;
  top: 300px;
  right: 0px;
  padding: 0px;
  background: #007EA9;
  box-shadow: 0 0 15px #666666;
}

.link-container-faq:hover {
  width: 60px;
}

.sticky-links {
  position: fixed;
  right: -10px;
  top: 200px; /* how far from the top of the page the item should be pinned */
}

img {
	border: 0;
}

p {
	margin: 2px;
	padding: 0;
	float: left;
	font-size: 0.9em;
	width: 98%;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

.hrazul {
	border: 0; height: 5px;
	background: rgba(0,126,169,0);
	background: -moz-linear-gradient(left, rgba(0,126,169,0) 0%, rgba(0,126,169,0) 17%, rgba(0,126,169,1) 78%, rgba(0,126,169,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,126,169,0)), color-stop(17%, rgba(0,126,169,0)), color-stop(78%, rgba(0,126,169,1)), color-stop(100%, rgba(0,126,169,1)));
	background: -webkit-linear-gradient(left, rgba(0,126,169,0) 0%, rgba(0,126,169,0) 17%, rgba(0,126,169,1) 78%, rgba(0,126,169,1) 100%);
	background: -o-linear-gradient(left, rgba(0,126,169,0) 0%, rgba(0,126,169,0) 17%, rgba(0,126,169,1) 78%, rgba(0,126,169,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,126,169,0) 0%, rgba(0,126,169,0) 17%, rgba(0,126,169,1) 78%, rgba(0,126,169,1) 100%);
	background: linear-gradient(to right, rgba(0,126,169,0) 0%, rgba(0,126,169,0) 17%, rgba(0,126,169,1) 78%, rgba(0,126,169,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ea9', endColorstr='#007ea9', GradientType=1 );
}
.hrgris{
	border: 0; height: 5px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,238,240,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,238,240,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,238,240,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,238,240,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,238,240,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(235,238,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeef0', GradientType=1 );
}

ol,ul {
	font-size: 0.8em;
}
b{
	color:#2264a1;
}

a,a:link,a:active,a:visited,a:hover {
	font-size: 0.8em;
}
a:-webkit-any-link {
   
    text-decoration: none !important;
}
a{
	text-decoration: none !important;
}
/*
.izquierda h1{
	font-size:1.6em;
}
*/
input {
	font-size: 14px;
    padding: 6px 20px;
    margin-left: 20px;
    line-height: 1.42;
    color: #555;
    width:85%;
    border: 1px solid #ccc;
    border-radius: 4px;
	 -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;
}

input:focus {
	outline: 0;
	border-radius: 5px;
	border-color: #3cb4e8;
}

.inputpreguntas{
	font-size: 13px;
    width: 510px;
    padding: 5px 20px;
    color: #212020;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.inputtelefono{
	font-size: 13px;
    width: 300px;
    padding: 5px 20px;
    margin-left: 20px;
    color: #212020;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.inputCorreo{
	font-size: 13px;
    /*width: 500px;*/
    padding: 5px 20px;
    color: #212020;
    margin-left: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.labelLogin{
	font-size: 1em;
}

label {
	font-size: 0.9em;
}
/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
input[type=radio] {
	display: none;
	margin: 10px;
}

/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=radio]+label {
	display: inline-block;
	margin: -2px;
	padding: 4px 12px;
	background-color: #e6e9ec;
	border-radius: 4px;
}

input[type="checkbox"]{
	border:none;
}
.checkLopd{
	position: absolute;
	right: 0;
	left: 400px;
	margin: 0px 0px 0px 15px;
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=radio]:checked+label {
	background-image: none;
	background-color: #147da7;
	color: #ffffff;
	border-radius: 4px;
	border: 1px solid #147da7;
}

input[type=radio]:focus+label {
	background-image: none;
}

#portal {
	background: #fff;
	min-height:100%; 
}

.clearFix {
	clear: both;
	padding: 10px;
}
.clearFix-pie {
	clear: both;
	padding:5px;
	overflow:hidden;
}

.clearFix a,a:link,a:active,a:visited,a:hover {
	font-size: 1em;
}

.border {
	/*background: transparent url(../images/redesign/borderBack60.png) repeat-y top center;*/
    width: 60em;
    margin: auto;
    padding: 0 0.75em;
}

.centrar-imagen {
	margin: auto;
}

.container {
	float: none;
	padding: 0px 20px 0px 20px;
}

.mensaje_error {
	padding: 0px 15px;
	background:
		url(http://www.juntadeandalucia.es/error/images/mensajedeerror.png)
		top left no-repeat !important;
	background:
		url(http://www.juntadeandalucia.es/error/images/mensajedeerror.gif)
		top left no-repeat;
}

.mensaje_error h2 {
	color: #2b2b2b;
	font-family: Verdana, Arial, Georgia;
	font-size: 2.2em;
	line-height: 1.4em;
	display: block;
	font-weight: normal !important;
	width: 110px;
	margin: 0 10px 0 0 !important;
	padding: 0px !important;
	float: left;
	overflow: hidden;
	text-align: center;
}

.mensaje_error h2 span {
	color: #cf3f3f !important;
	font-size: 1em;
	line-height: 0.75em;
	padding-left: 10px;
}

.mensaje_error h2 strong {
	color: #515151 !important;
}

.mensaje_error p,.mensaje_error ul {
	font-size: 1.2em;
	display: block;
	float: left;
	padding: 0px 15px 10px 15px !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	background:
		url(http://www.juntadeandalucia.es/error/images/separador_vertical.jpg)
		repeat-y top left;
	color: #515151;
	line-height: 1.8em !important;
}

.mensaje_error a {
	font-size: 1.2em;
}

/* marco generico*/
.marco {
	/* width: 940px; */
    margin: 0 auto;
}

/* Estructura de contenido */
#contenidos {
  	min-height: 670px;
    margin: 0px;
    padding: 0px;
    display: -webkit-flex;
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  	display: -ms-flexbox;           /* TWEENER - IE 10 */
  	display: -webkit-flex; 
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    overflow:hidden;
    flex-direction:column;
}
#contenidos > #bordeGeneral > #marco #seccion2 {
   margin: 4px;
   padding: 5px;
   border: 1px solid #cccc33;
   border-radius: 7pt;
   behavior: url(PIE.htc);
   background: #dddd88;
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
   }
#contenidos h1 {
	color: #2b2b2b;
	font-family: Verdana, Arial, Georgia;
	font-size: 1.7em;
	line-height: 1.4em;
	display: block;
	padding: 0.35em 0 0.35em 0;
	font-weight: normal !important;
}

#contenidos .marco {
	width: 60em;
    background: #fff;
}
#contenido-inicio{
	position: absolute;
    top: 70px;
    left: auto;
}
#contenido-inicio h3{
	margin-left: 20px;
}
#ejemplo{
	float: left;
    margin: 20px;
    padding-top: 14px;
	
}

#ejemplo p{
	font-size:1em;
	padding: 10px 0px;
}
#masinfo{
	float:left;
	padding:10px 10px;
}
#lanzadera p{
	font-size:0.9em;
	padding-bottom:10px;
}
#lanzadera ul{
	font-size:0.8em;
	
}
#lanzadera ul li{
	margin-bottom:5px;
	list-style-type:none;
	
}
#lanzadera .fa{
	color:#2264a1;
}

.borderGeneral{
    width: 100%;
    flex:1;
}

/* Cabecera */


#cabecera{
    position: relative;
    width: 100%;
    background-color: #007EA9;
    border-bottom: 1px solid #fff;
    border: 0;
   
}

 #cabecera, #pie {
    display: block;
   }
 


#cabecera .marco {
	background-color: #007EA9;
	float: left;
	height: 6.5em;
	width: 60em;
	float: left;
	position: relative;
}

#cabecera .marco .tabla100 {
	width: 100%;
}

#cabecera .marco .derecha {
	float: right;
	margin: 15px 20px 0 0;
}

#cabecera .marco .izquierda {
	float: left;
	padding-top: 10px;
}

#cabecera .marco h1 {
	
	top: 0px;
	padding-top: 30px;
	*padding-top: 0px; 
  	padding-right: 0px;
  	*padding-right: 0px;
  	padding-bottom: 0px;
  	padding-left: 0px;
	margin: 0px;	
	text-shadow: 0.1em 0.1em 0.05em #333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);
	color: #FFFFFF;
}

#cabecera .marco h2 {
	float: right;
	margin: 0;
	padding: 0;
	color: #333333;
}

#cabecera ul {
	display: none;
}

/* Men� */
#menu {
	/*background: #333 url(../images/redesign/headerMenuGris80.png) repeat-x top left;*/
    height: 2.7em;
    position: relative;
    margin-top: 3px;
}

#menu .marco {
	background: #333  url(../images/redesign/headerMenuBack.png) repeat-x
		left top;
	float: left;
	height: 2.5em;
	width: 60em;
	position: relative;
}

#menu .marco li {
	list-style: none;
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/headerMenuLiBack.png.xhtml")  no-repeat
		center right;
}

#menu .marco li a {
	font: bold 0.9em Verdana, Arial, Georgia;
	border: 0;
	color: #FFF;
	background: none;
	display: inherit;
	float: left;
	margin: 0;
	padding: 12px 1em 7px;
	text-decoration: none;
}

#menu .marco li a:hover {
	color: #fc6;
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/headerMenuLiAHovBack.png.xhtml")  repeat-x
		bottom left;
	border: 0;
}

#menu h4 {
	font-size: 1em;
}

#menu h3 {
	display: none;
}

#menu ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #123a12;
	float: left;
}
#seccion2 {
	 position:relative;
     height: auto;
	 width:96%;
	 padding: 3px 20px 0px 20px;
     overflow: visible;
}
#seccion2 #mensajes{
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-bottom: 10px;
}

/* Estructura de contenido >> T�tulos */
#intro {
	clear: left;
	border-bottom: #ccc 1px solid;
	padding: 0;
	margin: 0 0 1em 0;
}

#introSolo {
	clear: left;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

#intro h3 {
	font: bold 1.75em Verdana, Arial, Georgia;
	border: 0;
	color: #2264a1;
	margin: 0;
	padding: 0;
}

.intro h4,.introSolo h4 {
	font: bold 1em Verdana, Arial, Georgia;
	color: #333;
	margin: 0;
	padding: 0 0 0.5em 0;
}

.introh3 {
	font: bold 1.75em Verdana, Arial, Georgia;
	border: 0;
	color: #2264a1;
	margin: 0;
	padding: 0;
	clear: left;
	padding: 0;
	margin: 0 0 1em 0;
}

/* Pie */
#pie{
    background: #ebeef0;
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
  	display: -ms-flexbox;           /* TWEENER - IE 10 */
  	display: -webkit-flex; 
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    overflow:hidden;
    flex-direction:column;
    
}

#pie h3 {
	width: 78px;
	height: 93px;
	margin: 0;
	padding: 0;
	float: left;
}

#pie .marco {
	float: left;
	width: 58em;
	padding: 1em;
}

#pie .derecha {
	float: right;
	padding: 0.25em 1em;
}

#pie .marco h2 {
	float: left;
	padding: 0.25em 1em;
}

#pie .marco .copy {
	width: 500px;
	clear: both;
	float: left;
	padding: 0.07em 1em;
}

#pie p {
	color: #007EA9; /*666;*/
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}


.boton{
	display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
    cursor: pointer;
    border: 1px solid #AAAAAA;
    float: right;
    font: normal 0.9em Verdana, Arial, Georgia !important;
    text-align: center;
    margin: 10px;
    color: #333;
    text-decoration:none;
    padding: 0.5em 0.5em 0.5em 0.5em;
	background-image: -ms-linear-gradient(bottom, #E6E9EC 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #E6E9EC 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #E6E9EC 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E9EC),
		color-stop(1, #FFFFFF));
	background-image: -webkit-linear-gradient(bottom, #E6E9EC 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #E6E9EC 0%, #FFFFFF 100%);
}
.boton:focus {
	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	behavior: url(PIE.htc);
	border: 1px solid #3cb4e8;
}

.boton:hover {
	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	behavior: url(PIE.htc);
	border: 1px solid #147da7;
	background-image: none;
	background-color: #147da7;
	color: white;
	border-style: inset;
	box-shadow: inset 0px 0px 4px #333;
	text-shadow:none !important;
}

.btnNaranja{
	display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
    cursor: pointer;
    border: 1px solid #AAAAAA;
    float: right;
    font: normal 0.9em Verdana, Arial, Georgia !important;
    text-align: center;
    margin: 10px;
    color: #333;
    text-decoration:none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    background-color:#f18211;
    background-image: -ms-linear-gradient(bottom, #f18211  0%, #f3ac2c 100%);
    background-image: -moz-linear-gradient(bottom, #f18211  0%, #f3ac2c 100%);
    background-image: -o-linear-gradient(bottom, #f18211  0%, #f3ac2c 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f18211), color-stop(1, #f3ac2c));
    background-image: -webkit-linear-gradient(bottom, #f18211  0%, #f3ac2c 100%);
    background-image: linear-gradient(to top, #f18211 0%, #f3ac2c 100%);
}

.btnNaranja:focus{
	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	behavior: url(PIE.htc);
	border: 1px solid #3cb4e8;
}

.btnNaranja:hover {
	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	behavior: url(PIE.htc);
	border: 1px solid #147da7;
	background-image: none;
	background-color: #147da7;
	color: white;
	border-style: inset;
	box-shadow: inset 0px 0px 4px #333;
	text-shadow:none !important;
}
.siguienteNaranja{
	width:160px;
}
.centrado .btnNaranja{
	position: relative;
    right: 5px; 
    top: 7px; 
}

.contenidoLoginPortada{
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border: #ccc 1px solid;
}

/*#contenidos .boton:focus {
	border-radius: 5px;
	border: 1px solid #3cb4e8;
}*/

.boton:focus {
	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	behavior: url(PIE.htc);
	border: 1px solid #3cb4e8;
}
.btnMetodos{
	float:left;
    width: 98%;
	top: 500px;
	padding: 20px 0px;
}

.ayuda-usuario{
	color:#2264a1;
	font-weight:bold; 
	font-size:0.9em !important;
}
.guardar{
	/*margin-left:70px;*/
}
.validar{
	margin-left:40px;
}


#imgSalir {
	background-color: #d20808;
	height: 34px;
	width: 38px;
	cursor: pointer;
	border-radius: 5px;
	position: relative;
	top: 2px;
	behavior: url(/agescon/resources/css/PIE.htc);
}

.panelNone, .panelNone > .ui-panel-content {
	padding: 0 !important;
	border: none !important;
	background: inherit !important;
}

.panelFix {
	padding: 0 1em !important;
	border: none !important;
	background: inherit !important;
	width: fit-content !important;
}

.panelFull, .panelFull > .ui-panel-content {
	height: 100%;
	width: 100%;
}

#imgSalir:hover {
	background-color: #ae0000;
	height: 34px;
	width: 38px;
	cursor: pointer;
	border-radius: 5px;
	position: relative;
	top: 2px;
	box-shadow: -1px 1px 2px #909090;
	behavior: url(/agescon/resources/css/PIE.htc);
}/*
#imgSalir {
	background-color:red;
	height: 32px;
	width: 32px;
	cursor: pointer;
}

#imgSalir:hover {
	background-position: right;
	height: 32px;
	width: 32px;
	cursor: pointer;
}*/

#imgHome {
	background-color: #007EA9;
	height: 34px;
	width: 38px;
	cursor: pointer;
	border-radius: 5px;
	position: relative;
	top: 2px;
	box-shadow: -1px 1px 2px #909090;
	
}
/*#imgHome {
	background-imagen: url(../images/redesign/home.png) no-repeat
		left;
	height: 32px;
	width: 32px;
	cursor: pointer;
}*/


#imgHome:hover {
	background-color: #0B6A8A;
	height: 34px;
	width: 38px;
	cursor: pointer;
	border-radius: 5px;
	position: relative;
	top: 2px;
	box-shadow: -1px 1px 2px #909090;
	behavior: url(/agescon/resources/css/PIE.htc);
}

#contenidos #ms_tabla_pie,#solicitudAlta,#listadoActividadesFormativasCuestionarios,#listadoActividadesFormativas,#listadoActividadesFormativasEdicion,#accionesNuevoCuestionario,#listadoSolicitudes
	{
	margin: 1em 0 0 0;
}

#contenidos .botonRenuevaCaptcha {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/refresh24x24.png.xhtml")  no-repeat
		left;
	height: 26px;
	width: 26px;
}

#contenidos .botonConMargen {
	margin-right: 30px;
}

#contenidos .botonDerecha {
	float: right;
}

#contenidos .botonVolver {
	float: left;
	text-align: center;
	font-size: 0.9em;
	margin: 1em;
}

#contenidos .botonSiguiente {
	float: right;
	padding-right: 4em;
}

#contenidos .botonCambiar {
	float: right;
	padding-right: 1em;
	width: 150px;
}

#contenidos .botonCerrar {
	float: right;
	text-align: center;
	font-size: 0.9em;
	margin: 1em;
}

#contenidos .botonLargo {
	padding-right: 1em;
}

#contenidos .botonLargoDerecha {
	padding-right: 1em;
	float: right;
}

#contenidos .botonLargoDerechaMargin {
	float: right;
	text-align: center;
	font-size: 0.9em;
	margin: 1em 2em;
	-webkit-margin-end: 37px;
}
#btnNewcodigo{
	padding-right: 1em;
	width: 150px;
}
#login {
	float: left;
    margin-left: 115px;
    background: none;
    border: 0;
    border-radius: 0;
    padding-top: 30px;
    width: 350px;
}

#logininternet {
	background: none;
	border: 0;
	border-radius: 0;
	padding-top: 30px;
	width: 90%;
}

#loginmovil {

	background: none;
	border: 0;
	border-radius: 0;
	padding-top: 30px;
	width: 350px;
}


#loginmovil h5 {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/loginHeaderJunta2.png.xhtml") no-repeat left
	top #333;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	behavior: url(PIE.htc);
	color: #fff;
	font: bold 1.6em Verdana, Arial, Georgia;
	padding: 1em 1em 1em 11em;
	border: 0;
}

#login h3 {
	background: url(../images/redesign/loginHeaderDiraya.png) no-repeat left
		top #333;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	behavior: url(PIE.htc);
	color: #fff;
	font: bold 0.8em Verdana, Arial, Georgia;
	padding: 1em 1em 1em 20em;
	border: 0;
}

#login h4 {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/loginHeaderJunta.png.xhtml") no-repeat left
		top #333;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	behavior: url(PIE.htc);
	color: #fff;
	font: bold 0.8em Verdana, Arial, Georgia;
	padding: 1em 1em 1em 20em;
	border: 0;
}

#login h5 {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/loginHeaderJunta.png.xhtml") no-repeat left
		top #333;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	behavior: url(PIE.htc);
	color: #fff;
	font: bold 0.8em Verdana, Arial, Georgia;
	padding: 1em 1em 1em 11em;
	border: 0;
}

#logininternet h5 {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/loginHeaderJunta2.png.xhtml") no-repeat left
	top #333;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	behavior: url(PIE.htc);
	color: #fff;
	font: bold 1.2em Verdana, Arial, Georgia;
	padding: 1em 1em 1em 11em;
	border: 0;
	width: 90%;
}

#login h2 {
	background: no-repeat left top #333;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
 	-moz-border-radius: 5px 5px 0 0;
 	behavior: url(PIE.htc);
	color: #fff;
	font: bold 0.8em Verdana, Arial, Georgia;
	padding: 1em 1em 1em 5em;
	border: 0;
}



#login .contenidoLogin {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	behavior: url(PIE.htc);
	border: #ccc 1px solid;
}

#logininternet .contenidologininternet{
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	behavior: url(PIE.htc);
	border: #ccc 1px solid;
	width: 90%;
}

#login .contenidoLogin .centrar {
	/* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
}


#login .contenidoLogin .clearFix {
	font-size: 0.8em !important;
}

#login .contenidoLogin ol li {
	float: left;
	margin: 0.5em 0;
}

#login .contenidoLogin form li.usuario,#login .contenidoLogin form li.contrasena
	{
	background: none;
	padding: 0 2em 0 1em;
}

#login .contenidoLogin ol li label {
	float: left;
	clear: left;
	color: #333;
	font: bold 0.75em Verdana, Arial, Georgia;
	display: inline;
	padding: 0 0 0.5em 0.5em;
}

#login .contenidoLogin ol li input {
	float: left;
	clear: left;
	width: 21em;
}

#login .contenidoLogin ol li a.recuperarPass {
	color: #2264a1;
	float: right;
	font: 0.8em Verdana, Arial, Georgia;
	padding: 0.5em 0 0;
}



#login #botonera {
	float: right;
}

#botonerainternet {
	float: none;
}

#login .contenidoLogin ul {
	padding: 0.5em 0 0 1em;
	clear: right;
}

#login .contenidoLogin ul li {
	background: none;
	border-top: 1px solid #CCCCCC;
	padding: 1em 0 0.5em;
}

#login .contenidoLogin ul li span {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/icoInfo.png.xhtml")  no-repeat left top;
	color: #333333;
}

#login .pieLogin {
	margin: 2em 0 0;
	padding-left: 2em;
	text-align: center;
}

.requerido {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/iconoRequerido.png.xhtml") no-repeat scroll
		right center transparent;
	padding: 0 1.25em 0 0;
	font-weight: bold;
}

.campoNormal {
	clear: both;
	display: block;
	font: 0.75em Verdana, Arial, Georgia;
	margin: 0.5em 0;
}

.readOnly tr td .vInputs {
	clear: none;
	padding: 0 0 0 0.25em;
}

span.requerido {
	background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/iconoRequerido.png.xhtml") no-repeat scroll
		left center transparent;
	clear: both;
	display: block;
	font: 0.9em normal Verdana, Arial, Georgia;
	margin: 0.5em 0;
	padding: 0 0 0 1.25em;
}

span.normal {
	clear: both;
	display: block;
	font: 0.8em normal Verdana, Arial, Georgia;
	margin: 0.5em 0;
	padding: 0 0 0 1.25em;
}

/* Contenidos de la web >> cajas de contenido */
.cajaContenidos {
	background: #fff url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/cajaContenidoBack.png.xhtml") repeat-x left bottom;
    border: #ccc 1px solid;
    border-top: #2264a1 3px solid;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    behavior: url(PIE.htc);
}

.cajaContenidos .seccion {
	border-bottom: 1px solid #CCCCCC;
	clear: left;
	float: left;
	width: 100%;
}

.conSeparador {
	margin: 0 0 0.5em 0;
}

.conPadding {
	padding: 0 1em;
}

.textoCentrado {
	text-align: center;
}

.separado {
	margin-top: .75em;
	margin-bottom: .75em
}

.rojo_i {
	color: red !important;
}

.ui-growl-item-container {
	position: relative;
	margin: 0 0 10px 0;
	opacity: .85;
	background-color: #e0dede;
	border: none;
}

.ui-widget {
	font-size: 1.2em;
}

#botonera {
	float: right;
}

.leyenda {
	font-size: 0.7em;
}

.custom-radio {
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    behavior: url(PIE.htc);
}

.custom-radio:hover {
	border: 1px solid #3cb4e8;
	border-radius: 5px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    behavior: url(PIE.htc);
}

.center {
	text-align: center;
}

.col60 {
	width: 60%;
	font-size: 0.8em;
}

.col10 {
	
}

.col50 {
	width: 50%;
	font-size: 0.8em;
}

.cursiva {
	font-style: italic;
}

.negrita {
	font-weight: bold;
}
.azul{
	font-weight: bold;
	color: #007ea9;
}

.verde{
	font-weight: bold;
	font-style: italic;
	color: #7AD321;
}

.rojo{
	font-weight: bold;
	font-style: italic;
	color: #E90B0B;

}


.fuente08 {
	font-size: 0.8em;
    padding-left: 8px;
    padding-top: 2px;
}
.camposFormulario{
	padding: 5px 20px;
}
.activarProfesionar {
	background-color: #bae3ff;
	padding: 0px 0px 0px 20px;
	border:1px solid rgba(63, 138, 255, 0.76);
	margin-top: 10px;
}

#UnidadOrganizativa {
	float: left;
	width: 270px;
	margin-top: 20px;
	margin-left: 150px;
}

.cambioContrasena{
	background-color: #fffdd3;
    padding: 0px 0px 0px 20px;
    border:1px solid #ffe674c2;
    margin-top: 10px;
}
.tablaContrasena td{
	width:200px;
}
.spanCambioContrasena{
	font-size: 0.9em;
    font-weight: bold;
    color: #007ea9;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.link-container-tlf{
	z-index:999;
}
.link-container-faq{
	z-index:999;
}
#textolopd{
	position: relative;
    width: 200%;
    margin: 20px 30px 10px -150px;
    font-size: 0.9em;
    text-align: justify;
}
#aceptarlopd{
	text-align: right;
    padding-top: 20px;
    font-weight: bold;
    color: #403f3f;
}
.textoAdmin p{
	width:500px;
}

.contenidoLogin #botonera{
	margin-right:30px;
}


#breadcrumb {
  list-style: none;
  display: inline-block;
  font-size: 0.9em;
  padding: 5px 0px;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}

#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #007ea9;
  text-decoration: none;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
  
}
/*
#breadcrumb li:nth-child(even) a {
  background-color: #007EA9;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #007EA9;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #007EA9;
}
*/

#breadcrumb li:first-child a {
  background-color:  #3498db;
}
#breadcrumb li:first-child a:before {
  border-color:  #3498db;
  border-left-color: transparent;
}
#breadcrumb li:first-child a:after {
  border-left-color:  #3498db;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
  behavior: url(/agescon/resources/css/PIE.htc);
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
  behavior: url(/agescon/resources/css/PIE.htc);
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #007ea9;
  border-width: 25px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #007ea9;
}
#breadcrumb li a:hover {
  background-color: #cc6e0e;
}
#breadcrumb li a:hover:before {
  border-color: #cc6e0e ;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #cc6e0e;
}
/*
#breadcrumb .completado a:{
  background-color: #17a053;
}
#breadcrumb .completado a:before {
  border-color: #17a053;
  border-left-color: transparent;
}
#breadcrumb .completado a:after {
  border-left-color:#17a053;
}
*/

#breadcrumb .activado a:hover {
  background-color: #cc6e0e;
}
#breadcrumb .activado a:hover:before {
  border-color: #cc6e0e;
  border-left-color: transparent;
}
#breadcrumb .activado a:hover:after {
  border-left-color: #cc6e0e;
}

#breadcrumb .activado a {
  background-color: #cc6e0e;
}
#breadcrumb .activado a:before {
  border-color: #cc6e0e;
  border-left-color: transparent;
}
#breadcrumb .activado a:after {
  border-left-color: #cc6e0e;
}

#breadcrumb .completado a:hover {
  background-color: #17a053;
}
#breadcrumb .completado a:hover:before {
  border-color: #17a053;
  border-left-color: transparent;
}
#breadcrumb .completado a:hover:after {
  border-left-color: #17a053;
}

#breadcrumb .completado a {
  background-color: #17a053;
}
#breadcrumb .completado a:before {
  border-color: #17a053;
  border-left-color: transparent;
}
#breadcrumb .completado a:after {
  border-left-color: #17a053;
}

#breadcrumb .fa{
	-webkit-margin-before: 10px;
	margin:10px;
	font-size: 28px;
}
#menuEmail{
	display:none;
}

@media screen\9 and (-ms-high-contrast: active), (-ms-high-contrast: none){  
  /* IE10+ specific styles go here */  
  #contenidos{
  	min-height:780px;
  	overflow-y:scroll;
  }
}
@media screen\0 and (-ms-high-contrast: active), (-ms-high-contrast: none){  
  /* IE10+ specific styles go here */  
  #contenidos{
  	min-height:780px;
  	overflow-y:scroll;
  }
}
@media screen and (device-aspect-ratio: 16/9), screen and (device-aspect-ratio: 16/10) {
	 #contenidos{
  	min-height:700px;
  	overflow-y:scroll;
  }
}
@media screen\9 and (device-aspect-ratio: 16/9), screen and (device-aspect-ratio: 16/10), (-ms-high-contrast: active), (-ms-high-contrast: none) {
	 #contenidos{
  	min-height:790px;
  	overflow-y:scroll;
	 }
	 
  	
  }
 	


@media \0screen\,screen\9 {
	#imgHome{
		background: url("/servicioandaluzdesalud/agescon/javax.faces.resource/images/redesign/btninicio.PNG.xhtml")  no-repeat !important;
	}
	

}