﻿@charset "utf-8";

/* Css Validada para ie7, ie8, ie9, Opera 11.0, Safari 5.1, Firefox 5.0.1 y Chrome 9.0  */


/* CSS versión 2.1 validado por w3c */


/*RESET CSS*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
center,
u,
b,
i {
    margin: 0px;
    padding: 0px;
    border: none;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    vertical-align: baseline;
}

ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

hr {
    margin: 0px;
    padding: 0px;
    border: none;
    color: #000000;
    background-color: #000000;
    height: 0px;
}

abbr,
acronym,
dfn {
    cursor: help;
    border-bottom: 1px dotted;
}

.none {
    display: none !important;
}

* {
    padding: 0px;
    margin: 0px;
}



/*FIN RESET CSS*/

body {
    background-color: #FFF;
    font-size: 0.8em;
    color: #333;
    font-family: "Raleway", sans-serif;
  /*   
    background-size: 100%;
    background-image: url(https://www.fremap.es/Style%20Library/Images/Navidad-2020/fondo-web-fremap-20.png);
    background-color: white;
    background-repeat: repeat-y; */
}

.contenedor {
    max-width: 960px;
    width: 100%;
    margin: 0px auto;
}

h1,
.oculto,
.ms-hidden {
    position: absolute !important;
    left: -999999px !important;
    margin: 0px !important;
    padding: 0px !important;
    float: none !important;
    clear: none !important;
    line-height: 0px;
    font-size: 0em;
}

.menu .menu-item,
.menu .menu-item .additional-background,
.menu .menu-item .additional-background .menu-item-text {
    display: inherit;
}

.contenido div iframe {
    height: 420px;
    width: 108%;
}


/************************* CABECERA *************************/

.saltar {
    background-color: #fff;
    border: 1px solid #c9030a;
    color: #c9030a;
    padding: 5px;
    position: absolute;
    top: -600px;
    left: 5px;
    margin-left: 5px;
}

.saltar:focus {
    top: 5px;
}

a:focus {
    color: #555;
    text-decoration: underline;
}

#cabecera {
    max-width: 960px;
    width: 100%;
   
}

#cabecera div.logo {
    margin-top: 20px;
    float: left;
    display: block;
    width: 60%;
   /*  max-width: 414px; */
}

#cabecera div.logo img {
    width: 100%;
    max-width: 414px;
    padding-top: 5px;
}

/* 14.1 Cookie bar */

#overlay {
    background: #000 !important;
    opacity: .3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cookie-bar {
    background: #fff;
    color: #333;
    text-align: center;
    padding: 10px;
    width: 50% !important;
    z-index: 9999 !important;
    position: fixed;
    top: 350px;
    left: 0;
    outline: 0;
    transform: translateX(50%);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}

#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#cookie-bar p {
    margin: 0;
    padding: 10px 0 10px 0;
    color: #333;
}

#cookie-bar a {
    display: inline-block;
    text-decoration: underline;
    color: #c9030a;
}

#cookie-bar a:hover {
    text-decoration: none;
}

#cookie-bar .cb-enable {
    background: #666;
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    margin-top: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}

#cookie-bar .cb-disable {
    background: #c9030a;
    color: white;
    margin-left: 8px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}

#cookie-bar .cb-configure {
    background: #c9030a;
    color: white;
    margin-left: 8px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}


#cookie-bar .cb-policy {
    background: #333;
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    padding: 0 6px;
}

/* 14.2 ConfigureCookie bar */

#configureCookie-bar .cb-configureAcept {
    background: #c9030a;
    color: white;
    margin-left: 8px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}


/******** Top links *************************************/

ul.herramientas {
    max-width: 530px;
    width: 40%;
    float: right;
    text-align: right;
    margin-top: 10px;
}

ul.herramientas li {
    display: inline-block;
    border-left: 1px solid #333;
}

ul.herramientas li:first-child {
    border-left: none;
}

ul.herramientas li a {
    color: #000;
    text-decoration: underline;
    padding-right: 5px;
    padding-left: 10px;
    overflow: hidden;
    display: inline-block;
}

ul.herramientas li a:hover,
ul.herramientas li span:hover {
    color: #555;
}


/* Google Translate */

ul.herramientas li span {
    background-image: url(img/flecha_idioma.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-right: 5px;
    padding-left: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: underline;
}

ul.herramientas li ul {
    background-color: #FFF;
    display: none;
    position: absolute;
    z-index: 999;
    width: 160px;
}

ul.herramientas li ul li,
ul.herramientas li ul:first-child {
    width: 160px;
    display: block;
    text-align: left;
    float: left;
    background-color: #fff;
    border-left: none;
    padding: 0px 3px;
    color: #333 !important;
}

ul.herramientas li ul li:hover {
    background-color: #c9030a;
}

ul.herramientas li ul li:hover a,
ul.herramientas li ul li:hover span {
    color: #FFF !important;
}

ul.herramientas li#google_translate_element a {
    color: #000;
    text-decoration: none;
    background-image: none;
    padding-right: 0px;
    padding-left: 0px;
}

ul.herramientas li#google_translate_element span {
    background-image: none;
    padding-right: 0px;
    padding-left: 0px;
    cursor: pointer;
}

ul.herramientas li:hover ul {
    display: block;
}

:first-child+html ul.herramientas li:hover ul {
    margin-top: 18px;
}

ul.herramientas li ul li#google_translate_element a,
ul.herramientas li ul li#google_translate_element span {
    width: auto;
    display: inline;
    font-family: "Raleway", sans-serif;
    background: transparent;
    border: none;
    float: left;
}

ul.herramientas li ul li#google_translate_element a.goog-te-menu-value,
ul.herramientas li ul li img,
ul.herramientas li ul li span,
ul.herramientas li ul li div {
    float: left;
    display: inline;
}

.contenedor .goog-te-gadget-simple {
    width: auto;
    display: inline;
    font-family: "Raleway", sans-serif;
    background: transparent;
    border: none;
    cursor: pointer;
    padding-bottom: 2px;
    padding-top: 1px;
}

ul.herramientas li ul li a.esp,
ul.herramientas li ul li span.esp,
ul.herramientas li ul li a.cat,
ul.herramientas li ul li span.cat,
ul.herramientas li ul li a.eus,
ul.herramientas li ul li span.eus,
ul.herramientas li ul li a.gal,
ul.herramientas li ul li span.gal,
ul.herramientas li ul li a.val,
ul.herramientas li ul li span.val,
ul.herramientas li ul li a.eng,
ul.herramientas li ul li span.eng {
    padding: 2px 2px 2px 24px;
    background-position: 3px center;
    background-repeat: no-repeat;
    display: block;
}

ul.herramientas li ul li a.esp,
ul.herramientas li ul li span.esp {
    background-image: url(img/banderas/es.png);
}

ul.herramientas li ul li a.cat,
ul.herramientas li ul li span.cat {
    background-image: url(img/banderas/bandera_catalunya.jpg);
}

ul.herramientas li ul li a.eus,
ul.herramientas li ul li span.eus {
    background-image: url(img/banderas/bandera_euskadi.jpg);
}

ul.herramientas li ul li a.gal,
ul.herramientas li ul li span.gal {
    background-image: url(img/banderas/bandera_galicia.jpg);
}

ul.herramientas li ul li a.val,
ul.herramientas li ul li span.val {
    background-image: url(img/banderas/bandera_valencia.jpg);
}

ul.herramientas li ul li a.eng,
ul.herramientas li ul li span.eng {
    background-image: url(img/banderas/en.png);
}


/* Redes sociales */

ul.redes_sociales_cabecera {
    width: 40%;
    float: right;
    text-align: right;
    margin-top: 13px;
    font-size: 1.1em;
}

ul.redes_sociales_cabecera li {
    display: inline;
    margin-left: 5px;
}

ul.redes_sociales_cabecera li:last-child {
    margin-left: 0px;
}

