@charset "utf-8";
/* main styles */
@import url("../css/normal.css") only screen and (max-width:1049px);
@import url("../css/big.css") only screen and (min-width:1050px);
* { 
   -webkit-box-sizing: border-box; 
   -moz-box-sizing:    border-box; 
   box-sizing:         border-box; 
}
strong {font-weight:700;}
header, section, aside, nav, article,  footer {display: block;}
body {
	font-family:'Exo',arial,sans-serif;
	margin:0;
	padding:0;
	background: url(../img/bg_noise.png) repeat #404449;
  	color:#000;
	font-family:'Exo',tahoma,arial,sans-serif;
	font-size:80%;
	}
form {
	margin:0;
	padding:0
	}
img {border:none;}
a {color:#cbebf6;text-decoration: none}
a:hover {text-decoration: underline}
input {font-family:'Exo',arial,sans-serif;vertical-align:middle;}
input[type=text],input[type=password],
select,
textarea {
	height:35px;
	width:90%;
	font-family:'Exo',arial,sans-serif;
	color:#333;
	font-size:130%;
	vertical-align:middle;
	border: 1px solid #b9bcbe;
	-webkit-border-radius: 2px;
    border-radius: 2px;
	background-color:#FFF;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);}
input[type=text]:focus, input[type=password]:focus, select, textarea{ -webkit-box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.3);}	
/*input.text {
	padding:1px 0 0 4px;
	height:14px;
	font-weight:normal;
	}
*//* main container */
#container
{margin: 0 auto;
width:400px;
margin-top:3em;
}

#main {
	float:left;
	text-align:center;
	width:100%;
	background-color:#fdfdfd;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
border:1px solid fdfdfd;
	}
#top {
clear:left;
float:left;
text-align:center;
color: #555;
padding-top:20px;
font-size:150%;
font-weight:700;
width:100%;
height:65px;
border: 0px solid #1b1d1f;
border-bottom: 1px solid #656565;
background-color: #e6e9eb;
background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(158,161,164)),
		color-stop(1, rgb(211,212,213))
	);
	background:-moz-linear-gradient(
		center top,
		rgb(158,161,164) 0%,
		rgb(211,212,213) 100%
	);	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
text-shadow: 0px 1px 1px #FFF;
}
/* header */
#header {
	position:relative;
	width:436px;
	height:100px;
	background-color:#fdfdfd;
	left:-18px;
	top:80px;
	z-index: 5;
	margin:0;
	padding:0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	}
#logo {margin:0 auto;margin-top:-66px;}
.triangle-l {
	border-color: transparent #1d1c1c transparent transparent;
	border-style:solid;
	border-width: 18px;
	height:0px;
	width:0px;
	position: relative;
	left: -36px;
	top: 62px;
}
.triangle-r {
	border-color: transparent transparent transparent #1d1c1c;
	border-style:solid;
	border-width:18px;
	height:0px;
	width:0px;
	position: relative;
	left: 400px;
	top: 26px;
}
label {margin-top:1em;display:block; width:100%; font-weight:700; text-align:center; font-size:150%;color:#1b1d22;}
label.error {font-size:90%; color:#FF0000;}
#modulo {clear:left;float:left;width:100%;margin-top:30px; margin-bottom:30px;}
input[type=submit]{font-family:'Exo',arial,sans-serif;font-weight:700; color: #1b1d22;font-size:120%;margin-right:20px;margin-top:10px;float:right;padding:0.5em;padding-right:1em; padding-left:1em;border:1px solid #656565;text-shadow: 0px 1px 1px #FFF;

background-color: #5f8db2;
background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(107,153,191)),
		color-stop(1, rgb(82,128,162))
	);
	background:-moz-linear-gradient(
		center top,
		rgb(107,153,191) 0%,
		rgb(82,128,162) 100%
	);	
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
input[type=submit]:active{border:1px solid #191b1d;
background-color: #75b0e0;
background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(130,188,237)),
		color-stop(1, rgb(105,163,211))
	);
	background:-moz-linear-gradient(
		center top,
		rgb(130,188,237) 0%,
		rgb(105,163,211) 100%
	);	
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
#recovery{
	clear:left;
	float:left;
	width:100%;
	height:50px;
	color:#FFF;
	text-align:center;
	padding:20px;
	text-shadow: 0px 1px 1px #000000;
	}
#footer {
	font-size:120%;
	clear:left;
	float:left;
	width:100%;
	height:50px;
	color:#FFF;
	text-align:center;
	padding:20px;
	text-shadow: 0px 1px 1px #000000;
	}