/* Font Face */
@font-face {
    font-family: 'ocearegular';
    src: url('../Font/ocea-regular-webfont.eot');
    src: url('../Font/ocea-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/ocea-regular-webfont.woff') format('woff'),
         url('../Font/ocea-regular-webfont.ttf') format('truetype'),
         url('../Font/ocea-regular-webfont.svg#oceaniaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ocea_lightregular';
    src: url('../Font/ocea-light-webfont.eot');
    src: url('../Font/ocea-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/ocea-light-webfont.woff') format('woff'),
         url('../Font/ocea-light-webfont.ttf') format('truetype'),
         url('../Font/ocea-light-webfont.svg#oceania_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ocea_mediumregular';
    src: url('../Font/ocea-medium-webfont.eot');
    src: url('../Font/ocea-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/ocea-medium-webfont.woff') format('woff'),
         url('../Font/ocea-medium-webfont.ttf') format('truetype'),
         url('../Font/ocea-medium-webfont.svg#oceania_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oceabold';
    src: url('../Font/ocea-bold-webfont.eot');
    src: url('../Font/ocea-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Font/ocea-bold-webfont.woff') format('woff'),
         url('../Font/ocea-bold-webfont.ttf') format('truetype'),
         url('../Font/ocea-bold-webfont.svg#oceaniabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

div {
	width: 310px;
	margin-top: 10%;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #FFF;
	padding: 25px;
	border: 1px solid #D7D7D7;
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
}
#form_index {
	line-height: 50px;
	padding: 25px 25px 0;
	margin-top: 10px;
	position: relative;
}
#form_index input[type=submit]  {
	margin-top: 50px;
	margin-bottom: 10px;
	width: 100%;
	padding: 7px;
	border: none;
	background-color: #3AB7D0;
	color: #FFF;
	cursor: pointer;
	-moz-border-radius: 1px;
  	-webkit-border-radius: 1px;
  	border-radius: 1px;
}
body {
	background-color: #F1F1F1;
	font-family: 'ocearegular', Arial, Helvetica, sans-serif;
	color: #82725B;	
}
img {
	padding-right: 10px;	
}
#usuario {
	position: absolute;
	top: 35px;
	right: 25px;
	padding: 5px;	
}
#contrasena {
	position: absolute;
	top: 85px;
	right: 25px;
	padding: 5px;	
}
span {
	display: block;
    text-align: center;
	color: #3AB7D0;
}
input, select {
	font-family: 'ocearegular', Arial, Helvetica, sans-serif;	
}