/* Stylesheet / CSS */

@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@charset "UTF-8";


html,
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}
 
#wrapperdos{
    padding-bottom: 81px;
    min-height: calc(100%);
    position: relative;
}
  
header {
    color: white;
    background-color: #0086CD;
}
 
footer {
    color: white;
    background-color: #1c6f15;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
	padding: 5px;
	height: 81px;
}
 
.container {
    margin: auto;
}
*{
	font-family: 'Montserrat', sans-serif;
}

#entrada{
	margin: auto;
	background-color: #1c6f15;
	padding: 20px;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border: 10px double #ffffff;
	width: 330px;
}



.textbox_usuario {
    background: #F1F1F1 url(images/input-text-41.png) no-repeat;
    background-position: 5px -7px !important;
    padding: 10px 10px 10px 25px;
    width: 270px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

.textbox_contrasena {
    background: #F1F1F1 url(images/input-text-41.png) no-repeat;
    background-position: 5px -55px !important;
    padding: 10px 10px 10px 25px;
    width: 270px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

.textbox_empresa {
    background: #F1F1F1 url(images/input-text-41.png) no-repeat;
    background-position: 5px -98px !important;
    padding: 10px 10px 10px 25px;
    width: 270px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

.textbox_usuario:focus, .textbox_contrasena:focus, .textbox_empresa:focus {
    border-color: #E8C291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #E8C291 inset;
    box-shadow: 0 0 0 1px #E8C291 inset;
}    

.myButton {
	background-color:#ffffff;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#1c6f15;
	font-family:Arial;
	font-size:17px;
	padding:1px 105px;
	text-decoration:none;
	text-shadow:0px 0px 7px #ffffff;
}
.myButton:hover {
	background-color:#9ba892;
}
.myButton:active {
	position:relative;
	top:1px;
}

#footer{
	--padding-top: 5px;
}

.footer1{
	background: #1c6f15 url(images/input-text-41.png) no-repeat;
    background-position: 0px -144px !important;
    padding: 0px 10px 0px 25px;
    width: 20px;
    --margin-left: 2%;
}

.footer2{
	--margin-left: 22%;
}

.footer3{
	background: #1c6f15 url(images/input-text-41.png) no-repeat;
    background-position: 0px -190px !important;
    padding: 0px 10px 0px 25px;
    width: 20px;
    --margin-left: 22%;
}