ul.redes_sociales_cabecera li a {
    text-indent: 27px;
    height: 13px;
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

ul.redes_sociales_cabecera li.linkedin a {
    width: 13px;
    background-image: url(img/linkedin.svg);
}

ul.redes_sociales_cabecera li.twitter a {
    width: 16px;
    background-image: url(img/twitter.svg);
}

ul.redes_sociales_cabecera li.youtube a {
    width: 18px;
    background-image: url(img/youtube.svg);
}

ul.redes_sociales_cabecera li.google a {
    width: 21px;
    background-image: url(img/gplus.svg);
}

ul.redes_sociales_cabecera li.facebook a {
    width: 7px;
    background-image: url(img/facebook.svg);
}


/* Buscador */

.buscador {
   /*  float: right; */
    padding: 2px 36px 2px 10px;
    margin: 11px 0px 15px 0px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 16px;
    height: 25px;
}

.buscador legend {
    position: absolute !important;
    left: -999999px !important;
    margin: 0px !important;
    padding: 0px !important;
    float: none !important;
    clear: both !important;
    line-height: 0px;
}

.buscador label {
    font-size: 1.2em;
    float: left;
    z-index: 50;
    position: relative;
    padding: 6px 5px;
}

.buscador input[type="text"] {
    border: none;
    float: left;
    padding: 0px 2px;
    margin: 0px;
    width: 250px;
    z-index: 51;
    position: relative;
    height: 25px;
    border-radius: 10px;
}

.buscador a,
.buscador a:visited {
    position: absolute;
    margin: 0px;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    color: #c9030a;
    height: 27px;
    width: 30px;
    display: inline-block;
    right: 0;
    font-size: 24px;
}


/******************** menu ***************************/

.menu-btn {
    display: none;
}

.ms-core-listMenu-horizontalBox {
    display: block;
}

.ms-core-listMenu-root li a[accesskey="1"] {
    padding: 11px 20px 10px 20px;
    text-indent: -1000px;
    background-image: url(/Style%20Library/css/img/casita_menu.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.ms-core-listMenu-root li a[accesskey="1"]:hover{
    background-image: url(/Style%20Library/css/img/fondo_menu_over_casita.png);
    background-position: center center;
    background-repeat: no-repeat;
   
} 


.ms-core-listMenu-root{
    max-width: 960px;
    width: 100%;
    background-color: #c9030a;
    overflow: visible;
    height: 40px;
    clear: both;
}

.ms-core-listMenu-root li a{
   color: #fff !important;
   padding: 11px 10px 10px 10px;
}


.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
    margin-right: 0;
    border-right: 1px solid #f1f1f1;
}

.ms-core-listMenu-root li a:hover{
    background: #ac0505;
    background: -moz-linear-gradient(top, #ac0505 0%, #6b0404 99%);
    background: -webkit-linear-gradient(top, #ac0505 0%, #6b0404 99%);
    background: linear-gradient(to bottom, #ac0505 0%, #6b0404 99%);
}

.ms-core-listMenu-root li li li a{
    width: 100%;
text-align: left;
color: #fff;
border-bottom: 1px solid #df3434;
padding: 7px 10px;
text-decoration: none;
margin-right: 1px;
float: none !important;
display: block;
height: auto !important;
background-image: url(/Style%20Library/css/img/fondo_submenu.png);
background-position: left top;
background-repeat: repeat-x;
position: relative;
 }
 
 ul.dynamic {
background-color:none; 
padding: 0; 
border: none; 
box-shadow: 0;
}

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background{
    background-image: none;
}


/* .root {
    max-width: 960px;
    width: 100%;
    background-color: #c9030a;
    overflow: visible;
    height: 36px;
    clear: both;
}

.root li {
    float: left;
    border-right: 1px solid #f1f1f1;
    position: relative;
}

.root li a {
    float: left;
    color: #fff !important;
    padding: 11px 10px 10px 10px;
    text-decoration: none;
    position: relative;
}

.root li a[accesskey="1"] {
    padding: 11px 20px 10px 20px;
    text-indent: -1000px;
    background-image: url(img/casita_menu.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.root li a:hover {
    background: #ac0505;
    background: -moz-linear-gradient(top, #ac0505 0%, #6b0404 99%);
    background: -webkit-linear-gradient(top, #ac0505 0%, #6b0404 99%);
    background: linear-gradient(to bottom, #ac0505 0%, #6b0404 99%);
}

.root li a[accesskey="1"]:hover {
    background-image: url(img/fondo_menu_over_casita.png);
    background-position: center center;
    background-repeat: no-repeat;
}

ul.root ul {
    display: none;
}

ul.root li:hover ul,
ul.root li a:focus+ul {
    display: block;
    width: 185px;
    position: absolute;
    top: 36px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 999999;
}

ul.root ul:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
}

ul.root ul li {
    background-color: #930D0D;
    border: none;
    width: 185px;
    float: left;
    text-align: left;
    display: block !important;
    margin: 0px;
    padding: 0px;
    position: relative;
} */

/* .root li li a {
    width: 175px;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #df3434;
    padding: 7px 10px;
    text-decoration: none;
    margin-right: 1px;
    float: none !important;
    display: block;
    height: auto !important;
    background-image: url(img/fondo_submenu.png);
    background-position: left top;
    background-repeat: repeat-x;
    position: relative;
}
 */

/*.root li li a:hover {
	background-image:url(img/fondo_submenu_over.png);
	background-position:left top;
	background-repeat:repeat-x;
}*/

/* .root li li a span,
.root li li a span span {
    position: relative;
} */


/************************* FIN CABECERA *************************/


/************************* CONTENIDO GENERAL*************************/

.margin_b0 {
    margin-bottom: 0 !important;
}

.block {
    display: block;
}

.contenido_comun {
    max-width: 960px;
    width: 100%;
    padding: 0px;
   
}

.contenido_comun h2 {
    margin-bottom: 5px;
    font-size: 1.7em;
    font-weight: bold;
}

.contenedor_2 {
    float: left;
    max-width: 670px;
    width: 70%;
    background: #FFF;
    padding-bottom: 14px;
    box-sizing: border-box;
}

.contenedor_2 .contenido {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.contenido {
    width: 675px;
    padding: 10px 20px 10px 0;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.w100_n {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
}

.w60_n {
    float: left;
    padding: 10px 0;
    width: 340px;
    background-color: #f0f0f0;
    margin-left: 20px;
    margin-top: 14px;
}

.w50_n {
    float: left;
    padding: 0px 10px 0px 0px;
    width: 327px;
}

.w40_n {
    float: right;
    width: 317px;
    margin-top: 14px;
}


/************************* HOME *************************/


/*** main top ***/

.main_top,
.gest_absent,
.actualidad,
.links {
    clear: both;
    overflow: hidden;
}

.main_top {
    width: 100%;
    background-image: url('img/sombra_slide.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 12px;
    box-sizing: border-box;
}


/* NUEVO SLIDE */

.carousel {
    width: 68%;
    max-width: 650px;
    height: 234px;
    float: left;
}

.controles_slide {
    position: relative;
    top: -35px;
    padding: 0px;
    height: 38px;
    margin: 0px 5px;
    text-align: center;
}

.prev img {
    width: 38px;
}

.next img {
    width: 38px;
}

.stop img {
    width: 38px;
}

.play img {
    width: 38px;
}

.controles_slide a {
    display: inline;
    overflow: hidden;
}

a.prev {
    cursor: pointer;
    margin: 0px 5px 0px 0px;
}

a.next {
    cursor: pointer;
    margin: 0px 0px 0px 0px;
}

a.play {
    cursor: pointer;
    margin: 0px 5px 0px 0px;
    display: none;
}

a.stop {
    cursor: pointer;
    margin: 0px 5px 0px 0px;
}

.rojo {
    color: #c9030a;
    line-height: 1.2em;
    display: block;
}

.gris {
    color: #555;
    padding: 8px 0;
    line-height: 1.2em;
    display: block;
}

.slide {
    height: 225px;
}

#slide0,
#slide1,
#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7,
#slide8,
#slide9,
#slide10,
#slide11,
#slide12,
#slide13,
#slide14,
#navidad {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#slide0 {
    background-image: url(img/slide0.jpg);
}

#slide1 {
    background-image: url(img/slide1.jpg);
}

#slide2 {
    background-image: url(img/slide2.jpg);
}

#slide3 {
    background-image: url(img/slide3.jpg);
}

#slide4 {
    background-image: url(img/slide4.jpg);
}

#slide5 {
    background-image: url(img/slide5.jpg);
}

#slide6 {
    background-image: url(img/slide6.jpg);
}

#slide7 {
    background-image: url(img/slide7.jpg);
}

#slide8 {
    background-image: url(img/slide8.jpg);
}

#slide9 {
    background-image: url(img/slide9.jpg);
}

#slide10 {
    background-image: url(img/slide10.jpg);
}

#slide11 {
    background-image: url(img/slide11.jpg);
}

#slide12 {
    background-image: url(img/slide12.jpg);
}

#slide13 {
    background-image: url(img/slide13.jpg);
}
#slide14 {
    background-image: url(img/slide14.jpg);
}
#navidad {
    background-image: url(img/navidad.jpg);
}

p.lema {
    width: 50%;
    padding: 25px 0px 40px 20px;
    font-size: 1.35em;
    line-height: 18px;
    text-align: left;
}

p.lema span {
    display: block;
}

p.lema span.gris {
    color: #555;
    padding: 8px 0;
    line-height: 1.2em;
}

p.lema a {
    color: #c9030a !important;
    text-decoration: underline;
    font-size: 0.8em;
    padding: 0px 12px 0px 0px;
}

p.lema a img {
    float: none !important;
    margin: 0 !important;
}

span.gris {
    color: #535353;
}

span.rojo {
    color: #c9030a;
}

#slide11 p.lema {
    width: 56%;
}


/* SLIDE */

.videos_home {
    max-width: 310px;
    width: 32%;
    padding: 10px;
    border: 10px solid #FFF;
    box-sizing: border-box;
    background-color: #f1f0f0;
    float: left;
}

.videos_home h3,
.videos_int h3 {
    color: #c9030a;
    font-size: 2em;
    margin-bottom: 10px;
    border-bottom: 1px solid #c9030a;
}

