* {
	font: inherit;
}
body {
	font: normal 18px/18px arial,sans-serif;
	position:relative;
}
div {
	position: relative;
}

.oculto {
	display: none;
}

.load {
	background: url('/images/ajax-loader.gif') no-repeat center center
}

.listado {
	border: 1px solid transparent;
	color: #000000;
}
.listado:nth-child(even) {
	background-color: #EEFFFF;
}
.listado:nth-child(odd) {
	background-color: #FFFFEE;
}
.listado:hover {
	border: 1px solid #000000;
	background: #FFFFFF;
}
.listado.seleccionado {
	border: 1px solid #000000;
	background: #FFEEFF;
	color: red;
}

input[type=button].grabar, input[type=submit].grabar {	background: #FFFFFF url("../images/grabar.png") no-repeat scroll center center;}
input[type=button].borrar, input[type=submit].borrar {	background: #FFFFFF url("../images/borrar.png") no-repeat scroll center center;}
input[type=button].editar, input[type=submit].editar {	background: #FFFFFF url("../images/edit.png") no-repeat scroll center center;}
input[type=button].nuevo, input[type=submit].nuevo {	background: #FFFFFF url("../images/anadir.png") no-repeat scroll center center;}
input[type=button].abrir, input[type=submit].abrir {	background: #FFFFFF url("../images/abrir.png") no-repeat scroll center center;}
input[type=button].abajo, input[type=submit].abajo {	background: #FFFFFF url("../images/abajo.png") no-repeat scroll center center;}
input[type=button].arriba, input[type=submit].arriba {	background: #FFFFFF url("../images/arriba.png") no-repeat scroll center center;}
input[type=button].imprimir, input[type=submit].imprimir {	background: #FFFFFF url("../images/imprimir.png") no-repeat scroll center center;}
input[type=button].terminar, input[type=submit].terminar {	background: #FFFFFF url("../images/terminar_linea.png") no-repeat scroll center center;}
input[type=button].bloqueado, input[type=submit].bloqueado {	background: #FFFFFF url("../images/bloqueado.png") no-repeat scroll center center;}
input[type=button].desbloqueado, input[type=submit].desbloqueado {	background: #FFFFFF url("../images/desbloqueado.png") no-repeat scroll center center;}
input[type=button].buscar, input[type=submit].buscar {	background: #FFFFFF url("../images/buscar.png") no-repeat scroll center center;}

input[type=button].nuevo,input[type=button].borrar,input[type=button].grabar,input[type=button].abrir,input[type=button].arriba,input[type=button].abajo,
input[type=button].terminar,input[type=button].editar,input[type=button].bloqueado,input[type=button].desbloqueado, input[type=button].buscar,
input[type=button].imprimir,
input[type=submit].nuevo,input[type=submit].borrar,input[type=submit].grabar,input[type=submit].abrir,input[type=submit].arriba,input[type=submit].abajo,
input[type=submit].terminar,input[type=submit].editar,input[type=submit].bloqueado,input[type=submit].desbloqueado, input[type=submit].buscar,
input[type=submit].imprimir {
	width: 1.5em;
	height: 1.5em;
	background-size: 1.45em auto;
	margin:0;
	padding:0;
	vertical-align: middle;
}

.border1 {
	border: 1px solid #000000;
	-webkit-box-shadow: 2px 3px 0px 0px #899599;
	box-shadow: 2px 3px 0px 0px #899599;
	border-radius: 5px;
	padding: 5px 3px;
	margin: 4px 3px 1px 1px; 
}

.bor1 {
	border: 1px solid #DDDDDD;
	margin: 2px 1px;
	padding: 1px;
	border-radius: 6px;
}


h1, .titulo1, .titulo {
	font: bold 40px/40px "Times New Roman";
	text-align: center;
	margin:3px 0;
}
h2, .titulo2 {
	font: bold 30px/30px "Times New Roman";
	text-align: center;
	margin:2px 0;
}
h3, .titulo3 {
	font: bold 20px/20px "Times New Roman";
	text-align: center;
	margin:1px 0;
}

div.salvapcmslog {
	background-color: #EEEEEE;
	padding: 2px;
	cursor: pointer;
}
div.salvapcmslog div.pulsador {
	background-color: #ff0000;
	color: #FFFFFF;
	text-align: center;
}
div.salvapcmslog div.visor {
	background-color: #FFFFFF;
	color: #000000;
	font: normal 12px courier;
	display: none;
}

div.salvapcmslog div.visor table > tbody > tr > td:nth-child(1) {
	background-color: #EEEEEE;
}

div.salvapcmslog div.visor table > tbody > tr > td:nth-child(2) {
	background-color: #DDDDDD;
}

div.salvapcmslog div.visor table > tbody > tr > td:nth-child(3) {
	background-color: #CCCCCC;
}

div.div-error {
    /*position: fixed;

    width: 100%;*/
	max-width: 300px;
	display: none;
    z-index: 100;
	font-size: 10px;
	text-align: left;
}



div.cont_input {
	position:relative;
}
div.cont_input.h {
	display: inline-block;
}
div.cont_input > div {
	display: inline-block;
}

.cont_input > div.label {
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	border-radius:5px;
    height: 2em;
    line-height: 2em;
	width: 10em;
	margin: 4px 2px;
	padding: 3px 0 3px 3px;
}

.cont_input > div.input,
.cont_input > input.input:not(:focus) {
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	border: 1px solid #000000;
	height: 2em;
    line-height: 2em;
    width: 30em;
	margin: 4px 2px;
}
.cont_input > input.input:focus {
	margin: 4px 2px;
	height: 2em;
    line-height: 2em;
    width: 30em;
}


input[type=text],input[type=number],input[type=password],button, textarea, select {
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 2px solid #555555;
  background-color: #FFFFFF;
}
 
input[type=text]:focus,input[type=number]:focus, input[type=password]:focus, textarea:focus, select:focus {
	background-color: #EEFFEE;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=radio] {
	margin: 1em;
}

/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
input[type=radio] {
    display:none; 
    margin:10px;
}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=radio] + label {
    display:inline-block;
    margin:-2px;
    padding: 8px 24px;
    background-color: #e7e7e7;
    border-color: #ddd;
}


/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=radio]:checked + label {
   background-image: none;
    background-color:#d0d0d0;
}

div.cont {
	display: inline-block;
}



button {
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:arial;
	font-size:0.8em;
	padding:4px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
button:active {
	position:relative;
	top:1px;
}


label, legend {
	 display: inline;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	text-transform: none;
}