﻿/* CSS Document */
.texto_centrado {
text-align: center
}
.informacion input[type="text"], .informacion select, .informacion textarea {
padding:4px 10px;
font-size:.95em;
line-height:1.42857143;
color:#000;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.informacion input[type="text"]:focus, .informacion select:focus, .informacion textarea:focus {
border-color:#66afe9; outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.informacion .input-alertas {
    width: 100%;
}
.informacion select[multiple], .informacion select[size]{
height: auto;
}
.informacion form {
margin-top:2%;
}
.informacion table.tabForm {
width: 98%;
border: 1px solid #ccc;
line-height: 1.3em;
}
.informacion table.tabForm .sortable a{
color: white;
text-decoration: underline;
cursor: pointer;
}
#frmMedicamentos #fechaaltadesde, #frmMedicamentos #fechaaltahasta, #frmMedicamentos #fechabajadesde, #frmMedicamentos #fechabajahasta{
max-width: 150px;
}
#manualMedicamentos{
text-align: right;
}
.pagelinks a {
cursor: pointer;
}
.informacion table .odd {
background: #EDF0F3;
border: 1px solid #ccc;
}
.informacion table .even {
background: #F0F0F0;
border: 1px solid #ccc;
}
.informacion caption {
font-size: 1.25em;
color:#A80000;
font-weight: bold;
padding-top:1.5%;
padding-bottom:1%;
}
.celdaBlanca {
background-color:#fff;
color:#000;
}
.informacion fieldset {
padding:0.6em;
margin: 1em 0 1em 0 !important;
clear: both;
background: #FFFFFF !important;
border: 0.1em solid #CCCCCC !important;
border-radius: 4px;
}
.informacion fieldset legend {
background-color:#FFFFFF !important;
border: 0.1em solid #F0F0F0;
border-radius: 4px;
text-align: left;
color: #2A2A2A !important;
padding:0.5% 1% 0.5% 1%;
margin-bottom: 0.5em;
border: 0;
font-weight: bold !important;
font-size: 1.35em !important;
width: auto !important;
}
.informacion fieldset label {
text-align: left;
/*padding: 0.3em 0.8em 0.1em 0.8em;*/
}
.informacion fieldset table, .informacion fieldset table.tabform {
border:0 !important;
text-align:left;
background-color: transparent;
margin: 0.5em auto
}
.informacion fieldset tr {
background: #EDF0F3;
border: 0px;
}
.informacion fieldset tr:hover {
background: #EDF0F3;
}
.informacion fieldset th {
padding:0 !important;
border:0;
background-color: transparent;
color:#000000;
}
.informacion fieldset td {
padding:0.3em !important;
border:0;
background-color: transparent;
}
.informacion fieldset p {
margin-left: 0.9em	
}
.introduccion{
font-weight: bold;
font-size: 1.1em;
color: #226692;
}
.informacion .boton[type="submit"], a.boton,.informacion input.boton {
padding-left: 3em;
padding-right: 3em;
margin: 0.1em;
color: #fff;
background-color: #0F4483 !important;
border: 1px solid #3E77C2 !important;
display: inline-block;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 5px 20px;
border-radius: 4px;
}

