html, body { margin: 0; padding: 0; font-family: sans-serif; height: 100%; }
body { background-image: url(../img/square_bg.png); background-position: center top; }
h1 { font-family: Dosis; font-size: 22px; color: #7d9dc1; font-weight: normal; margin: 0px 0px 6px 0px; padding: 0; }
a img { border: none; }
header { height: 160px; width: 100%; background-image: url(../img/header-fondo.jpg); background-repeat: repeat-x; background-position: center top; padding-top: 40px; margin: 0; }
footer { background-color: #f1f8fc; background: linear-gradient(#f5fafd,#ecf5fa); font-size: 10px; color: #aaa; text-indent: 10px; width: 100%; height: 26px; position: fixed; opacity: 0.9; bottom: 0; }

ul { list-style-image: url(../img/16lista.png); }
ul li ul { list-style-type: square; list-style-image: none; }
ul li, ol li { margin-top: 14px; font-size: 12px; }

.margen10 { margin: 10px; }
.fin { clear: both; }

nav { width: 100%; height: 46px; background-color: #f6f6f6; background:  linear-gradient(#eaeaea,#f5f5f5) }
nav img { display: inline; float: left; }
nav a { float: left; -moz-transition: background .15s; -o-transition: background .15s; -webkit-transition: background .15s; transition: background .15s; display: inline-block; line-height: 46px; padding: 0px 18px; font-family: Dosis; font-size: 18px; color: #aaa; text-decoration: none; }
nav a img { margin-top: 14px; }
nav a:hover, nav a.seleccionado { background: rgba(255,255,255,0.8); color: #000;}
nav a:active { color: #aaa; }

.ui-tabs .ui-tabs-nav li a { padding: .8em 1.1em !important; }
.ui-tabs-nav { background: linear-gradient(#f5fafd,#ecf5fa) !important; border: solid 1px #d7e8f1!important; }
.ui-tooltip { background: #00a5e8 !important; background: linear-gradient(#00a5e8,#008fc9) !important; color: #fff !important; border: none !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #00a5e8 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #00a5e8 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #00a5e8 !important; }
.ui-widget { font-size: 0.9em!important; }
.ui-tabs-nav li a { font-size: 11px; outline: none; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; }

#btnEvident span { display: none; }
#btnEvident { background-image: url(../img/header-evident3.png); background-position: center; background-repeat: no-repeat; background-size: 98%; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; width: 351px; height: 124px; display: block; cursor: pointer; }
#btnEvident:hover { background-size: 100%; }
#btnEvident:active { background-size: 96%; }

.divColumnaCentral { width: 980px; margin: 0 auto 0 auto; }

#divMigas { width: 100%; height: 26px; background-color: #f1f8fc; background: linear-gradient(#f5fafd,#ecf5fa); font-size: 10px; color: #aaa; text-indent: 10px; }
#divMigas a, footer a { font-family: Dosis; font-size: 14px; color: #aaa; text-decoration: none; line-height: 26px; }
#divMigas a:hover, footer a:hover { color: #000; }

.seleccionado { color: #000 !important; }

.tituloCuadro { font-weight: normal; font-family: Dosis; color: #7d9dc1; padding: 8px 10px; font-size: 16px; border-top: solid 1px #d7e8f1; border-left: solid 1px #d7e8f1; border-right: solid 1px #d7e8f1; background-color: #f1f8fc; text-align: left; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background: linear-gradient(#f5fafd,#ecf5fa); }
.tituloCuadro a { color: #fff; text-decoration: none; display: inline-block; }
.tituloCuadro a:hover { text-decoration: underline; }
.tituloCuadro th { padding: 5px; font-weight: normal; }

.contenidoCuadro { border-top: solid 1px #eee; border-bottom: solid 1px #d7e8f1; border-left: solid 1px #d7e8f1; border-right: solid 1px #d7e8f1; background: #fff; font-size: 90%; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 3px rgba(0,0,0,0.1); background-color: rgba(255,255,255,0.8); }
.contenidoCuadro div.tituloCuadro, .ui-tabs-panel div.tituloCuadro { padding: 5px 8px; font-size: 14px; }

#divLogin { width: 300px; margin: 10px auto 0 auto; }

.campoFecha, .campoNumerico, .campoAlfanumerico, .campoImporte, .cajaTexto, input[type="text"], input[type="password"], input[type="file"], textarea { -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; background-color: #fafafa; border: solid 1px #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 20px; font-family: Arial; padding: 1px 5px; min-height: 22px; margin: 1px; background: linear-gradient(#fafafa,#fff); }
.campoFecha:focus, .campoNumerico:focus, .campoAlfanumerico:focus, .campoImporte:focus, .cajaTexto:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus { background: #fff; outline: none; border-color: rgba(82,168,236,0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(82,168,236,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(82,168,236,0.6); }

select { padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px #ccc; background-color: #fafafa; }

.boton { border: solid 1px #d3d3d3; background: #e3e3e3; /* Old browsers */ background: -moz-linear-gradient(top, #e3e3e3 0%, #e6e6e6 50%, #dedede 51%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(50%,#e6e6e6), color-stop(51%,#dedede), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ background-color: #f0f0f0; line-height: 24px; text-decoration: none; padding: 0px 8px 0px 8px; color: #555555; cursor: pointer; display: inline-block; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 13px; min-height: 25px; outline: none; }
.boton img { vertical-align: middle; padding-top: 4px; padding-bottom: 3px; border: 0; float: left; }
.boton:hover, .botonGrande:hover { text-decoration: none; border: solid 1px #999999; color: #222; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3); background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #f2f2f2 50%, #eaeaea 51%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#f2f2f2), color-stop(51%,#eaeaea), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#f2f2f2 50%,#eaeaea 51%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#f2f2f2 50%,#eaeaea 51%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#f2f2f2 50%,#eaeaea 51%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#f2f2f2 50%,#eaeaea 51%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ }
.boton:active { -moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4); }

.botonGrande { outline: none; padding: 7px 14px; border: solid 1px #d3d3d3; background-color: #f0f0f0; color: #555555; font-weight: bold; display: inline-block; text-decoration: none; font-size: 115%; background: #e3e3e3; /* Old browsers */ background: -moz-linear-gradient(top, #e3e3e3 0%, #e6e6e6 50%, #dedede 51%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(50%,#e6e6e6), color-stop(51%,#dedede), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #e3e3e3 0%,#e6e6e6 50%,#dedede 51%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
.botonGrande img { vertical-align: middle; margin-right: 4px; margin-left: -4px; border: 0; }
.botonGrande:active { background-position: top; -moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4) !important; -webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4) !important; box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4) !important; }

.requerido { color: #c00; font-weight: bold; font-size: 11px; }


/* BOTONES DE COLORES */
.verde { background: #518b1b; /* Old browsers */ background: -moz-linear-gradient(top, #518b1b 0%, #7fc424 50%, #71b51d 51%, #ace35f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518b1b), color-stop(50%,#7fc424), color-stop(51%,#71b51d), color-stop(100%,#ace35f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #518b1b 0%,#7fc424 50%,#71b51d 51%,#ace35f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #518b1b 0%,#7fc424 50%,#71b51d 51%,#ace35f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #518b1b 0%,#7fc424 50%,#71b51d 51%,#ace35f 100%); /* IE10+ */ background: linear-gradient(to bottom, #518b1b 0%,#7fc424 50%,#71b51d 51%,#ace35f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518b1b', endColorstr='#ace35f',GradientType=0 ); /* IE6-9 */ color: #fff!important; border: none !important; }
.verde:hover { text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important; background: #5c9d1f; /* Old browsers */ background: -moz-linear-gradient(top, #5c9d1f 0%, #8ed82c 50%, #7fcc20 51%, #bde880 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c9d1f), color-stop(50%,#8ed82c), color-stop(51%,#7fcc20), color-stop(100%,#bde880)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5c9d1f 0%,#8ed82c 50%,#7fcc20 51%,#bde880 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5c9d1f 0%,#8ed82c 50%,#7fcc20 51%,#bde880 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5c9d1f 0%,#8ed82c 50%,#7fcc20 51%,#bde880 100%); /* IE10+ */ background: linear-gradient(to bottom, #5c9d1f 0%,#8ed82c 50%,#7fcc20 51%,#bde880 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9d1f', endColorstr='#bde880',GradientType=0 ); /* IE6-9 */ border: none !important; box-shadow: 0 0 10px #9dd53b; }
.azul { color: #fff!important; background: #1f5c9d; /* Old browsers */ background: -moz-linear-gradient(top, #1f5c9d 0%, #2c8ed8 50%, #207fcc 51%, #80bde8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f5c9d), color-stop(50%,#2c8ed8), color-stop(51%,#207fcc), color-stop(100%,#80bde8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1f5c9d 0%,#2c8ed8 50%,#207fcc 51%,#80bde8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1f5c9d 0%,#2c8ed8 50%,#207fcc 51%,#80bde8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1f5c9d 0%,#2c8ed8 50%,#207fcc 51%,#80bde8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1f5c9d 0%,#2c8ed8 50%,#207fcc 51%,#80bde8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5c9d', endColorstr='#80bde8',GradientType=0 ); /* IE6-9 */ border: none !important; }
.azul:hover { text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important; background: #246ab4; /* Old browsers */ background: -moz-linear-gradient(top, #246ab4 0%, #4098dc 50%, #298cdd 51%, #8cc3ea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#246ab4), color-stop(50%,#4098dc), color-stop(51%,#298cdd), color-stop(100%,#8cc3ea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #246ab4 0%,#4098dc 50%,#298cdd 51%,#8cc3ea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #246ab4 0%,#4098dc 50%,#298cdd 51%,#8cc3ea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #246ab4 0%,#4098dc 50%,#298cdd 51%,#8cc3ea 100%); /* IE10+ */ background: linear-gradient(to bottom, #246ab4 0%,#4098dc 50%,#298cdd 51%,#8cc3ea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#246ab4', endColorstr='#8cc3ea',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 10px #8cc3ea; border: none !important; }

.rojo { color: #fff !important; background: #9d1f1f; /* Old browsers */ background: -moz-linear-gradient(top, #9d1f1f 0%, #d82c2c 50%, #cc2020 51%, #cc2020 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d1f1f), color-stop(50%,#d82c2c), color-stop(51%,#cc2020), color-stop(100%,#e88080)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9d1f1f 0%,#d82c2c 50%,#cc2020 51%,#e88080 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9d1f1f 0%,#d82c2c 50%,#cc2020 51%,#e88080 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9d1f1f 0%,#d82c2c 50%,#cc2020 51%,#e88080 100%); /* IE10+ */ background: linear-gradient(to bottom, #9d1f1f 0%,#d82c2c 50%,#cc2020 51%,#e88080 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d1f1f', endColorstr='#e88080',GradientType=0 ); /* IE6-9 */ border: none !important; }
.rojo:hover { text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important; background: #b42424; /* Old browsers */ background: -moz-linear-gradient(top, #b42424 0%, #dc4040 50%, #dd2929 51%, #ea8c8c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b42424), color-stop(50%,#dc4040), color-stop(51%,#dd2929), color-stop(100%,#ea8c8c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b42424 0%,#dc4040 50%,#dd2929 51%,#ea8c8c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b42424 0%,#dc4040 50%,#dd2929 51%,#ea8c8c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b42424 0%,#dc4040 50%,#dd2929 51%,#ea8c8c 100%); /* IE10+ */ background: linear-gradient(to bottom, #b42424 0%,#dc4040 50%,#dd2929 51%,#ea8c8c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b42424', endColorstr='#ea8c8c',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 10px #ea8c8c; border: none !important; }

/* BOTONES DE COLORES */

.tdTitulo { text-align: right; }
#tblDatosPersonales { border-collapse: collapse; width: 100%; }
#tblDatosPersonales td { padding: 2px; margin: 0; }
#tblDatosPersonales .tdTitulo { vertical-align: top; line-height: 25px; }


.divInfo, .sumario { background-color: #fbec88; border: solid 1px #fad42e; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 3px; border-radius: 5px; }
.sumario { padding: 10px; }
.sumario span { font-weight: bold; }
.sumario ul { list-style-type: square; }
#CPH_Body_imgPaciente { margin-left: 16px; }

.escalaGrises { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

#divCodPaciente { margin-top: 6px; background-color: #fbec88; border: solid 1px #fad42e; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 3px; border-radius: 5px; padding: 4px; }
#divCodPaciente span { font-size: 20px; font-family: courier new; }

.btnMujer, .btnHombre { display: block; background-size: 100%; background-repeat: no-repeat; width: 42px; height: 42px; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; background-position: center; opacity: .8; }
.btnMujer { background-image: url(../img/128mujer.png); }
.btnHombre { background-image: url(../img/128hombre.png); }

.tdImagenPaciente { width: 50px; }
.btnMujer:hover, .btnHombre:hover { opacity: 1; }

#tblPacientes { width: 100%; border-collapse: collapse; }
#tblPacientes td { margin: 0; padding: 5px; }
#tblPacientes tr { -moz-transition: all .1s; -o-transition: all .1s; -webkit-transition: all .1s; transition: all .1s; }
#tblPacientes tr:hover { background-color: #fafafa; }
.tdPaciente a { color: #000; text-decoration: none; display: block; font-size: 12px; }
.tdPaciente a b { font-size: 14px; }

#tblUsuarios { width: 100%; border-collapse: collapse; }
#tblUsuarios td { margin: 0; padding: 5px; }
#tblUsuarios tr { -moz-transition: all .1s; -o-transition: all .1s; -webkit-transition: all .1s; transition: all .1s; }
#tblUsuarios tr:hover { background-color: #fafafa; }
.tdUsuario a { color: #000; text-decoration: none; display: block; font-size: 12px; height: 50px; vertical-align: middle; padding-top: 16px; }
.tdUsuario a b { font-size: 14px; }
.tdUsuario { width: 740px; }

#divCriteriosInclusion{
cursor:pointer}
#divCriteriosExclusion{
cursor:pointer}

#tabs { background: linear-gradient(#fff,#f5f5f5); }

#tbl7day input { width: 30px; text-align: right; font-family: 'Courier New'; font-size: 15px; }
#tbl7day { width: 100%; border: none; border-collapse: collapse; background-color: #fafafa; }
#tbl7day strong { font-size: 14px; }
#tbl7day td { margin: 0; padding: 2px; text-align: center; }
#tbl7day .tdTitulo { text-align: right !important; }
#tbl7day span { font-size: 11px; }
.trManana { background: rgba(226, 255, 249,0.5); }
.trTarde { background: rgba(226, 254, 255, 0.50); }
.trNoche { background: rgba(226, 243, 255, 0.50); }
.trTitulo th { padding: 6px 2px 0px 2px !important; font-size: 14px; }
.trTitulo td { padding: 4px 2px !important; }

#tableCriteriosExclusion .tdTitulo { text-align: left !important; width:55%; vertical-align:top; padding-bottom:10px; border-bottom:dashed 2px #d7e8f1 }

#CPH_Body_btnGrabarTab { display: none; }

#divGrabando { position: fixed; top: 0; left: 0; width: 100%; background-color: #fbec88; padding: 10px; opacity: 0.7; text-align: center; z-index: 1000; font-weight: bold; }

.porcentajePeq { margin: 0 0 0 32px; /*background-image: url(../img/fondo-esfuerzo.png) !important;*/ z-index: 9; display: block; width: 36px; height: 36px; text-align: center; font-size: 13px; color: #fff; border-radius: 18px; line-height: 36px; text-decoration: none !important; opacity: 0.8; -webkit-transition: opacity linear .2s; -moz-transition: opacity linear .2s; -o-transition: opacity linear .2s; transition: opacity linear .2s; }
.porcentajePeq:hover, .porcentaje16:hover { opacity: 1; z-index: 11; }
.porcentajePeq:active, .porcentaje16:active { -moz-box-shadow: inset 2px 2px 4px #777; -webkit-box-shadow: inset 2px 2px 4px #777; box-shadow: inset 2px 2px 4px #777; }

.porcentaje16 { margin: 4px 2px 0 0; padding: 2px; /*background-image: url(../img/fondo-esfuerzo.png) !important;*/ z-index: 9; display: inline-block; width: 16px; height: 16px; text-align: center; font-size: 13px; color: #fff; border-radius: 10px; line-height: 20px; text-decoration: none !important; opacity: 0.6; -webkit-transition: opacity linear .2s; -moz-transition: opacity linear .2s; -o-transition: opacity linear .2s; transition: opacity linear .2s; }

/*COLORES*/
.porcNaranja { color: #fff !important; background-color: #e19a00 !important; background: #e19a00; /* Old browsers */ background: -moz-linear-gradient(-45deg, #e19a00 0%, #c68700 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e19a00), color-stop(100%,#c68700)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #e19a00 0%,#c68700 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #e19a00 0%,#c68700 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #e19a00 0%,#c68700 100%); /* IE10+ */ background: linear-gradient(135deg, #e19a00 0%,#c68700 100%); /* W3C */ }
.porcVerde { color: #fff !important; background-color: #8cb904 !important; background: #8cb904; /* Old browsers */ background: -moz-linear-gradient(-45deg, #8cb904 0%, #79a001 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8cb904), color-stop(100%,#79a001)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #8cb904 0%,#79a001 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #8cb904 0%,#79a001 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #8cb904 0%,#79a001 100%); /* IE10+ */ background: linear-gradient(135deg, #8cb904 0%,#79a001 100%); /* W3C */ }
.porcRojo { color: #fff !important; background-color: #c10000 !important; background: #c10000; /* Old browsers */ background: -moz-linear-gradient(-45deg, #c10000 0%, #880000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c10000), color-stop(100%,#880000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #c10000 0%,#880000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #c10000 0%,#880000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #c10000 0%,#880000 100%); /* IE10+ */ background: linear-gradient(135deg, #c10000 0%,#880000 100%); /* W3C */ }

.tdBasal, .td3meses,.td12meses { width: 100px; text-align: center;}
.tdBasal a, .td3meses a, .td12meses a, .tdAcelerometro a, .tdMovil a { cursor: help; }

.trEstatico { background: none !important; text-align: left; }
.trEstatico th a { border: none; cursor: help; }

.hplFichero { color: #000; text-decoration: none; display: inline-block; padding: 2px; border: solid 1px #fff; }
.hplFichero:hover { border: solid 1px #b8d6fb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #ebf3fd; background: linear-gradient(#fff,#ebf3fd); }
.cursorInfo { cursor: help; }
#spRandomizado { font-size: 15px; }
#spRandomizado strong { text-shadow: 0px 0px 3px #0a0; }

.paginacionRpt { text-align: left; }
.paginacionRpt a, .paginacionRpt span { display: inline-block; font-size: 16px; margin-right: 3px; line-height: 32px; font-weight: bold; width: 32px; text-align: center; background-image: url(../img/fondoBtnGrande.gif); background-position: top; background-repeat: repeat-x; background-color: #aaa; border: solid 1px #aaa; text-decoration: none; color: #000; cursor: pointer; margin-bottom: 5px; margin-top: 4px; border-radius: 4px; }
.paginacionRpt a:hover { background-position: bottom; }
.paginacionRpt span { background-color: #eee; background-image: none; color: #999; cursor: default; }

.sumario ul li { margin-top: 0 !important; }
.datepicker { width: 80px; }

#imgEjemploZip { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px #fad42e; margin-bottom: 3px; }
.porcentaje { width:46px}

.option1, .option1:disabled, .option1[disabled] {
font-size:130%;
color:black;
font-style:italic;
}
.option2, .option2:disabled, .option2[disabled] {
font-size:120%;
color:black;
}
.option3, .option3:disabled, .option3[disabled] {
font-size:110%;
color:black;
}

#CPH_Body_OCUPACION{width:100%}

.estilorojo{border-color: #c88!important;background: #ffeeee!important;}