@charset "utf-8";
/* CSS Document */
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/***************************************************/
/* 5. Formularios *****/
/***************************************************/
.pasos_formulario {
	clear: both;
	float: left;
	padding-bottom: 10px;
}
.pasos_formulario img {
	padding: 0px;
	border: 0px;
}
/* Select de mostrar p�ginas en los resultados de b�squeda */
fieldset{
	padding:0;
	border:none;
}
fieldset.mostrar_estado {
	float: right;
}
fieldset.mostrar_estado select {
	float: left;
	margin-right: 10px;
	width:120px;
}
fieldset.mostrar_estado input[type="submit"] {
	float: left;
	margin: 0.3em 0 0 0;
	top: -4px;
}
/* Select de mostrar p�ginas en b�squeda cnae - calculadora cuotas **/
fieldset.mostrar_res {
    float: right;
    margin-bottom: 20px;
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="button"], input[type="submit"], select, input[type="search"] {
	border-radius: 0;
	border: 1px solid #aaa;
	background-color: #FFF;
	padding: 3px 0;
}
textarea {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	height: 60px;
}
select {
	height: 26px;
}
label.w100 {
	padding:0
}
fieldset.formularios {
	border: 1px solid #ADADAD;
	float: left;
	padding: 10px;
	width: 100%;
}
fieldset.formularios, fieldset.formularios * {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
fieldset.formularios fieldset {
	margin-top: 1em;
	border: none;
}
fieldset.formularios .row fieldset {
	margin:0
}
fieldset.formularios .row fieldset legend {
	padding: 0 0 3px 0;
}
fieldset.b_centros {
	background-image: url(../Images/Fremap/img_comun/mapa_centros_bg.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
fieldset.b_centros fieldset div {
	min-height: 20px;
}
fieldset.formularios p {
	margin: 10px 0;
	padding: 0;
	clear: both;
}
fieldset.formularios + fieldset.formularios, fieldset.formularios + fieldset.formularios + fieldset.formularios, fieldset.formularios + div fieldset.formularios {
	margin-top: 15px;
}
fieldset.formularios legend {
	font-size: 1.1em;
	font-weight: bold;
	min-height: 17px;
	padding: 5px 0 0;
	width: 100%;
	white-space: normal;
}
:first-child + html fieldset.formularios legend {
	margin: -5px 0 0 -8px !important;
}
fieldset.formularios label {
	font-size: 1.1em;
	clear: both;
	display: block;
	float: none;
	font-weight: bold;
	padding: 2px 0;
	width: 100%;
	line-height: 15px;
}
fieldset.formularios legend label {
	font-size: 0.9em;
	padding-top: 0px;
}
fieldset.formularios label span, fieldset.formularios legend span, span.obligatorio {
	color: #D92B00;
	font-weight: bold;
}
fieldset.formularios legend.ie span {
	display: block;
	width: 628px;
	white-space: normal;
	font-weight: bold;
	color: #000;
}
fieldset.formularios fieldset.w50 span {
	float: left;
	margin-right: 5px;
}
fieldset.formularios fieldset.w50 legend span {
	float: none;
}
fieldset.formularios span.validator img, div.info span.validator img {
	border: none;
	padding: 0 3px
}
fieldset.formularios span.validator {
	margin-right: 0px !important;
}
fieldset.formularios legend abbr, fieldset.formularios label abbr {
	font-weight: bold;
}
fieldset.formularios > legend {
	background-color: #F2F2F2;
	border: 1px solid #ADADAD;
	float: none;
	font-weight: normal;
	margin-left: 0;
	padding: 3px 5px;
	width: auto;
}
.nacionalidad, .nacionalidad .w20 {
	min-height: 20px !important;
}
.w50 .w17, .w75 .w17 {
	padding: 0 0 5px;
	width: 72px;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, span.seleccion {
	display: inline;
	font-size: 1em;
	margin: 0 0 5px 0;
	height: 24px;
	text-overflow: ellipsis;
	width: 100%;
	clear: none;
	padding: 0px 3px;
}
input[type="file"] {
	width: 100%
}
fieldset.formularios select.font9 {
	font-size: 0.8em;
}
fieldset.formularios span.seleccion {
	color: #840000;
	width: auto;
	clear: both;
}
fieldset.formularios span.seleccion strong span {
	float: none;
	font-weight: bold;
}
:first-child + html fieldset.formularios input[type="text"] {
	min-height: 18px;
}
:first-child + html fieldset.formularios select {
	margin: 0 5px 0 0 !important;
}

input[type="image"] {
	float: left;
	margin-left:2px;
	padding: 4px 2px;
	display: inline;
}
/* visibilidad del foco en los campos */
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:focus, textarea:focus, input[type="text"]:active, input[type="password"]:active, select:active, textarea:active, input[type="email"]:focus, input[type="email"]:active {
	background-color: #FCECEC;
	border: 1px dashed #840000;
}
input[type="radio"]:focus + label, input[type="checkbox"]:focus + label, input[type="radio"]:active + label, input[type="checkbox"]:active + label {
	color: #840000;
	text-decoration: underline;
}
/* 5.1 Anchos campos **/
fieldset.formularios input[type="radio"] + label, fieldset.formularios input[type="checkbox"] + label, div.info input[type="checkbox"] + label {
	float:none;
	font-weight: normal;
	display: inline;
	margin-right: 1em;
	padding: 0;
	position:relative;
	top: -0.3em;
	width: auto;
}
input + span {
	padding-right: 5px
}
.w100 textarea {
	width:97% !important;
}
input[name="txtNumNIF"], input[name="txtNumero"] {
	max-width: 340px;
}
input[name="txtCPostal"], input[name="txtTelefono"], input[name="txtFax"] {
	max-width: 200px;
}
.w100 input[type="text"], .w100 input[type="number"], .w100 select, .w100 textarea {
	width: 450px;
}
.w75 input[type="text"], .w75 input[type="number"], .w75 select, .w75 textarea {
	width: 450px;
}
.w50 input[type="text"], .w50 input[type="number"], .w50 input[type="email"], .w50 input[type="tel"], .w50 select, .w50 textarea {
	width: 100%;
}
.w60 input[type="text"], .w60 input[type="number"], .w60 select {
	width: 350px;
}
.w40 select, .w40 input[type="text"], .w40 input[type="number"] {
	width: 100%;
}
.w25 input[type="text"], .w25 input[type="number"], .w25 select {
	width: 450px;
}
.w20 input[type="text"], .w20 input[type="number"], .w20 select {
	width: 100px;
}
.w18 input[type="text"], .w18 input[type="number"], .w18 select {
	width: 77px;
}
.w17 input[type="text"], .w17 input[type="number"], .w17 select {
	width: 41px;
}
input[type="text"].size1, input[type="number"].size1, select.dig1 {
	width: 20px;
}
input[type="text"].size2, input[type="number"].size2, select.dig2 {
	width: 30px;
}
input[type="text"].size4, input[type="number"].size4, select.dig4 {
	width: 50px !important;
}
input[type="text"].size5, input[type="number"].size5 {
	width: 60px;
}
input[type="text"].size8, input[type="number"].size8, input[type="email"].size8, select.dig8 {
	width: 75px;
}
input[type="text"].size10, input[type="number"].size10, select.dig10 {
	width: 100px;
}
input[type="text"].size12, input[type="number"].size12, select.dig12 {
	width: 150px;
}
input[type="text"].size3, input[type="number"].size3, select.dig3 {
	width: 42px !important;
}
select.dig5 {
	width: 55px
}
select.dig6 {
	width: 85px
}
select.selectList {
	height: 60px;
	width: 98%;
}
/* 5.2 Fieldset con radio buttons y checkbox **/
.w50 input[type="radio"], .w50 input[type="checkbox"], .w25 input[type="radio"], .w25 input[type="checkbox"], .w40 input[type="radio"], .w40 input[type="checkbox"], .w75 input[type="checkbox"], .w75 input[type="radio"], .w100 input[type="checkbox"], .w100 input[type="radio"], .w20 input[type="checkbox"], .w20 input[type="radio"] {
	height: 15px;
	margin: 6px 3px 9px 1px;
	padding: 0 5px 5px 2px;
}
.w50 input[type="radio"] + label, .w50 input[type="checkbox"] + label, .w25 input[type="radio"] + label, .w25 input[type="checkbox"] + label, .w40 input[type="radio"] + label, .w40 input[type="checkbox"] + label, .w75 input[type="checkbox"] + label, .w75 input[type="radio"] + label, .w100 input[type="checkbox"] + label, .w20 input[type="checkbox"] + label, .w20 input[type="radio"] + label {
	clear: none;
	font-weight: normal;
	height: 15px;
	padding: 0 0 8px 3px;
}
input[type="radio"] + label, input[type="checkbox"] + label {
	float:none;
	width: auto;
}
.w100 input[type="radio"] + label {
	clear: none;
	font-weight: normal;
	padding: 0 0 8px 3px;
}
.w100 input[type="radio"] + label, .w100 input[type="checkbox"] + label {
	width: 620px;
}
.w100 label + .w50 label {
	padding: 0;
}
.w75 input[type="radio"] + label, .w75 input[type="checkbox"] + label {
	width: 445px;
}
.w50 input[type="radio"] + label {
	width: 290px;
}
.w50 span input[type="radio"] + label, .w50 input[type="checkbox"] + label {
	width: 285px;
}
.w25 input[type="radio"] + label, .w25 input[type="checkbox"] + label {
	width: 127px;
}
.w25 label.nopad {
	padding-bottom: 0px !important;
}
.w20 input[type="radio"] + label, .w20 input[type="checkbox"] + label {
	width: 94px;
}
.w40 input[type="radio"] + label, .w40 input[type="checkbox"] + label {
	width: 161px;
}
fieldset.w80 .w20 label {
	width: 95px;
	padding-top: 0px;
	text-align: left;
}
:first-child + html fieldset.check_opciones .w100 {
	padding-bottom: 5px !important;
}
fieldset.check_opciones .w100 label {
	float: left;
	clear: none;
	width: 150px;
	padding: 0;
}
fieldset.check_opciones .w100 label + label {
	text-align: right;
	padding-right: 5px;
}
fieldset.check_opciones .w100 input[type="checkbox"] + label {
	float: left;
	clear: none;
	width: 250px;
}
fieldset.check_opciones .w100 input[type="text"] {
	width: 150px;
}
.w100 + fieldset.w100 {
	min-height: 15px;
}
/* 5.8 Validaci�n campos formularios **/
fieldset.formularios legend.ie span.error {
	width: 10px;
	padding-right: 5px;
}
span.error {
	float: left;
	margin-top: 3px;
}
span.error img {
	padding-right: 5px;
}
span.error + p {
	width: 630px;
	margin-top: 0;
}
/* 5.9 Campos deshabilitados **/
input[disabled], input[hidden], select[disabled], textarea[disabled], label.disabled, label.disabled span, legend.disabled, legend.disabled span, span.disabled {
	color: #999 !important;
}
/* 5.10 Botonera **/
.botonera {
	clear: both;
	margin: 0 auto;
	padding: 15px 0 10px 0;
	width: auto;
}
.botonera div {
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
}
.botonera div input, .botonera a, .botonera a:hover, .botonera a:visited {
	background-color: #990E0F;
	background: -moz-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #de2d32), color-stop(100%, #960d0d));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* IE10+ */
	background: linear-gradient(to bottom, #de2d32 0%, #960d0d 100%);/* W3C */
	background-position: left center;
	background-repeat: repeat-x;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px 2px 7px 2px !important;
	padding: 4px 10px;
}
.botonera div input {
	padding: 3px 8px;
	border: medium none;
}
.botonera a, .botonera a:hover, .botonera a:visited {
	text-decoration: none !important;
	display: inline-block;
}
fieldset input[type="button"], fieldset input[type="submit"] {
	background-color: #990E0F;
	background: 
 -moz-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* FF3.6+ */
	background:
 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de2d32), color-stop(100%, #960d0d));/* Chrome,Safari4+ */
	background:
 -webkit-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* Chrome10+,Safari5.1+ */
	background:
 -o-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* Opera 11.10+ */
	background:
 -ms-linear-gradient(top, #de2d32 0%, #960d0d 100%);/* IE10+ */
	background: linear-gradient(to bottom, #de2d32 0%, #960d0d 100%);/* W3C */
	background-position: left center;
	background-repeat: repeat-x;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1em;
	margin: 2px;
	padding: 6px 8px;
	position: relative;
	width: auto !important;
}
.contenido .botonera + h3 {
	margin-top: 0px;
}
/* Para arreglar la botonera en los internet explorer */
:first-child + html .botonera a {
	padding: 3px 10px !important;
}
:first-child + html .botonera input {
	margin: 0px 2px !important;
}
p.paginacion + .botonera, p.leyenda + .botonera {
	padding-top: 0px;
}
.botonera a:hover, .botonera a:active, .botonera a:focus {
	text-decoration: none;
	color: #FFF !important;
}
:first-child + html .botonera div input {
	padding: 1px 0 !important;
}
/* Correcci�n especial de m�rgenes entre inputs en NIF/NIE Formulario Alta Servicio de Prevenci�n */
.espacio {
	margin-right: 3px;
}
/* 3.3 P�rrafos de informaci�n, advertencia, �xito **/
div.info, div.warn, div.exito, div.cancel, div.cuota {
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin: 10px 0;
	min-height: 32px;
	padding: 5px 15px 5px 42px;
	overflow:hidden;
}
select + select, select + input, input + select {
	padding-left: 10px;
}
div.info ul li, div.warn ul li, div.exito ul li, div.cancel ul li, div.cuota ul li {
	padding-bottom: 5px;
	font-size: 1em;
}
div.info dl li, div.warn dl li, div.exito dl li, div.cancel dl li, div.cuota dl li {
	font-size: 0.9em;
}
div.info {
	background-color: #E2EBFE;
	background-image: url(https://www.fremap.es/Style%20Library/Images/Fremap/img_comun/info.png);
	border: 1px dashed #B9CBEE;
}
div.info + table.resultados {
	margin-top: 20px;
	float: left;
}
div.warn {
	background-color: #FEFBE0;
	background-image: url(../Images/Fremap/img_comun/warning.png);
	border: 1px dashed #FCEC58;
}
div.cancel {
	background-color: #feefef;
	background-image: url(../Images/Fremap/img_comun/cancel.png);
	border: 1px dashed #bd6c6c;
}
div.exito {
	background-color: #efffd6;
	background-image: url(../Images/Fremap/img_comun/exito.png);
	border: 1px dashed #82cf0c;
}
div.cancel h2 {
	margin: 5px 0 5px 0;
}
div.cuota {
	background-color: #f0f0f0;
	background-image: url(../Images/Fremap/img_comun/euro.png);
	border: 1px dashed #ddd;
	margin-bottom: 10px;
}
div.resaltado {
	background-color: #FEECEC;
	border: 1px dashed #ccc;
	margin: 0 10px 10px 0;
	min-height: 32px;
	padding: 5px 5px 5px 15px;
	width: auto;
}
div.info p, div.warn p, div.exito p, div.cancel p, div.cuota p, div.resaltado p {
	margin: 5px 0;
	text-align: left;
}
div.cuota p {
	font-size: 1.2em;
}
div.info > dl, div.warn > dl, div.exito > dl, div.resaltado > dl {
	width: auto;
}
div.info dl, div.warn dl, div.exito dl, div.resaltado dl {
	font-size: 1em;
}
div.info dt, div.warn dt, div.exito dt, div.resaltado dt {
	clear: left;
	background: none !important;
	margin: 0;
	padding: 0 1% 1% 0;
}
div.info dd, div.warn dd, div.exito dd, div.resaltado dd {
	width: 66%;
	margin: 0;
	padding: 0 0 1% 0;
}
div.info dd dd, div.warn dd dd, div.exito dd dd, div.resaltado dd dd {
	width: 200px;
	clear: right;
}
div.info ol, div.warn ol, div.exito ol, div.resaltado ol {
	margin-left: 20px;
	clear: both;
}
div.info + dl, div.warn + dl, div.exito + dl {
	width: 656px;
}
div.warn + fieldset.formularios, div.warn + dl, div.warn + ul.pestanyas {
	margin-top: 20px;
}
div.info dd dl dt {
	margin: 0px;
	width: 100px;
	background: none !important;
}
/***************************************************/
/* 15. Estilos especiales para hacer responsive la p�gina de solicitud de jornadas de prevenci�n (aplicaci�n RRII) *****/
/***************************************************/
.jornadas_responsive {
	font-family: arial;
}
.jornadas_responsive .contenido, .jornadas_responsive div.botonera, .jornadas_responsive div.botonera div {
	width:100%;
}
.jornadas_responsive h3 {
	color: #333;
	font-weight:normal;
	font-size: 1.6em;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-family: 'Archivo Narrow', Arial, Helvetica, sans-serif;
	position: relative;
}
.jornadas_responsive dl {
	max-width: 656px;
	width:100%;
}
.jornadas_responsive .info dl, .jornadas_responsive .warn dl, .jornadas_responsive .exito dl, .jornadas_responsive .resaltado dl {
	max-width: 610px;
	width:100%;
	margin: 10px 0;
}
.jornadas_responsive ul, .jornadas_responsive ul li {
	text-align:left;
}
.jornadas_responsive fieldset.formularios {
	width:100%;
}
.jornadas_responsive fieldset.formularios legend {
	font-size: 0.94em;
}
.jornadas_responsive fieldset.formularios label {
	font-size: 0.97em;
}
.jornadas_responsive select, .jornadas_responsive .cajatexto {
	border-color: #999999 #CCCCCC #CCCCCC #999999;
	border-style: solid;
	border-width: 1px;
	background-color: #FFF;
}
.jornadas_responsive #ocultar, .jornadas_responsive #imgA {
	display:none;
}
.jornadas_responsive div.warn {
	margin-bottom: 20px;
}

.jornadas_responsive fieldset.formularios {
	font-size:1.1em;
	padding: 10px 0 10px 20px;
}
 @media only screen and (max-width:600px) {
.w100 input[type="text"], .w100 input[type="number"], .w100 select, .w100 textarea{
	width:99% !important;
}
.jornadas_responsive fieldset.formularios fieldset, .jornadas_responsive fieldset.formularios div, .jornadas_responsive fieldset.formularios div.w50, .jornadas_responsive fieldset.formularios fieldset.w50, .jornadas_responsive fieldset.formularios .w50 input[type="text"], .jornadas_responsive fieldset.formularios div.w25, .jornadas_responsive fieldset.formularios fieldset.w25, .jornadas_responsive fieldset.formularios .w25 input[type="text"], .jornadas_responsive fieldset.formularios .w25 select {
	width:93% !important;
	padding: 5px 0;
}
.jornadas_responsive fieldset.formularios .w100 textarea {
	width:92% !important;
}

.jornadas_responsive fieldset.formularios input[type="text"][size="10"] {
	width:60% !important;
}
.jornadas_responsive fieldset.formularios input[type="text"][size="8"] {
	width:40% !important;
}
.jornadas_responsive fieldset.formularios input[type='text'][size='2'] {
	width:30px !important;
}
.jornadas_responsive div.info, .jornadas_responsive div.warn {
	
}
.jornadas_responsive div.info p, .jornadas_responsive div.warn p {
	width:95%;
	font-size:1.1em;
	text-align:justify;
	line-height:20px;
}
.jornadas_responsive dt {
	width:90%;
	text-align:left;
	font-size:1.2em;
}
.jornadas_responsive dd {
	width:90%;
	font-size:1.2em;
}
.jornadas_responsive div.info dt, .jornadas_responsive div.warn dt, .jornadas_responsive div.exito dt, .jornadas_responsive div.resaltado dt {
	width:90%;
	border-bottom: 1px dashed #ccc;
}
.jornadas_responsive div.info dd, .jornadas_responsive div.warn dd, .jornadas_responsive div.exito dd, .jornadas_responsive div.resaltado dd {
	width:90%;
	box-sizing: border-box;
}

	 .jornadas_responsive fieldset.formularios select.dig4, .jornadas_responsive select.dig4, .jornadas_responsive fieldset.formularios .w25 select {
	width:20% !important;
}
}