.videos_home h3 a,
.videos_int h3 a {
    display: block;
    float: right;
    background-image: url('img/btn_canal_yt.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 23px;
}

.videos_home p {
    text-align: center;
}

.videos_home iframe {
    width: 100%;
    height: auto;
}


/*** Gestion Absentismo ***/

.fuente {
    font-size: 0.85em;
}

.gest_absent {
    margin-top: 20px;
}

.actualidad {
    margin: 20px 0px;
}

.actualidad h2 {
    margin-bottom: 25px !important;
}

.gest_absent h2,
.actualidad h2 {
    color: #c9030a;
    font-size: 3em;
    font-weight: normal;
    margin: 0px;
    text-align: center;
    position: relative;
}

.gest_absent ul {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    padding: 8px 0;
    text-align: center;
}

.gest_absent ul li {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    max-width: 200px;
    width: 20%;
    display: inline-block;
    text-align: center;
    margin: 0% 2% 0% 2%;
    height: 125px;
    box-sizing: border-box;
}

.gest_absent ul li:hover {
    transform: scale(1.05);
}

.gest_absent ul li:first-child {
    background-color: #c9030a;
}

.gest_absent ul li a {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    display: inline-table;
    height: 125px;
    width: 100%;
    padding: 65px 5px 0px 5px;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center 10px;
}

.gest_absent ul li a p {
    font-size: 1.2em;
    font-weight: bold;
    color: #c9030a;
    margin-bottom: 2px;
}

.gest_absent ul li:first-child a p,
.gest_absent ul li:first-child a span {
    color: #FFF;
}

.gest_absent ul li a.claves {
    background-image: url('img/logo_bg.png');
}

.gest_absent ul li a.indices_home {
    background-image: url('img/indices_bg.png');
}

.gest_absent ul li a.comparativa {
    background-image: url('img/comparativa_bg.png');
}

.gest_absent ul li a.calcular {
    background-image: url('img/calcular_bg.png');
}


/*** Actualidad ***/

.actualidad h3 {
    color: #c9030a;
    font-size: 2em;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    text-align: center;
    position: relative;
}

.actualidad ul {
    /*height:120px;*/
    overflow: hidden;
}

.actualidad a,
.actualidad a:visited {
    color: #c9030a;
    text-decoration: underline;
}

.noticias_h,
.publicaciones_h {
    width: 50%;
    float: left;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
}

.noticias_index img {
    width: 80px;
}

.normativa_h,
.twitter_h {
    width: 50%;
    float: left;
    background-color: #f1f0f0;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
}

.normativa_h div,
.twitter_h div {
    background-color: #FFF;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 0px solid #000000;
    padding: 10px;
    box-sizing: border-box;
}



/*.noticias_h div, .publicaciones_h div{
	background-color:#FFF;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	padding:10px;
	box-sizing:border-box;
}

.noticias_h div .noticias_index, .publicaciones_h div .publicaciones_index{
	background-color:#FFF;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	padding:10px;
	box-sizing:border-box;
}*/

.normativa_h div ul li,
.publicaciones_h div ul li {
    padding: 10px 0px;
}

.normativa_h div ul li a,
.publicaciones_h div ul li a {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 40px;
    display: block;
    min-height: 40px;
}

a[title="Ministerial"] {
    background-image: url('img/ministerial.png');
}

a[title="Normativa"] {
    background-image: url('img/normativa.png');
}

a[title="Publicación"] {
    background-image: url('img/publicacion.jpg');
}

.publicaciones_h {
    clear: both;
}

.noticias_h div ul li {
    overflow: hidden;
    padding: 9px 0px;
}

.noticias_h div ul li a img {
    float: left;
    padding: 2px;
    border: 1px solid #cccccc;
    margin-right: 8px;
    background-color: #f0f0f0;
    box-sizing: border-box;
}

.twitter_h {
    padding-bottom: 30px;
}

.twitter_h div {
    overflow: hidden;
    height: 240px;
}

.mas_art {
    display: block;
    text-align: right;
    margin-top: 10px;
}


/*** Destacados ***/

.links {
    margin: 25px 0px;
}

.links ul li {
    width: 20%;
    float: left;
    text-align: center;
    box-sizing: border-box;
}

.links ul li a {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center 5px;
    padding: 60px 5% 5px 5%;
    display: block;
}

.links ul li:hover,
.links ul li a:focus {
    background-color: #f1f0f0;
}

.links ul li a.red_centros {
    background-image: url('img/red_centros_bg.png');
}

.links ul li a.f_online {
    background-image: url('img/f_online_bg.png');
}

.links ul li a.f_contigo {
    background-image: url('img/f_contigo_bg.png');
}

.links ul li a.c_prevencion {
    background-image: url('img/c_prevencion_bg.png');
}

.links ul li a.codigo_bidi {
    background-image: url('img/httpgestionitfremape.png');
    background-size: 55px;
}

.links ul li a p {
    font-size: 1.2em;
    font-weight: normal;
    color: #c9030a;
    margin-bottom: 2px;
}

.links ul li a span {
    color: #333;
}


/****** columna derecha - VIDEO **********/

.video {
    width: 30%;
    float: left;
}

.videos_int {
    max-width: 310px;
    width: 100%;
    padding: 10px;
    border: 10px solid #FFF;
    box-sizing: border-box;
    background-color: #f1f0f0;
    float: left;
}

.videos_int iframe {
    width: 100%;
    height: auto;
}


/****** columna derecha - BOTONES DESTACADOS **********/

.btn_destacados {
    margin-top: 10px;
    padding: 0px 10px;
    width: 30%;
    box-sizing: border-box;
}

.btn_destacados {
    float: left;
}

.btn_destacados ul li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #454444;
    font-family: "Raleway", sans-serif;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    float: left;
}

.btn_destacados ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 0px 10px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    min-height: 60px;
}

.btn_destacados ul li a span {
    font-size: 16px;
    font-weight: 600;
    color: #c9030a;
    display: block;
    width: 200px;
}

.btn_destacados ul li a p {
    font-size: 13px;
    margin-top: 5px;
    padding-right: 70px;
    color: #333;
}

.btn_destacados ul li a:hover,
.btn_destacados ul li a:focus {
    background-color: #c9030a;
    color: #fff;
}

.btn_destacados ul li a:hover span,
.btn_destacados ul li a:focus span {
    color: #fff;
}

.btn_destacados ul li a:hover p,
.btn_destacados ul li a:focus p {
    color: #fff;
}

