/* CSS Document */

@charset "UTF-8";

/* Importo una fuente de Google para que sea la misma sin importar el S.O.*/
@import url(https://fonts.googleapis.com/css?family=Roboto);


/* GENERALES */
html, body{
	font-family: Roboto, Arial;
	font-size: 0.85em;
	font-style: normal;
	color: #333333;
	margin: 0px 0px;
	background-color: #fff; /* #008F6F;*/
}
table { border-collapse: collapse; }	/* Esta siempre va para que ponga los bordes sencillos las tablas*/
table th {
	border: #ccc 1px solid;
	padding: 4px;
        font-weight: bold;
        background-color: #333;
        color: #fff;
}
table td {
	border: #ccc 1px solid;
	padding: 2px;
}

.tabla td {
	border: none;
	padding: 2px;
}

.borde-td td {
    border: #ccc 1px solid;
}

a {
	font-size:1em;
	color: #00BB90;
}
a:link {
	text-decoration: underline;
}
a:visited {
    color: #00BB90;
}
a:hover {
    color: #008f6f;
}
a:active {
	color: #096;
}

/*Para los titulos pricipales */
h2{
    font-size: 1.65em;
    font-style: normal;
    color: #008f6f;
    text-align: center;
}
h3{
    font-size: 1.45em;
    font-style: normal;
	color: #008f6f;
    text-align: center;
}
/*Para los titulos secundarios */
h4{
    font-size: 1.25em;
    font-weight: normal;
    color: #333333;
}


fieldset{
	border: 3px solid #008f6f;
	margin-top: 10px;
}
legend{
	background-color: #008f6f;
	color: #fff;
	padding: 4px;
	font-weight:bold;
	font-size:1.1em;
	width: 96%;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #008f6f;
}

.redondo{
    /* Bordes redondos*/
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius: 6px; /* CSS 3 */
}

.sombra {
  /* propiedades de la sombra */
  -moz-box-shadow: 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=125,strength=3)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=125,strength=3);
}

/* alineacion y centrado */
.txt-center{
  text-align: center;
}
.txt-left{
  text-align: left;
}
.txt-right{
  text-align: right;
}
.bg-gris {
  background-color: #ccc;
}
.rojo{
	color: red;
}

/* forms */
.campo {
  color: #008f6f;
  font-size:1.1em;
  font-weight: normal;
  background-color: #F7FDFF;
  border: solid 1px #AAA;
  padding: 2px;
  margin: 0px;
}
.campo:hover {
  background-color: #EFEFEF;
  border: solid 1px #AAA;
}
.campo_no {
	color: #006699;
	font-size:1.1em;
	font-weight: normal;
	background-color: #FFE6E6;
	border: solid 1px red;
	padding: 2px;
	margin: 0px;
}
.campo_ok {
	color: #008040;
	font-size:1.1em;
	font-weight: normal;
	background-color: #F1FFF1;
	border: solid 1px green;
	padding: 2px;
	margin: 0px;
}
.campocolor {
  color: #008f6f;
  font-weight: normal;
}
.campocolor:hover {
  background-color: #EFEFEF;
}

.notas {
  color: #333;
  font-size:1em;
  padding: 1px;
  margin: 0px;
  width: inherit;
  visibility: hidden; /*No quitar*/
}

/*Para los textos activos o desactivados*/
.txtOpaco {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.95em;
}
.txtMini {
	font-size: 0.80em;
	color: #444;
}

.renglon{
	margin-bottom: 4px;
	margin-top: 4px;
}

/*DIV DE LA PAGINA PRINCIPAL*/
.cuerpo {
	width: 780px;
        margin: 0 auto;
	/*border: 1px solid #ddd;*/
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: justify;
	font-size: 1em;
	color:#000;
	background-color:#FFF;
}

/*Boton para un <a>*/
.boton {
	-moz-box-shadow: 0px 0px 0px 0px #3dc21b;
	-webkit-box-shadow: 0px 0px 0px 0px #3dc21b;
	box-shadow: 0px 0px 0px 0px #3dc21b;
	background-color:#44c767;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding:7px 13px;
        margin: 3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.boton:hover { background-color:#5cbf2a; }
.boton:active { position:relative; top:1px; }
a.boton, a.boton:hover, a.boton:visited { color: #fff; text-decoration:none; }

/*El mismos boton pero gris*/
a.gris, a.gris:visited { background-color: #ddd; border:1px solid #aaa; color: #111; text-decoration:none; text-shadow: none; }
a.gris:active, a.gris:hover { background-color: #44c767; }
input.gris, input.gris:visited { background-color: #ddd; border:1px solid #aaa; color: #111; text-decoration:none; text-shadow: none; }
input.gris:active, input.gris:hover { background-color: #44c767; }


legend{
	background-color: #008f6f;
	color: #fff;
	padding: 4px;
	font-weight:bold;
	font-size:1.1em;
	width: 96%;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #008f6f;
}


/*Mensajes de alertas*/
.cAvisa {
    width: 80%;
    margin: 0 auto;
    font-size: 1em;
    color: #000099;
    background-color: #D1EFFF;
    border: 1px solid #0000FF;
    text-align: center;
    font-weight: normal;
    padding: 0.75em;
    opacity:.70;
    -moz-opacity: 0.70;
    filter: alpha(opacity=70);
}
.cAlerta {
    width: 80%;
    margin: 0 auto;
    font-size: 1em;
    color: #CC0000;
    background-color: #FDF0E0;
    border: 1px solid  #FF9900;
    text-align: center;
    font-weight: normal;
    padding: 0.75em;
    opacity:.70;
    -moz-opacity: 0.70;
    filter: alpha(opacity=70);
}
.cConfirma {
    width: 80%;
    margin: 0 auto;
    font-size: 1em;
    color: #006600;
    background-color: #F7FFF7;
    border: 1px solid #009900;
    text-align: center;
    font-weight: normal;
    padding: 0.75em;
    opacity:.70;
    -moz-opacity: 0.70;
    filter: alpha(opacity=70);
}


.planel-superior {
    margin: 0 auto;
    font-size: 1em;
    color: #006600;
    background-color: #F7FFF7;
    border: none;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-weight: normal;
    padding: 0.5em;
    opacity:.90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);

    /*Obligarlo siempre verse en el top*/
    position:fixed;
    top: 0px;
    left: 0px;
    width:100%;
    z-index: 1; /* hace que la capa sea opaca  */
}

#modaladminbody{
	/*width: auto;*/
	overflow: auto;
	height: 600px;
}



/*
* Area para imprimir
*/
@media screen {
  .onlyprint{
    display: none;
    visibility: hidden;
  }
}

@media print {
  .onlyprint{
    display: block;
    visibility: visible;
  }
  .noprint {
    display: none;
    visibility: hidden;
  }
  body {
    background: #fff !important;
    box-shadow: none;
    margin: 0%;
    padding: 0%;
  }
  header {
    box-shadow: none;
    background: #fff !important;
    margin-bottom: 10px;
  }
  h1, h2, h3 {
    background: #fff;
  }

  /* Linkfarbe und Linkverhalten darstellen */
  a:link, a:visited, a {
    background: transparent;
    color: #520;
    text-decoration: underline;
  }

  a[href^=http]:after { content:""; }
/*
  a { page-break-inside:avoid }
  a[href^=http]:after { content:" <" attr(href) "> "; }
  $a:after > img { content: ""; }
*/
}