@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
                                                     
html{
    /*overflow: hidden;*/
        /*background: #333333;*/
        /*display: block !important;*/
        height: 100%;
        padding: 0;
}

body{
    font-family: 'Open Sans', sans-serif;
    color: black;
}


input[type=text] {
    border: 2px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

input[type=text]:focus {
    border: 2px solid #555;
}

#customers {
    /*float: left;*/
    /*position: relative;*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 70%;
    margin: 10px auto;
}

#customers td, #customers th {
    border: 1px solid;
    border-color: #3498db; 
    padding: 8px;
}

#customers tr:nth-child(even){background-color: #dfedfd;}

#customers tr:hover td  {background-color: #CCCCCC;}

textarea {
    resize: none;
}

#registro{
    color: #696969;
    font-size: 20px;
    font-style:  normal;
    font-weight: normal;
}

#registro:hover{
    font-weight: bold;
}

#sorfer{
    background-image: url("../images/sorianodeptofertil.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; 
    width:210px;
    height:120px;
    margin: 10px auto; 
}

#trabajando{
    background-image: url("../images/trabajando.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; 
    width:210px;
    height:120px;
    margin: 10px auto; 
}
#error{
    width: 300px;
    color: #DF0101;
    margin: 30px auto;
}
#subText{
    color: gray;
    font-weight:normal;
    font-size:10pt;
    font-style: italic; 
}
.backarrow{
    background-image: url("../images/backarrow2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left; 
    width:125px;
    height:30px;
    margin:5px;
    text-align: right;
    padding: 5px;
    color: grey;
}

.backarrow:hover{
    background-image: url("../images/backarrow.png");
    color: black;
}

.sinNALink{
    text-decoration: none; 
    font-weight: bold;
    font-size:14pt;
}

.closesession{
    background-image: url("../images/logout-icon2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left; 
    width:130px;
    height:18px;
    margin:10px;
    text-align: right;
    padding: 5px;
    color: grey;
}

.closesession:hover{
    background-image: url("../images/logout-icon.png");
    color: black;
}

.emptyform{
    background-image: url("../images/form-icon2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left; 
    width:150px;
    height:18px;
    margin:10px;
    text-align: right;
    padding: 5px;
    color: grey;
    float: left;
}

.emptyform:hover{
    background-image: url("../images/form-icon.png");
    color: black;
}

.newreg{
    background-image: url("../images/user-add-icon2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left; 
    width:150px;
    height:18px;
    margin:10px;
    text-align: right;
    padding: 5px;
    color: grey;
    float: left;
}

.newreg:hover{
    background-image: url("../images/user-add-icon.png");
    color: black;
}

.search{
    /*background-image: url("images/Zoom2.png");*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left; 
    width:650px;
    height:18px;
    margin:10px;
    text-align: right;
    padding: 5px;
/*    padding-left: 25px;*/
    color: grey;
    float: left;
}

.search:hover{
    /*background-image: url("images/Zoom.png");*/
    color: black;
}

.lupa{
    width:25px;
    height:25px;
    float:left;
    background: url("../images/Zoom2.png");
}

.lupa:hover{
    background: url("../images/Zoom.png");
}

.fec{
    margin-left: 5px;
    float:left;
}

.fecinput{
    margin-left: 5px;
    float:left;
    width:70px;
    cursor: pointer;
}
    

.sinNALink2{
    text-decoration: none; 
    font-weight: bold;
    font-size:11pt;
}

.button2 {
  text-decoration: none;
  background-color: darkseagreen;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  height: 100px;
}

.button2:hover {
  background-color: lightgreen ;
  cursor: pointer;
}

.button:hover {
  border-top: 3px solid #CCCCCC;
  border-right: 3px solid #333333;
  border-bottom: 3px solid #333333;
  border-left: 3px solid #CCCCCC;
  cursor: pointer;
}

.form
{
    background: #ece9e9;;
    width:360px;
    /*border:1px solid #3C6AFF;*/
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    margin: 30px auto;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    padding: 5px;
    /*float: left;*/
}

input, textarea, select, button{
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-weight: bolder;
    text-align: center;
    
}