.btn_claves a {
    background-image: url(img/claves_dark.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.btn_claves a:hover,
.btn_claves a:focus {
    background-image: url(img/claves_white.png);
}

.btn_indices a {
    background-image: url(img/indices_dark.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.btn_indices a:hover,
.btn_indices a:focus {
    background-image: url(img/indices_white1.png);
}

.btn_comparativa a {
    background-image: url(img/comparativa_dark.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.btn_comparativa a:hover,
.btn_comparativa a:focus {
    background-image: url(img/comparativa_white.png);
}

.btn_calculadora a {
    background-image: url(img/calculadora_dark.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}

.btn_calculadora a:hover,
.btn_calculadora a:focus {
    background-image: url(img/calculadora_white.png);
}


/* Destacados externos en gris oscuro*/

li.btn_fol a,
li.btn_contacta a,
li.btn_centros a,
li.btn_contigo a,
li.btn_prevencion a {
    padding: 16px 78px 26px 15px;
    width: 140px;
    color: #FFF !important;
}

li.btn_fol a {
    background-image: url(img/btn_fol.png);
}

li.btn_fol a:hover {
    background-image: url(img/btn_fol_over.png);
}

li.btn_contacta a {
    background-image: url(img/btn_contacta.png);
}

li.btn_contacta a:hover {
    background-image: url(img/btn_contacta_over.png);
}

li.btn_centros a {
    background-image: url(img/btn_centros.png);
}

li.btn_centros a:hover {
    background-image: url(img/btn_centros_over.png);
}

li.btn_contigo a {
    background-image: url(img/btn_contigo.png);
}

li.btn_contigo a:hover {
    background-image: url(img/btn_contigo_over.png);
}

li.btn_prevencion a {
    background-image: url(img/btn_prevencion.png);
}

li.btn_prevencion a:hover {
    background-image: url(img/btn_prevencion_over.png);
}


/************************* FIN DESTACADOS *************************/


/************************* CABECERAS *************************/

h2.cab_calculadora,
h2.cab_noticias,
h2.cab_publicaciones,
h2.cab_gestion,
h2.cab_foros,
h2.cab_normativa,
h2.cab_practicas,
h2.cab_agenda,
h2.cab_observatorio,
h2.cab_generica,
h2.cab_generica2 {
    background-color: #fff;
    margin-bottom: 0px;
    text-transform: uppercase;
    background-position: right bottom;
    background-repeat: no-repeat;
}

h2.cab_calculadora {
    background-image: url(img/cab_calculadora.jpg);
    padding: 20px 212px 20px 10px;
}

h2.cab_agenda {
    background-image: url(img/cab_agenda.jpg);
    padding: 20px 144px 20px 10px;
}

h2.cab_noticias {
    background-image: url(img/cabecera_noticias.jpg);
    padding: 20px 240px 20px 10px;
}

h2.cab_publicaciones {
    background-image: url(img/cab_publicaciones.jpg);
    padding: 20px 144px 20px 10px;
}

h2.cab_normativa {
    background-image: url(img/cab_normativa.jpg);
    padding: 20px 195px 20px 10px;
}

h2.cab_practicas {
    background-image: url(img/cab_catalogo.jpg);
    padding: 20px 207px 20px 10px;
}

h2.cab_foros {
    background-image: url(img/cab_foros.jpg);
    padding: 20px 210px 20px 10px;
}

h2.cab_cons_tec_frec {
    background-image: url(img/cab_cons_tec_frec.jpg);
    padding: 20px 210px 20px 10px;
}

h2.cab_observatorio {
    background-image: url(img/cab_observatorio.jpg);
    padding: 20px 231px 20px 10px;
}

h2.cab_gestion {
    background-image: url(img/cab_gestion.jpg);
    padding: 20px 237px 20px 10px;
}

h2.cab_generica {
    padding: 20px 20px 20px 10px;
    color: #c9030a;
    font-family: "Raleway", Helvetica, Sans-Serif;
    font-weight: 500;
    font-size: 2.5em;
    text-transform: inherit;
}

h2.cab_generica2 {
    background-image: url(img/cab_generica.jpg);
    background-position: 470px bottom;
    padding: 20px 129px 20px 10px;
}

h2.cab_videos {
    background-image: url(img/cab_videos.jpg);
    padding: 20px 200px 20px 10px;
}


/************************* FIN CABECERAS *************************/


/************************* MIGAS *************************/

.migas {
    width: 100%;
    font-size: 1.1em;
    padding: 0px 0px 12px 0px;
    box-sizing: border-box;
    background-image: url(img/sombra_migas.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 10px;
}

.migas div {
    background-color: #f2f2f2;
    overflow: hidden;
    padding: 10px 10px;
}

.migas p {
    float: left;
    color: #333;
    width: auto;
    margin: 0px;
    padding-left: 3px;
    line-height: 18px;
}

.migas div p+ul {
    float: none;
    width: 80%;
}

.migas ul li {
    float: left;
    margin: 0px 3px;
    width: auto;
    line-height: 18px;
}

.migas li a,
.migas li a:visited {
    color: #c9030a !important;
    white-space: nowrap;
    padding: 0px 9px 0px 0px;
    background-image: url(img/bullet_gris.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

h2.cab_normativa+.migas ul li:first-child+li,
h2.cab_publicaciones+.migas ul li:first-child+li,
h2.cab_practicas+.migas ul li:first-child+li {
    display: none;
}


/********** FIN MIGAS ************/


/********** ACCIONES IMPRIMIR y ENVIAR ************/

ul.acciones {
    width: auto;
    float: right;
}

ul.acciones li {
    float: left;
    margin-left: 6px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background-color: #ffffff;
    padding: 5px;
    box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.75);
}

ul.acciones li a {
    display: block;
    margin: 0 auto;
}

ul.acciones li.enviar a {
    background-image: url(img/enviar.gif);
}

ul.acciones li.imprimir a {
    background-image: url(img/imprimir.gif);
}

ul.acciones li.enviar a,
ul.acciones li.imprimir a {
    background-position: center;
    text-indent: -10000px;
}


/********** FIN ACCIONES IMPRIMIR y ENVIAR ************/


/**********************CONTENIDO INTERIOR *************************/

.contenido h3 {
    color: #c9030a;
    font-family: "Raleway", Helvetica, sans-serif;
    font-size: 1.7em;
    margin: 10px 0 5px 0px;
}

.contenido h3.h3_float {
    float: left;
    width: 676px;
}

.contenido h3 abbr,
.contenido h3 acronym {
    font-weight: bold;
}

.contenido h4 {
    margin: 12px 0px 6px 0px;
    font-size: 1.4em;
    font-family: "Raleway", Helvetica, sans-serif;
    color: #c9030a;
}

.contenido h5 {
    margin: 5px 0px 5px 0px;
    font-size: 1.25em;
    font-family: "Raleway", Helvetica, sans-serif;
    color: #c9030a;
}

.contenido h6 {
    margin: 15px 0px 5px 0px;
    font-size: 1.3em;
    font-family: "Archivo Narrow", Helvetica, sans-serif;
    color: #333;
    text-decoration: underline;
}

.contenido p,
.contenido ul,
.contenido ol {
    margin: 7px 0px 7px 0px;
    line-height: 20px;
    text-align: justify;
    overflow: hidden;
    clear: both;
}

.contenido p+ul,
.contenido p+ol,
.contenido h3+ul {
    padding-left: 30px;
}

.contenido p.grande {
    font-size: 1.4em;
    line-height: 30px;
    margin-bottom: 25px;
}

.contenido p.grande_rojo {
    font-size: 1.4em;
    color: #c9030a;
    line-height: 30px;
    margin-bottom: 25px;
}

.contenido a,
.contenido a:visited {
    color: #c9030a !important;
    text-decoration: underline;
}

.contenido a:hover,
.contenido a:active,
.contenido a:focus {
    color: #666666;
}

.contenido li {
    background-image: url(img/bullet_gris.gif);
    background-position: left 7px;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-bottom: 7px; 
}

.contenido li ul {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.contenido li li {
    background-image: url(img/bullet_2.gif);
    background-position: left 10px;
    padding-bottom: 3px;
}

.contenido li p {
    margin: 5px 0px;
}

.contenido ul.expandida {
    padding-left: 20px;
}

.contenido ul.expandida li {
    background-position: left 12px;
    padding-left: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.contenido ul.gray {
    padding-left: 10px;
    text-align: left;
    color: #666;
    line-height: 16px;
    font-size: 0.9em;
}

.contenido ul.gray li {
    background-position: left 6px;
    padding-left: 8px;
}

.contenido img.img_grafico {
    margin: 5px 70px 14px 150px;
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: #f7f7f7;
    width: 360px;
}

.contenido img.img_grafico2 {
    margin: 5px 99px 15px 70px;
    border: 1px solid #c1c1c1;
    padding: 3px;
    background-color: #f7f7f7;
    width: 360px;
}

p.paginacion {
    text-align: center;
}


/*Formulas*/

.formula {
    display: table;
    margin: auto;
    background-color: #FFF;
    border: 1px solid #666;
}

.celda,
.x_100 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.celda p {
    text-align: center;
}

.x_100 {
    width: 52px;
}

.top_division {
    border-bottom: 1px solid #333;
}


/*Indices*/

.contenido .mapa_indices {
    margin: 20px auto 20px auto;
    border: 1px solid #cccccc;
    padding: 3px;
    background-color: #f7f7f7;
    width: 100%;
    max-width: 499px;
    height: 329px;
    background-image: url(img/mapa_indices.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.contenido .mapa_indices ul {
    position: relative;
    height: 320px;
}

.contenido .mapa_indices ul li {
    background: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: 800;
    color: #333;
    position: absolute;
    background-color: #ececec;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 0px solid #000000;
    padding: 0px 2px;
    line-height: 1.3em;
}

.contenido .mapa_indices ul li.max {
    color: #c9030a;
}

.mapaCovid{
    visibility: visible;
	display: block
}
.listaCovid{
	visibility: hidden;
    display: none;
}

.oculto_ind {
    position: absolute !important;
    left: -999999px !important;
    margin: 0px !important;
    padding: 0px !important;
    float: none !important;
    clear: none !important;
    line-height: 0px;
    font-size: 0em;
}

.andalucia {
    left: 222px;
    top: 216px;
}

.aragon {
    left: 317px;
    top: 76px;
}

.cantabria {
    left: 230px;
    top: 12px;
}

.c_leon {
    left: 215px;
    top: 60px;
}

.c_mancha {
    left: 257px;
    top: 153px;
}

.catalunia {
    left: 378px;
    top: 58px;
}

.ceuta {
    left: 210px;
    top: 274px;
}

.madrid {
    left: 238px;
    top: 110px;
}

.valencia {
    left: 317px;
    top: 144px;
}

.extremadura {
    left: 173px;
    top: 156px;
}

.galicia {
    left: 133px;
    top: 26px;
}

.baleares {
    left: 411px;
    top: 135px;
}

.canarias {
    left: 52px;
    top: 271px;
}

.la_rioja {
    left: 272px;
    top: 46px;
}

.melilla {
    left: 304px;
    top: 294px;
}

.navarra {
    left: 295px;
    top: 28px;
}

.p_vasco {
    left: 269px;
    top: 14px;
}

.asturias {
    left: 181px;
    top: 8px;
}

.murcia {
    left: 300px;
    top: 199px;
}

.grafico img {
    padding: 3px;
    border: 1px solid #CCCCCC;
    max-width: 529px;
    width: 100%;
    margin: 25px auto;
    display: block;
    box-sizing: border-box;
}


/*fin Indices*/

.img_p {
    float: left;
    margin: 5px 10px 10px 5px;
}


/* Listas de definicion */

dl {
    overflow: hidden;
    margin: 0 10px;
    width: 100%;
    display: block;
    line-height: 18px;
}

dt {
    float: left;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: right;
    width: 18%;
    min-height: 16px;
}

dd {
    float: left;
    min-height: 16px;
    display: block;
    margin: 0 0 5px 10px;
    width: 70%;
}

dd dt {
    width: 110px;
    text-align: left;
    clear: none;
    margin-right: 5px;
}

dd dd,
dl dl {
    float: none;
    margin: 0px;
    width: auto !important;
}

dd.dd_clear {
    min-height: 37px;
}


/* Listas de definicion Indices */

dl.indices {
    float: left;
    margin: 0px;
    /*width: 640px;*/
    /*Gonzalo*/
    display: block;
    line-height: 15px;
    font-size: 0.95em;
    padding-top: 15px;
    padding-bottom: 15px;
}

dl.indices dt {
    float: left;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    width: 150px;
    min-height: 16px;
    padding: 5px 10px 5px 5px;
    background-image: url(img/bullet_gris.gif);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-left: 8px;
}

dl.indices dd {
    float: left;
    min-height: 16px;
    display: block;
    margin: 0 0 5px 5px;
    width: 440px;
    background: #EAEEF6;
    padding: 5px 10px 5px 10px;
    text-align: left;
}

dl.indices dd dt {
    width: 110px;
    text-align: left;
    clear: none;
    margin-right: 5px;
}


/* Listas de definicion Estadisticas */

dl.estadisticas {
    float: left;
    margin: 0px;
    width: 640px;
    display: block;
    line-height: 15px;
    font-size: 0.95em;
    padding-top: 15px;
    padding-bottom: 15px;
}

dl.estadisticas dt {
    float: left;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    width: 310px;
    min-height: 16px;
    padding: 5px 10px 5px 5px;
    background-image: url(img/bullet_gris.gif);
    background-repeat: no-repeat;
    background-position: right 9px;
    padding-left: 8px;
}

dl.estadisticas dd {
    float: left;
    min-height: 16px;
    display: block;
    margin: 0 0 5px 5px;
    width: 250px;
    background: #EAEEF6;
    padding: 5px 10px 5px 10px;
    text-align: left;
}


/* Leyenda */

p.leyenda {
    font-size: 0.95em;
    padding-bottom: 10px;
    line-height: 16px;
}

p.leyenda+ul {
    padding-left: 0px;
}


/************************ Listado de resultados *********************************/

.resultados_busqueda li {
    width: 90%;
    background-color: #F7F7F7;
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 60px;
}

.resultados_busqueda li.list_buscador {
    background-image: url(img/pin_formacion.png);
}

.resultados_busqueda li.congreso {
    background-image: url(img/pin_congreso.png);
}

.resultados_busqueda li.jornada {
    background-image: url(img/pin_jornada.png);
}

ul.resultados_busqueda li.hospital,
ul.resultados_busqueda li.asistencial,
ul.resultados_busqueda li.admin_asit_hospit {
    background-image: url(img/pin_hospital2.png);
}

ul.resultados_busqueda li.admin,
ul.resultados_busqueda li.admin_asist {
    background-image: url(img/pin_administrativo2.png);
}

ul.resultados_busqueda li.cont {
    background-image: url(img/pin_contenido.png);
    min-height: 10px;
}

ul.resultados_busqueda li.pdf {
    background-image: url(img/pin_pdf.png);
}

ul.resultados_busqueda li.doc {
    background-image: url(img/pin_word.png);
}

ul.resultados_busqueda li.ppt {
    background-image: url(img/pin_ppt.png);
}

ul.resultados_busqueda li.xls {
    background-image: url(img/pin_xls.png);
}

ul.resultados_busqueda li.img {
    background-image: url(img/pin_img.png);
}

ul.resultados_busqueda li.zip {
    background-image: url(img/pin_zip.png);
}

ul.resultados_busqueda li.descarga {
    background-image: url(img/pin_descarga.png);
}

ul.resultados_busqueda li .botones {
    float: right;
    padding: 0 20px 0 0;
}

ul.resultados_busqueda li.descarga div.botones,
ul.resultados_busqueda li.zip div.botones,
ul.resultados_busqueda li.xls div.botones,
ul.resultados_busqueda li.ppt div.botones,
ul.resultados_busqueda li.doc div.botones,
ul.resultados_busqueda li.pdf div.botones,
ul.resultados_busqueda li.contenido div.botones {
    display: none;
}

ul.resultados_busqueda li .botones a {
    background-color: #717171;
    background-image: url("img/centros_boton_bg.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin: 40px 2px 2px;
    padding: 3px 5px;
    width: auto !important;
}

ul.resultados_busqueda li.hospital dl,
ul.resultados_busqueda li.admin dl,
ul.resultados_busqueda li.asistencial dl,
ul.resultados_busqueda li.admin_asist dl,
ul.resultados_busqueda li.admin_asit_hospit dl,
.resultados_centros dl {
    background-color: #F7F7F7;
    border-left: 1px dotted #D8D9D9;
    clear: none;
    float: left;
    margin: 0px;
    padding: 10px;
    /*width: 384px;*/
    /*Gonzalo*/
}

ul.resultados_busqueda li.contenido dl,
ul.resultados_busqueda li.pdf dl,
ul.resultados_busqueda li.doc dl,
ul.resultados_busqueda li.ppt dl,
ul.resultados_busqueda li.xls dl,
ul.resultados_busqueda li.img dl,
ul.resultados_busqueda li.zip dl,
ul.resultados_busqueda li.descarga dl {
    border-left: 1px dotted #D8D9D9;
    margin: 0px;
    float: left;
    padding: 10px;
    /*width: 586px;*/
    /*Gonzalo*/
    /*width: 100%;*/
}

.resultados_busqueda dl {
    /*background-color: #F7F7F7;
	border-left: 1px dotted #D8D9D9;*/
    /*Gonzalo*/
    clear: none;
    /*float: left;*/
    /*Gonzalo*/
    margin: 0px;
    padding: 10px;
    /*width: 384px;*/
    /*Gonzalo*/
}

.resultados_busqueda dt {
    clear: none;
    color: #932121;
    float: left;
    margin: 0px 5px 0 0;
    padding: 0px;
    width: auto;
}

.resultados_busqueda dd {
    float: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    /*width: auto;*/
    /*Gonzalo*/
}

p.resumen_p {
    margin: 3px 15px 10px 0;
    float: left;
    width: 68%;
}

fieldset.mostrar_estado {
    float: right;
    min-width: 191px;
}


/* Resultados de disposiciones */

.disposiciones a {
    background-color: #F7F7F7;
    border-left: 1px dotted #D8D9D9;
    clear: none;
    float: left;
    margin: 0px;
    padding: 10px;
    width: 581px;
    min-height: 43px;
}

ul.disposiciones li.pdf {
    width: 584px !important;
}


/****************** Listado de publicaciones - listas definición ************************/

.listado_public dd {
    width: 74%;
}

.listado_public {
    padding: 10px 0;
    border-bottom: 1px dashed #CCC;
    font-size: 0.95em;
    overflow: hidden;
}

.listado_public dt {
    clear: both;
    width: 80px;
    float: left;
}

.listado_public dl dd a {
    font-weight: bold;
}

.listado_public dl dd.titulo {
    font-weight: bold;
    color: #c9030a;
}

.listado_public img.libro,
.listado_public img.generico {
    float: left;
    background-color: white;
    padding: 3px;
    margin-left: 15px;
    max-width: 90px;
}

.listado_public img.libro {
    border: 1px solid #999;
}


/****************** Listado de publicaciones ************************/

ul.publicaciones {
    float: left;
    clear: both;
    width: 656px;
}

ul.publicaciones li,
.accordion ul.publicaciones li {
    float: left;
    background: none;
    padding: 0px;
    width: 164px;
    padding: 0px;
    margin: 0px;
}

ul.publicaciones li a {
    float: left;
    padding: 0px;
    margin: 10px 22px 10px 10px;
    position: relative;
    z-index: 1;
}

ul.publicaciones li a img {
    float: left;
    width: 126px;
    padding-bottom: 10px;
    background-image: url(img/fondo_publicacion.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    z-index: 150;
}

ul.publicaciones li a img.descarga,
ul.publicaciones li a img.video {
    position: absolute;
    left: 0px;
    height: auto;
    bottom: 15px;
    padding-bottom: 0px;
    background: none;
    z-index: 151;
}

ul.publicaciones li a img.video {
    top: 15px;
}

ul.publicaciones li a img.min_video {
    height: 84px;
}

ul.publicaciones li a img.min_cartel {
    height: 179px;
}

ul.publicaciones li a img.min_cartel_a {
    height: 90px;
}

ul.publicaciones li a span {
    float: left;
    display: block;
    width: 116px;
    padding: 0px 5px 28px 5px;
    text-decoration: underline;
    text-align: center;
}


/* listado de buenas practicas en index */

.w50_n ul.publicaciones {
    width: 327px;
}

.w50_n ul.publicaciones li {
    width: 109px;
}

.w50_n ul.publicaciones li a {
    margin: 10px 12px 10px 13px;
}

.w50_n ul.publicaciones li a img {
    width: 84px;
}

ul.publicaciones li a img.descarga {
    bottom: 10px;
}


/* botones */

div.botonera {
    clear: both;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    width: auto;
}

div.botonera div {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: auto;
}

div.botonera div input,
div.botonera a,
div.botonera a:hover,
div.botonera a:visited {
    background-color: #990E0F;
    background-image: url(img/fondo_botones.png);
    background-position: left center;
    background-repeat: repeat-x;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    margin: 0px 2px !important;
    padding: 4px 10px !important;
}

div.botonera div input {
    padding: 3px 8px !important;
    border: medium none;
}

div.botonera a,
div.botonera a:hover,
div.botonera a:visited {
    text-decoration: none !important;
    display: inline-block;
}


/* Para arreglar en los internet explorer */

:first-child+html div.botonera a {
    padding: 3px 10px !important;
}

:first-child+html div.botonera input {
    margin: 0px 2px!important;
}


/* Para arreglar botonera en los internet explorer */

p.paginacion+div.botonera,
p.leyenda+div.botonera {
    padding-top: 0px
}

div.botonera a:hover,
div.botonera a:active,
div.botonera a:focus {
    text-decoration: none;
    color: #FFF;
}

:first-child+html div.botonera div input {
    padding: 1px 0 !important;
}

fieldset input[type="button"],
fieldset input[type="submit"] {
    background-color: #990E0F;
    background-image: url("img/fondo_botones.png");
    background-position: left center;
    background-repeat: repeat-x;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    margin: 2px;
    padding: 3px 5px;
    position: relative;
    width: auto !important;
}


/******************** FIN FORMULARIOS *********************************/


/***************** div info **********************/

div.info,
div.warn,
div.exito,
div.cancel,
div.cuota {
    background-position: 5px 5px;
    background-repeat: no-repeat;
    display: block;
    margin: 10px 10px 20px 0;
    min-height: 32px;
    padding: 5px 5px 5px 42px;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.87em;
}

div.info p,
div.warn p,
div.exito p,
div.cancel p,
div.cuota p {
    line-height: 15px;
    text-align: justify !important;
}

div.info {
    background-color: #E2EBFE;
    background-image: url("img/info.png");
    border: 1px dashed #B9CBEE;
}

div.info+table.resultados {
    margin-top: 20px;
    float: left;
}

div.info>dl,
div.warn>dl,
div.exito>dl {
    width: 608px;
}

div.info dd,
div.warn dd,
div.exito dd {
    width: 418px;
}

div.warn {
    background-color: #FEFBE0;
    background-image: url("img/warning.png");
    border: 1px dashed #FCEC58;
    color: #000;
    font-size: 0.95em;
}

div.warn ul li {
    padding: 0 0 0 14px;
    width: 100%;
    background-image: url(img/icono_lista.gif);
    background-repeat: no-repeat;
    background-position: left;
}

div.cancel {
    background-color: #feefef;
    background-image: url("img/cancel.png");
    border: 1px dashed #bd6c6c;
}

div.cancel h2 {
    margin: 5px 0 5px 0
}

div.exito {
    background-color: #efffd6;
    background-image: url("img/exito.png");
    border: 1px dashed #82cf0c;
}

div.cuota {
    background-color: #f0f0f0;
    border: 1px dashed #ddd;
    margin-bottom: 10px;
}


/***************** div info2 **********************/

div.info2 {
    background-color: #FDF8F2;
    border: 1px dashed #F3AD6C;
    display: block;
    min-height: 32px;
    margin: 20px 10px 20px 10px;
    padding: 10px 20px 0px 20px;
}


/* resaltado */

div.resaltado {
    background-color: #FEECEC;
    border: 1px dashed #ccc;
    margin: 0 10px 10px 0;
    min-height: 32px;
    padding: 5px 5px 5px 0px;
    width: 666px;
}

div.info p,
div.warn p,
div.exito p,
div.cancel p,
div.cuota p {
    margin: 5px 0;
}

div.info>dl,
div.warn>dl,
div.exito>dl {
    width: 608px;
}

div.info ol,
div.warn ol,
div.exito ol {
    margin-left: 20px;
    clear: both;
}

div.warn+fieldset.formularios,
div.warn+dl,
div.warn+ul.pestanyas {
    margin-top: 20px;
}


/****************************** tooltip ****************************/

a.tooltip {
    border-bottom: 1px dotted #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
    white-space: normal !important;
    text-decoration: none !important;
}

a.tooltip span {
    margin-left: -999em;
    padding: 5px;
    position: absolute;
    color: #000000 !important;
    width: 160px !important;
}

a.tooltip:hover span {
    position: absolute;
    left: -14.5em;
    top: -1em;
    z-index: 99;
    margin-left: 0;
    width: 160px;
}

a.tooltip span.info {
    background: #E2EBFE;
    border: 1px dashed #B9CBEE;
    font-weight: normal;
    text-decoration: none !important;
}


/****************************** fin tooltip ****************************/


/****************************** TABLA ****************************/

table {
    border: none;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

table caption {
    background-color: #ADB4C2;
    padding: 3px;
    text-transform: uppercase;
}

table thead {
    border-bottom: 1px solid #ADB7C9;
}

table thead th {
    color: #fff;
    background-color: #c9030a;
    padding: 4px;
    text-align: center;
}


table th {
    background-color: #F7F7F7;
    border: 1px solid #fff;
    padding: 3px 5px;
    text-align: left;
    vertical-align: middle;
}

table td {
    background-color: #FFFFFF;
    padding: 3px 5px;
    vertical-align: middle;
}

table tr.impar {
    background-color: #EAEAEA;
    border: 1px solid #FFFFFF;
}

table tr.impar td {
    background-color: #EAEAEA;
    border: 1px solid #FFFFFF;
}

table.resultados tr td.th2,
table.resultados tr th.th2 {
    color: #fff;
    background-color: #7d7d7d;
}

table.resultados tfoot td {
    color: #fff;
    background-color: #c9030a;
}

table th.nostyle {
    background-color: #fff;
}


/* Tabla Resultados Duración y procesos */

.estadisticas_ab {
    margin-top: 20px;
}

table.resultados {
    margin-bottom: 15px;
}

table.resultados td {
    border: 1px solid #ddd;
    text-align: center;
}

table.resultados th[id="nombre"] {
    background-image: none;
    background-color: #fff;
    border: none;
}

table.resultados td[headers="nombre"] {
    background-color: #dfdfdf;
}

table.resultados th[id="nombre2"] {
    background-image: none;
    background-color: #fff;
    border: none;
}

table.resultados td[headers="nombre2"] {
    background-color: #dfdfdf;
}

table.resultados td.align_izq {
    text-align: left;
}


/****************************** FIN TABLA ****************************/


/****************************** ACORDEÓN DE JQUERY ****************************/

.accordion {
    margin-left: 10px;
    margin-bottom: 20px;
}

.accordion>h3+div,
.accordion>h4+div,
.accordion>h5+div,
.accordion>h6+div {
    margin: 0px 0px 5px 15px;
    display: block;
}

.accordion div div.w50 {
    width: 328px;
}

.accordion>h3,
.accordion>h4,
.accordion>h5,
.accordion>h6 {
    background-image: url(img/accordion_img.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    padding: 3px 20px 3px 40px;
    margin: 0;
    font-size: 1.2em;
    cursor: pointer;
}

.graficos{
    margin-left: 10px;
    margin-bottom: 0px;
}

.graficos h4 .enlace-grafcos{
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #666;
    border-bottom: 1px solid #d7d7d7;
    margin: 2px 0px;
}

.h4-graficos{
    background-image: url(img/accordion_img.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    padding: 3px 20px 3px 40px;
    margin: 0 !important;
    font-size: 1.2em !important;
    cursor: pointer;
}

.ver_mas {
    background-image: url(img/mas.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 13px;
    margin: 0;
}

.ver_mas.active {
    background-image: url(img/menos.png);
}

.accordion h3 {
    font-size: 1.4em;
}

.accordion h3.active,
.accordion h4.active,
.accordion h5.active,
.accordion h6.active {
    background-image: url(img/accordion_img_act.png);
}

.contenido .accordion h3 a,
.contenido .accordion h4 a,
.contenido .accordion h5 a,
.contenido .accordion h6 a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #666;
    border-bottom: 1px solid #d7d7d7;
    margin: 2px 0px;
}


/*********** Compartir Canal *******/

dl.compartirFremap {
    padding: 0;
    margin: 20px 0 0 0;
    width: 100%;
}

dl.compartirFremap dt {
    width: 215px;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}

dl.compartirFremap dd {
    width: 100%;
    line-height: 20px;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    margin: 0;
}

dl.compartirFremap dd p {
    padding-left: 0px;
    margin: 0px !important;
}

.compartir {
    background-color: #efefef;
    color: #890000;
    text-align: left;
    margin-bottom: 15px;
    font-size: 0.9em;
    word-break: break-all;
}


/****************************** PIE ****************************/

.pie {
    max-width: 960px;
    width: 100%;
    padding: 20px 0px;
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
  
}

.pie .enlaces_pie {
    float: right;
    text-align: right;
    width: 48%;
    min-width: 327px;
}

.pie .enlaces_pie li:first-child {
    background: none;
}

.pie .enlaces_pie li {
    float: left;
    padding: 0px 10px;
    background-image: url(img/bullet_corp.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

.pie a,
.pie a:visited {
    color: #c9030a;
    text-decoration: underline;
    padding-right: 3px;
}

.pie a:hover {
    color: #555;
}

.pie a span {
    float: left;
    padding-right: 5px;
    text-decoration: underline;
}

.pie div.certificados {
    float: left;
    margin-top: 0px;
}

.pie div.certificados a {
    text-decoration: none;
}

.pie div.certificados a img {
    margin: 0 5px;
}

.copy_right {
    float: left;
    padding: 20px 0px 0px 0px;
    width: 100%;
    text-align: center;
}


/*******fin PIE ***********/


/************************************* Mapa Web ******************************************/

ul.mapa {
    float: left;
    width: 650px;
    font-family: Arial, Helvetica, sans-serif;
}

ul.mapa,
ul.mapa ul {
    margin-right: 0;
    float: none;
    margin-bottom: 0px;
    margin-top: 0px;
}

ul.mapa li {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: none !important;
    padding: 3px 0 3px 10px;
    width: auto;
    font-size: 1em;
}

ul.mapa li ul li {
    background-image: url(img/guion.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border-left: 1px solid #999999;
    margin: 0;
    width: auto;
    font-size: 1em;
}

ul.mapa li span,
ul.mapa li a {
    background-color: #E6E6E6;
    border: 1px solid #DDDDDD;
    color: #333 !important;
    display: block;
    padding: 3px 5px;
}

ul.mapa li a {
    text-decoration: underline;
}

ul.mapa li a:hover,
ul.mapa li a:active {
    background-color: #ccc;
}

ul.mapa li li span {
    background-color: #fff;
    color: #333333 !important;
    padding: 3px 5px;
    border: 1px solid #DDDDDD;
}

ul.mapa li li a {
    background-color: #fff;
    color: #900202 !important;
}

ul.mapa li li a:hover,
ul.mapa li li a:active {
    background-color: #f2f2f2;
}

ul.mapa li.last,
ul.mapa li ul li.last {
    background-image: url(img/l.gif);
    border-left: none;
}


/*******fin mapa ***********/


/****************************************************************************************/


/****************************** AJUSTES PARA SHAREPOINT *********************************/

.menu-horizontal {
    display: block;
}

.menu-horizontal .menu-item-text {
    white-space: normal;
}

H3.fremap-rteElement-H3 {
    border: none;
}

.ms-WPBody a:link {
    color: #c9030a;
}


/* para quitar el scroll vertical */

/*   #s4-workspace {
    overflow-y: visible !important;
    overflow-x: visible !important;
} */
  

/* Correcion estilos Sp , .ctl00_MSO_ContentDiv, body #s4-mainarea, .contenido_index*/

body #MSO_ContentTable {
    position: static !important;
}


/* menu */

.s4-tn li.static>.menu-item {
    border: none;
    color: #ffffff;
    display: inline-block;
    height: auto;
    padding: 20px 20px 11px;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 100;
}

:first-child+html .s4-tn li.static>.menu-item {
    display: block;
}

.s4-tn li.static>a:hover {
    color: #ffffff;
    text-decoration: none;
}

.menu-horizontal ul.static {
    display: block;
}

.s4-wpcell-plain {
    border: none !important;
    padding: 0px !important;
}

.s4-wpcell-plain .s4-wpTopTable tr td {
    background-color: #fff !important;
}

.s4-wpTopTable {
    width: auto;
}

table.s4-wpTopTable tr td {
    padding: 0px !important;
    background-color: #eee !important;
}

.ms-WPBody {
    font-family: Arial, Helvetica, sans-serif;
}

.ms-WPBody a:link,
.ms-WPBody a:visited {
    font-family: Arial, Helvetica, sans-serif;
}

.ms-WPBody div.btn_destacados a:link,
.ms-WPBody div.btn_destacados a:visited {
    color: #000;
    font-family: "Archivo Narrow", Arial, Helvetica, sans-serif;
}

div.ms-rtestate-notify table tr td.s4-wpcell-plain table.s4-wpTopTable {
    margin-top: 0px !important;
}

div.ms-rtestate-notify table tr td.s4-wpcell-plain table.s4-wpTopTable fieldset.formularios {
    margin-top: 0px !important;
    font-size: .85em;
}

div.ms-rtestate-notify table tr td.s4-wpcell-plain table.s4-wpTopTable fieldset.c_absentismo {
    margin-top: 15px !important;
    font-size: .85em;
}

div.ms-rtestate-notify table tr td.s4-wpcell-plain table.s4-wpTopTable fieldset.formularios>legend,
div.ms-rtestate-notify table tr td.s4-wpcell-plain table.s4-wpTopTable fieldset.c_absentismo>legend {
    font-size: 1.4em;
}

.home .w60_n table,
.home .w40_n table {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.home .w60_n table tr td.s4-wpcell-plain table.s4-wpTopTable,
.home .w40_n table tr td.s4-wpcell-plain table.s4-wpTopTable {
    margin-top: 0px !important;
}

.home .w60_n table tr td.s4-wpcell-plain {
    background-color: #f0f0f0 !important
}

.home .w60_n .s4-wpcell-plain .s4-wpTopTable tr td {
    background-color: #f0f0f0 !important
}


/******CORRECCIONES PENDIENTES REVISIÓN******/


/*Corrección tabla Calcula Costes Absentismo*/

table.s4-wpTopTable tr td div.ms-WPBody div div table.resultados td {
    padding: 3px 5px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

table.s4-wpTopTable tr td div.ms-WPBody div div table.resultados tr td.th2,
table.resultados tr th.th2 {
    background-color: #7d7d7d !important;
}

table.s4-wpTopTable tr td div.ms-WPBody div div table.resultados tfoot td {
    background-color: #c9030a !important;
}

table.s4-wpTopTable tr td div.ms-WPBody div div table.resultados th,
td {
    font-weight: normal !important;
    
}

table.s4-wpTopTable tr td div.ms-WPBody div div p {
    font-size: 1.1em;
    color: #333;
}

table.s4-wpTopTable tr td div.ms-WPBody div div div.info dl {
    font-size: 1.1em;
    color: #333;
}


/*fin Corrección tabla Calcula Costes Absentismo */


/*Corrección Resultados Búsqueda */

.srch-results .srch-Metadata2 {
    display: none !important;
}

.srch-Title2 a:link,
.srch-Title2 a:visited,
.srch-Title2 a:hover {
    color: #c9030a !important;
    font-size: 1.1em !important;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-bottom: 5px !important;
    display: inline-block !important;
}

.srch-results .srch-Metadata1 {
    margin: 7px 10px 20px 24px;
    font-family: Arial, Helvetica, sans-serif !important;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px !important;
}

.srch-Metadata1 .srch-URL2 {
    color: #555 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.srch-Description2 {
    font-family: Arial, Helvetica, sans-serif !important;
}


/*fin Corrección Resultados Búsqueda */


/******fin CORRECCIONES PENDIENTES REVISIÓN******/


/****************************** fin AJUSTES PARA SHAREPOINT *********************************/


/*Compartir en redes sociales*/

.social-icons-share {
    border: 1px dashed #ccc;
    padding: 20px 10px 20px 10px;
    margin: auto;
    box-sizing: border-box;
    width: 365px;
}

.social-icons-share p {
    float: left;
    background: url(../img/share.svg) no-repeat left top;
    background-size: 15px;
    margin-top: 5px;
    padding-left: 20px;
}

.social-icons-share li {
    display: inline;
    margin-left: 5px;
}

.social-icons-share ul li a {
    text-decoration: none;
    list-style: none;
}

.social-icons-share ul li:first-child {
    margin-left: 25px;
}

a.linkedin,
a.twitter,
a.google,
a.facebook {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 25px;
}

a.linkedin {
    background-image: url(img/linkedin-logo.svg);
}

a.twitter {
    background-image: url(img/twitter-social-logotype.svg);
}

a.google {
    background-image: url(img/google-plus-social-logotype.svg);
}

a.facebook {
    background-image: url(img/facebook-logo.svg);
}


/*fin de compartir en redes sociales*/

.twitter_h div iframe {
    height: 230px !important;
}

.twitter_h div iframe footer.timeline-Footer {
    padding: 8px 15px;
}


/***************************************************/


/* 5. Formularios *****/


/***************************************************/


/*grid*/

.w17,
.w18,
.w20,
.w25,
.w30,
.w33,
.w40,
.w50,
.w60,
.w70,
.w75,
.w80,
.w90,
.w100,
.row {
    -ms-box-sizing: border-box;
    -moz-box-sizingbox-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
}

.w100,
.row {
    float: none;
    width: 100%;
}

.w100:after,
.row:after {
    clear: both;
    content: " ";
    display: block;
}

.row {
    padding: 0
}

.w80 {
    width: 90%;
}

.w80 {
    width: 80%;
}

.w75 {
    width: 75%;
}

.w70 {
    width: 70%;
}

.w60 {
    width: 60%;
}

.w50 {
    width: 50%;
}

.w40 {
    width: 40%;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33%;
}

.w25 {
    width: 25%;
    overflow: visible;
}

.w20 {
    width: 20%;
}

.w18 {
    width: 18%;
}

.w17 {
    width: 17%;
}

.fila {
    padding: 0;
}

.fila .w25,
.fila .w50 {
    padding: 5px 0 5px 10px;
}

.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.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;
}

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;
    padding: 10px;
    width: 100%;
    background-color: #fafafa;
}

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
}

fieldset.formularios .row fieldset {
    margin: 0
}

fieldset.formularios .row fieldset legend {
    padding: 0 0 3px 0;
}

fieldset.b_centros {
    background-image: url(/Style%20Library/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-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 {
    clear: both;
    display: block;
    float: none;
    font-weight: bold;
    padding: 2px 0;
    width: 100%;
}

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%;
}

input[type="file"] {
    width: 100%
}

fieldset.formularios select.font9 {
    font-size: 0.8em;
}

fieldset.formularios span.seleccion {
    color: #c9030a;
    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="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"] {
    clear: none;
    padding: 3px;
}

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 #c9030a;
}

input[type="radio"]:focus+label,
input[type="checkbox"]:focus+label,
input[type="radio"]:active+label,
input[type="checkbox"]:active+label {
    color: #c9030a;
    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 input[type="text"],
.w100 input[type="number"],
.w100 select,
.w100 textarea {
    width: 100%;
}

.w75 input[type="text"],
.w75 input[type="number"],
.w75 select,
.w75 textarea {
    width: 446px;
}

.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: 348px;
}

.w40 select,
.w40 input[type="text"],
.w40 input[type="number"] {
    width: 100%;
}

.w25 input[type="text"],
.w25 input[type="number"],
.w25 select {
    width: 100%;
}

.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,
select.dig1 {
    width: 20px;
}

input[type="text"].size2,
input[type="number"].size2,
select.dig2,
select.dig2 {
    width: 30px;
}

input[type="text"].size4,
input[type="number"].size4,
select.dig4,
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,
select.dig8 {
    width: 75px;
}

input[type="text"].size10,
input[type="number"].size10,
select.dig10,
select.dig10 {
    width: 100px;
}

input[type="text"].size12,
input[type="number"].size12,
select.dig12,
select.dig12 {
    width: 150px;
}

input[type="text"].size3,
input[type="number"].size3,
select.dig3 {
    width: 42px !important;
}

select.dig5,
select.dig5 {
    width: 55px
}

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;
}


/* Excepciones con otras clases*/

.check_cursando {
    margin-top: 5px;
    min-height: 10px !important;
    padding-bottom: 0 !important;
}

.check_cursando label {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.clearfix .w25+.w25,
.clearfix .w25+.w50 {
    padding-left: 10px;
}


/* 5.3 Selección de periodo **/

fieldset.formularios fieldset.fecha input[type="image"],
fieldset.formularios .fecha input[type="image"] {
    margin-left: 5px;
}

fieldset.formularios fieldset.fecha button,
fieldset.formularios fieldset.fecha button img,
fieldset.formularios button,
fieldset.formularios button img,
fieldset.formularios .fecha input[type="image"] {
    padding: 0px;
    border: none;
    background: none;
    float: right
}

fieldset.formularios button img {
    width: 18px;
}

.formularios .fecha input[type="image"] {
    width: 20px;
}


/* 5.4 Formulario web de Coste de Absentismo **/

fieldset.c_absentismo .w40 {
    border-bottom: 1px dotted #CCCCCC;
    padding: 0;
}

fieldset.c_absentismo label {
    clear: none;
    display: inline;
    float: left;
    font-weight: normal;
    margin-right: 5px;
    white-space: normal;
}

fieldset.c_absentismo .w50 label {
    width: 215px;
}

fieldset.c_absentismo .w40 label {
    width: 127px;
}

fieldset.w100 table.resultados {
    width: 640px;
}


/* 5.5 Formulario de calculadora de cuotas **/

input.base-cotizacion {
    max-width: 100px;
}


/* Input image de busqueda de cnae en Calculadora Cuotas **/

fieldset.formularios .buscador-aux input[type="image"] {
    width: 24px;
    padding: 0;
    float: right;
}


/* Input de solo lectura */

fieldset.formularios .buscador-aux input.readonly {
    border-color: #efefef;
    background-color: #efefef;
}

.contenido .infocalc ul {
    margin-left: 0;
}

.contenido .infocalc ul ul {
    margin-top: 0;
    margin-left: 5px;
}


/* Input noscript */

noscript input#btCambioInfoEdad {
    float: none;
    padding: 0px;
}

input#ctl00_m_g_4f48fb5b_1a44_4315_9178_dd6dc2749527_ctl00_btCambioTipoAutonomo[disabled] {
    opacity: .5;
    cursor: default;
}


/* 5.6 Formulario de curriculum en la web **/

fieldset.formularios .nacionalidad input[type="radio"]+label {
    width: 32px;
}

.w25 input.fechaCV,
.w50 .w50 input.fechaCV {
    width: 80%;
}

div.w50 .w50.md-w50.fecha {
    padding-left: 0px;
    padding-right: 10px;
}

div.w50 .w50.fecha {
    padding-left: 0px;
    padding-right: 10px;
}

fieldset.consentimiento {
    margin-bottom: 20px;
    /*TEMP, Borrar si no encontramos la clase consentimiento en el archivo "form_curriculum_tabs_1_v2.html"*/
}

.accordioncv h3.hidden {
    position: absolute;
}


/* 5.7 Formulario Llamadas Gratuitas **/

.LlamadaGratis .contenedor {
    float: none;
}

.LlamadaGratis .contenido,
.LlamadaGratis .cabecera {
    margin: 0 auto;
    max-width: 600px;
    width: auto;
    float: none;
}

.LlamadaGratis h2,
.LlamadaGratis h3,
.LlamadaGratis h4 {
    margin-bottom: 1em
}

.LlamadaGratis .logo {
    float: left;
}

.LlamadaGratis fieldset.formularios fieldset.w50 span {
    margin-right: 5px;
    float: none;
}

.LlamadaGratis fieldset.formularios fieldset.w50 legend span {
    float: none;
    margin-right: 0px;
}

.LlamadaGratis .botonera+p {
    color: #c9030a;
}


/* 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;
}


/* 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;
}

strong {
    font-weight: bold;
}

div.info p,
div.warn p,
div.exito p,
div.cancel p,
div.cuota p,
div.resaltado p {
    margin: 5px 0;
    text-align: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

textarea {
    resize: none;
}

.botonera {
    clear: both;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    width: auto;
}

.botonera div input {
    padding: 3px 8px;
    border: medium none;
}


/*FIN FORMULARIOS*/


/* 7.13 Listado noticias */

ul.listado_noticias li {
    background-image: none;
    clear: both;
    overflow: hidden
}

ul.listado_noticias li div {
    width: 71%;
    float: left;
}

ul.listado_noticias li h3 {
    border-bottom: none;
    font-size: 1.2em;
}

ul.listado_noticias li>img {
    max-width: 150px;
    background-color: #FFFFFF;
    width: 23%;
}

ul.listado_noticias li p.autor {
    padding-bottom: 0;
}


/* 7.14 Detalle Noticias */

.img_noticia {
    float: left;
    width: 30%;
    margin: 5px 20px 5px 0;
    border: 1px solid #CCCCCC;
    padding: 3px;
}

.img_noticia .img_borde {
    width: 100%;
}

.img_noticia p {
    margin-top: 5px;
    padding: 2px 5px;
    border-top: 2px solid #ccc;
    background-color: #efefef;
}


/*LISTADO NORMATIVA*/

ul.listado_normativa li {
    background: none;
    padding: 0;
    margin: 10px 0;
}

ul.listado_normativa li a {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 50px;
    display: block;
    min-height: 40px;
    background-color: #f2f2f2;
}

.n_empleados {
    text-align: right;
    float: right;
    display: block;
}

.big {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 3px;
    max-width: 200px;
    display: block;
    margin: auto;
}

.android_ios {
    max-width: 182px;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 3px;
    display: block;
    margin: auto;
}


/*EJEMPLOS PRÁCTICAS EMPRESAS*/

.practicas_empresas_iconos ul {
    list-style: none;
    text-decoration: none;
    padding: 20px 0;
}

.practicas_empresas_iconos ul li {
    background-image: none;
    list-style: none;
    text-decoration: none;
    float: left;
    padding: 0px 13px;
}

.practicas_empresas_iconos ul li img {
    width: 50px;
}

.practicas_empresas_iconos div {
    width: 28%;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0% 2% 2% 2%;
    height: 130px;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.practicas_empresas_iconos div a p {
    font-size: 1em;
    font-weight: bold;
    color: #666;
    margin-bottom: 2px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.practicas_empresas_iconos div a {
    display: inline-table;
    height: 125px;
    width: 100%;
    padding: 65px 5px 0px 5px;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center 10px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.practicas_empresas_iconos div:hover {
    background-color: #c9030a;
}

.practicas_empresas_iconos div:hover p {
    color: #fff;
}

.diagnostico_indices_absentismo a {
    background-image: url(img/diagnostico_indice_absentismo.svg);
    background-size: 55px;
}

.diagnostico_indices_absentismo a:hover {
    background-image: url(img/diagnostico_indice_absentismo_hover.svg);
}

.politicas_empresa a {
    background-image: url(img/politicas_empresa.svg);
    background-size: 55px;
}

.politicas_empresa a:hover {
    background-image: url(img/politicas_empresa_hover.svg);
}

.prevencion a {
    background-image: url(img/prevencion.svg);
    background-size: 55px;
}

.prevencion a:hover {
    background-image: url(img/prevencion_hover.svg);
}

.mandos_intermedios a {
    background-image: url(img/mandos_intermedios.svg);
    background-size: 55px;
}

.mandos_intermedios a:hover {
    background-image: url(img/mandos_intermedios_hover.svg);
}

.politicas_motivacion_clima_laboral a {
    background-image: url(img/politicas_motivacion_clima_laboral.svg);
    background-size: 55px;
}

.politicas_motivacion_clima_laboral a:hover {
    background-image: url(img/politicas_motivacion_clima_laboral_hover.svg);
}

.técnicas_económicas a {
    background-image: url(img/tecnicas_economicas.svg);
    background-size: 55px;
}

.técnicas_económicas a:hover {
    background-image: url(img/tecnicas_economicas_hover.svg);
}

.tecnicas_control_seguimiento a {
    background-image: url(img/tecnicas_control_seguimiento.svg);
    background-size: 55px;
}

.tecnicas_control_seguimiento a:hover {
    background-image: url(img/tecnicas_control_seguimiento_hover.svg);
}

.politicas_asistencia_sanitaria a {
    background-image: url(img/politica_asistencia_sanitaria.svg);
    background-size: 55px;
}

.politicas_asistencia_sanitaria a:hover {
    background-image: url(img/politica_asistencia_sanitaria_hover.svg);
}


/*PAGINA CALCULADORA IT*/

.calc-content {
    margin-bottom: 30px;
}

.calc-fremap {
    width: 250px;
    height: 190px;
    display: block;
    margin: 30px auto 30px auto;
    background-image: url(img/calc_fremap.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 6px;
    -webkit-box-shadow: 0px 4px 7px -2px rgba(184, 184, 184, 1);
    -moz-box-shadow: 0px 4px 7px -2px rgba(184, 184, 184, 1);
    box-shadow: 0px 4px 7px -2px rgba(184, 184, 184, 1);
    border: 1px solid #f1f1f1;
    text-align: center;
    position: relative;
}

.calc-amat {
    width: 250px;
    height: 190px;
    display: block;
    margin: 30px auto 30px auto;
    background-image: url(img/calc_amat.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 6px;
    -webkit-box-shadow: 0px 4px 7px -2px rgba(184, 184, 184, 1);
    -moz-box-shadow: 0px 4px 7px -2px rgba(184, 184, 184, 1);
    box-shadow: 0px 4px 7px -2px rgba(184, 184, 184, 1);
    border: 1px solid #f1f1f1;
    text-align: center;
    position: relative;
}

.calc-fremap span,
.calc-amat span {
    position: absolute;
    bottom: 7px;
    display: block;
    width: 100%;
    left: 0;
    font-size: 16px;
    font-family: "Raleway", sans-serif;
}

.calc-fremap:hover,
.calc-amat:hover,
.calc-fremap:focus,
.calc-amat:focus {
    opacity: 0.8;
}


/*RESET SHAREPOINT*/

body #s4-bodyContainer {
    min-width: auto;
}

div#WebPartctl00_m_g_132a4a10_d82d_4059_bf04_b816f9081164 {
    width: 95%;
}

table#MSOZone tbody tr td {
    display: block;
}

/*Nuevos estilos 2019*/

#contentBox {
    margin-right: 0;
    margin-left: 0;
    min-width: auto;
   
}
/* .ms-mpSearchBox {
    display: none;
} */
#siteIcon {
    display: none;
}

#s4-titlerow{
    display: none !important;
}
#s4-bodyContainer {
   /*  overflow: auto;
    position: relative; */
    max-width: 960px;
    width: 100%;
    margin: 0px auto;
}

.ms-webpart-cell-horizontal{
    display: block;
}


/*barra y usuario*/

.usuario{
    position: absolute;
    z-index: 9999999;
    right: 399px;
    display: block;
    vertical-align: middle;
    background-image: url(/Style%20Library/Images/user.png);
    border-width: 0;
    margin: 0;
    padding: 0;
    min-width: 50px;
    height:50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 3.5;
    overflow: visible; 
    cursor: pointer;
    outline-offset: -1px;
}

.o365cs-base.o365cs-topnavBGColor-2 {
    background-color: #c9030a !important;
}

.o365cs-nav-header16 .o365cs-nav-leftAlign {
   
    visibility: hidden;
    display: none;
}

div.ms-cui-TabRowRight {
    visibility: hidden;
    display: none;
}


#O365_MainLink_NavMenu_Responsive{
    display: none;
}

.o365cs-base .ms-bgc-tdr-h:hover, .usuario:hover {
    background-color: #96060b !important;
}


.o365cs-me-tile-nophoto-username-container {
  
    max-width: 300px;
  
}
.o365cs-base .ms-fcl-nt, .o365cs-base .ms-fcl-nt-h:hover, .o365cs-base .ms-fcl-nt-f:focus {
    color: #ffffff !important;
}

.o365cs-newALV3-on .o365cs-me-tile-nophoto {
      width: 300px;
}

button div.o365cs-me-tile-nophoto:hover{
    background-color: #96060b !important;
    color: #ffffff !important;
}

.o365cs-nav-contextMenu {
   
    min-width: 298px;

}


#SearchBox{
    padding: 2px 36px 2px 10px;
    margin: 11px 0px 00px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 16px;
    height: 25px;
    width: 336px;
}
.ms-srch-sb-border:hover, .ms-srch-sb-borderFocused {
    border: none;
}
.ms-srch-sb-border {
    border: none;
}
#searchInputBox {
      float: NONE;
}

.ms-srch-sb>input {
 
    margin: 0px 12px 0px 5px;
   
    width: 298px;
    
}

#sideNavBox {
    display: none;
  }
  
  .ms-mpSearchBox {
      width: 384px;
  }
  
  .ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh2-nofilter-icon, .ms-viewheadertr .ms-vh-group, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-ph, .ms-pickerresultheadertr{
      background-color: #F7F7F7;
  }
  span > select{
      height: auto;
  }
  
  #O365_MainLink_Me:hover{
      background-color: #96060b !important;
      color: #ffffff !important;
  }
  
  div#SearchBox div.ms-srch-sbLarge input{
      width: auto;
     /*  height: 17px; */
  }
  div#SearchBox div.ms-srch-sb input{
     
      height: 24px;
  }

  .ms-srch-sbLarge{
      background-color: transparent;
      margin-top: -6px;
  }