.informacion .boton-alertas {
padding-left: 3em;
padding-right: 3em;
margin: 0.1em;
color: #fff;
background-color: #154481;
border: 1px solid #7690B2;
display: inline-block;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 5px 20px;
border-radius: 4px;
margin-top: 1.7em;
}
.informacion .boton[type="submit"]:hover,.informacion a.boton:hover,.informacion input.boton:hover {
background-color:#3E77C2 !important ;
}
.informacion .boton[type="submit"]:focus,.informacion a.boton:focus,.informacion input.boton:focus {
border: 1px solid #7690B2;
}
.informacion .boton[type="submit"]:active,.informacion a.boton:active,.informacion input.boton:active {
box-shadow: 2px 2px 3px #7690B2 inset;
}
.informacion .boton[type="reset"],.informacion input.boton.reset {
padding-left: 3em;
padding-right: 3em;
margin: 0.1em;
color: #115591 !important;
background-color: #EBF5F7 !important;
border: 1px solid #7690b2 !important;
display: inline-block;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 5px 20px;
border-radius: 4px;
}
.informacion .boton[type="reset"]:hover,.informacion input.boton.reset:hover {
background-color: #D5EEF2 !important;
}
.informacion .boton[type="reset"]:focus,.informacion input.boton.reset:focus {
border: 1px solid #77acc6;
}
.informacion .boton[type="reset"]:active,.informacion input.boton.reset:active {
box-shadow: 2px 2px 3px #b3d0df inset;
}
.informacion span.boton {
font-size: 1em;
padding:0.4em 0.4em 0.3em 0.4em;
}
.informacion span.boton a,
.informacion span.boton a:visited,
.informacion span.boton a:hover{
text-decoration:none;
}
.informacion input.boton{
border:none;
padding-top:0.35em;
padding-bottom:0.35em;
margin:0.1em;
}
.informacion input.btn {
border-radius: 3px;
margin-top: 1em;
}
.informacion input.btn.btn-primary {
padding-left: 3em;
padding-right: 3em	
}
.informacion form fieldset p.texto_derecha {
text-align: center !important;
padding-right: 5%
}
.boton_mas {
background-color: #EEEEEE;
background-image: url("../img/top_mas.gif");
background-position: center center;
background-repeat: no-repeat;
border: none;
color: #735A1A;
font-size: 1em;
font-weight: bold;
padding: 1%;
width: 1.8em;
}
.pad_alto {
margin-left:auto;
margin-right:auto;
padding:1% 0;
text-align:right;
}
.error {
color:#CC0000;
}
/** Revistas Sanitarias Espa�olas**/
#leyenda{
background-color: #E3F3CF;
border: 0.05em solid #C1E494;  
margin-top: 1%;
width: 98%;
float: left;
padding: 1%;
}
#leyenda ul{
margin:0;
padding:0;
display: inline;
}
#leyenda ul li{
display: inline;
padding-right: 1.2%;   
}
#leyenda img{
vertical-align: middle;
padding-right: 0.5em;  
}
#navAlfabetico{
float:left;
width:100%;
margin-top:1%;
margin-bottom:5%;
text-align: center;
}
.alphanavigation{
margin-bottom: 4%;
padding: 1%;
width: 100%;
margin-top: 2%;
display: inline;
}
.alphanavigation li{
display: inline;
}
.informacion h2.titRev{
background-color:#000000;
color:#FFFFFF;
text-align:center;
clear:both;
padding-top:0.5%;
padding-bottom:0.5%;
}
#detalleRev{
float:left;
width:77%;
}
#imgsRev{
float:right;
width:20%;
}
#imgsRev img{
width:80%;
}
.informacion .tabRev{
border:#ffffff;
}
.informacion table.tabRev td,
.informacion table.tabRev th{
margin:0;
padding:1% 0 1% 0;
text-align:left;
border-bottom:0.08em dotted #000000;
background-color:#fff;
color:#000000;
}
.vAligMd{
vertical-align: middle;
}
.informacion .listRevS th{
text-align:center;
}
.informacion .noa td{ 
padding: 0;
}
.informacion .ef td {
padding: 0;
}
.informacion .efFondoBlanco td{		
 padding: 0;
 background-color:#fff;
}
.informacion table.efFondoBlanco {
margin-bottom: 1%;
margin-top: 1%;
text-align: left;
border: 0;
}
.informacion .fondoGris {
background-color:#eee;
border: 0;
border-radius: 4px
}
#listadoSinFondo {
background-color:#fff;
}
.informacion .fondoGris .form-group {
margin-left: 1.8em
}
.fondoGris ul {
 margin-left:0;
 margin-right:0;
 padding-left:0;
 padding-right:0;
}
.fondoGris li {
 list-style-type:none;
 margin-left:0;
 margin-right:0;
 padding-left:0;
 padding-right:0;
}
.fondoGris p {
 text-align:justify;
 padding:0.8em;
}
#listadoSinFondo ul.conBordeSuperior {
 border-top:0.1em solid;	
 margin-left:0;
 margin-right:0;
 padding-left:0;
 padding-right:0;
}
#listadoSinFondo ul.sinBorde {	
 margin-left:0;
 margin-right:0;
 padding-left:0;
 padding-right:0;
}
#listadoSinFondo li {
 list-style:none;
 margin-left:0;
 margin-right:0;
 padding-left:0.4em;
 padding-right:0;
}
.ui-widget-content1 {
background-color: white;
width: 26.8em;
}
.avisoCalor{
padding: 1.5em;
border: 1px solid red; 
text-align: center;
margin-bottom: 1em;
}
.avisoCalor a:link, .avisoCalor a:visited {
color: red !important;
}
.avisoCalor img{
vertical-align: middle;
}
.avisoCalorV {
border: 1px solid green;
margin-bottom: 1em;
padding: 1.5em;
text-align: center;
}
.avisoCalorV img {
vertical-align: middle;
}

@media (min-width: 992px) {
.informacion fieldset {margin: 1em 0 0.6em 1em !important;}
.informacion .fondoGris {margin-left: 1em;}
}

.informacion .botonSecundario[type="submit"]:hover, .informacion a.botonSecundario:hover, .informacion input.botonSecundario:hover{
    background-color: #D5EEF2 !important;
}

.informacion .botonSecundario[type="submit"], .informacion a.botonSecundario, .informacion input.botonSecundario{
padding-left: 3em;
padding-right: 3em;
margin: 0.1em;
color: #115591 !important;
background-color: #EBF5F7 !important;
border: 1px solid #7690b2 !important;
display: inline-block;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 5px 20px;
border-radius: 4px;
}