.form2
{
	background: whitesmoke;
	width:950px;
	border:1px solid #3C6AFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:inet 0 0 10px #000;
	-moz-box-shadow:inet 0 0 10px #000;
	-webkit-box-shadow:inet 0 0 10px #000;
	margin: 10px auto;
        padding: 5px;
        min-height: 500px;
        height: 100%;
        position: relative;
        display:table;  
        overflow: visible; 
}
.form3
{
	background: whitesmoke;
	width:1050px;
	/*border:1px solid #3C6AFF;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
/*	box-shadow:inet 0 0 10px #000;
	-moz-box-shadow:inet 0 0 10px #000;
	-webkit-box-shadow:inet 0 0 10px #000;*/
	margin: 5px auto;
        padding: 5px;
        min-height: 500px;
        /*height: 95%;*/
        position: relative;
        display:table;  
        overflow: hidden; 
}

h1 {
    text-align:center;
    color: cadetblue;
    font-weight: bold;
    font-size:25pt;
    margin:20px 0px;
    color: #FFFFFF;
    /*background: #ece9e9;*/
    text-shadow: 3px 5px 2px #474747;
    color: #FFFFFF;
    /*background: #0e8dbc;*/
    text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    line-height: 120%;
}


h2 {
    text-align:center;
    color: cadetblue;
    font-weight: bold;
    font-size:20pt;
    margin:20px 0px;
    color: #FFFFFF;
    /*background: #ece9e9;*/
    text-shadow: 3px 5px 2px #474747;
    color: #FFFFFF;
    /*background: #0e8dbc;*/
    text-shadow: 0 1px 0 #CCCCCC,0 5px 0px rgba(0,0,0,.1);
    line-height: 120%;
}

.h4 {
    text-align:right;
    color:#fff;
    font-weight:normal;
    font-size:12pt;
    margin:30px 0px;
}

.h5 {
    text-align:center;
    color:#FFFFFF;
    font-weight:normal;
    font-size:12pt;
    margin:30px 0px;
}
.registro {
    text-align:right;
    color:#25CA1F;
    font-weight:normal;
    font-size:15pt;
    margin:30px 0px;
}
.input
{
    width:180px;
    height:30px;
    padding:0px 10px;
    margin:5px 30px;
    color: #333333;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
}
.input2
{
    width:65px;
    height:20px;
    padding:0px 10px;
    margin:0px 5px;
    color: #333333;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    float: left;
}
.button
{
    width:135px;
    margin:10px 30px;
    height: 50px;
}

.bienvenido
{
	text-align:center;
	color:#DF0101;
	font-weight:normal;
	font-size:15pt;
}

.cerrar
{
	text-align:right;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12pt;
}
.datagrido1{
    /*background-color: lightblue;*/
}
.datagrido1:hover{
    cursor: default;
    background-color: plum;
}
.datagrido2{
    background-color: burlywood;
}
.datagrido2:hover{
    cursor: default;
    background-color: whitesmoke;
}
.datagrido3{
    background-color: cadetblue;
}
.datagrido3:hover{
    cursor: default;
    background-color: whitesmoke;
}
.datagrido4{
    background-color: cornsilk;
}
.datagrido4:hover{
    cursor: default;
    background-color: whitesmoke;
}
.datagrido5{
    background-color: darkkhaki;
}
.datagrido5:hover{
    cursor: default;
    background-color: whitesmoke;
}
.datagrido6{
    background-color: lavender;
}
.datagrido6:hover{
    cursor: default;
    background-color: whitesmoke;
}
.datagrido7{
    background-color: navajowhite;
}
.datagrido7:hover{
    cursor: default;
    background-color: whitesmoke;
}

.boton_banco{
    width: 320px; 
    height: 90px; 
    background-color: black; 
    border-radius: 10px; 
    box-shadow: 1px 1px 1px #696969; 
    float: left; 
    margin: 15px;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
}

.boton_banco:hover{
    cursor: pointer;
    box-shadow: 3px 3px 3px #000;
}

.boton_banco_off{
    width: 320px; 
    height: 90px; 
    background-color: black; 
    border-radius: 10px; 
    box-shadow: 1px 1px 1px #696969; 
    float: left; 
    margin: 15px;
    background-repeat: no-repeat;
    background-size: 100% 100%; 
}

#cleanerline{
    width: 100%;
    height: 10px;
    float: left;
    display: block;
    overflow: visible; 
}
p{
    color: gainsboro; 
}