html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

texto {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 26px;
    font-style: normal;
    color: #666666;
    font: 200%  'Montserrat';
}

body {
	background-color: #fff;
	color: #222;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Montserrat", sans-serif;
	font-weight: 300;
	font-size: 15px;
}

h1 { padding-center: 40px;
  text-align: center;
  font: 200%  'Montserrat';
  color: #666666;
}

.slogan { float: left; 
	padding-left: 35px;
  	text-align: left; 
 	font: 300%  'Montserrat'; 
  	color: #5555AA;
}

nav {
	background-color: #C1D1F1;
	border: 1px solid #4C8FE6;
	border-radius: 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	color: #888;
	display: block;
	margin: 8px 22px 8px 22px;
	overflow: hidden;
	width: 90%; 
}

nav ul {
	margin: 0;
	padding: 0;
}

nav ul li {
 		display: inline-block;
		list-style-type: none;
		
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s; 
}

nav > ul > li > a {
                        color: #000000;
                        display: block;
                        line-height: 56px;
                        padding: 0 24px;
                        text-decoration: none;
}

nav > ul > li > a > .caret {
	border-top: 4px solid #aaa;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	vertical-align: middle;
	
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	  transition: color 0.1s linear; 
}

nav > ul > li:hover {
          background-color: #6666FF;
}

nav > ul > li:hover > a {
	color: rgb( 255, 255, 255 );
}

nav > ul > li:hover > a > .caret {
 				         border-top-color: rgb( 255, 255, 255 );
}


label {
    display:block;
    margin-top:30px;
    letter-spacing:1px;
}

/* This section centers our complete page */
.main {
    display:block;
    margin:0 auto;
    width:500px;
}

/* This section centers the form inside our web page*/
form {
    margin:0 auto;
    width:420px;
}

/* Applying styles to our text boxes */
input, textarea {
	width:400px;
	height:27px;
	background:#666666;
	border:2px solid #f6f6f6;
	padding:10px;
	margin-top:10px;
	font-size:1em;
	color:#ffffff;
}

textarea {
	height:200px;
	font-family:Arial;
}

#submit {
    width:85px;
    height:35px;
    backgroud:green
    text-indent:-9999px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}

select {
    padding:5px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}



/* Table 1 Style */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568FA3;
    border:1px solid #000000;
    border-bottom:2px solid #000000;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(23,62,147)),
        color-stop(0.51, rgb(39,68,146)),
        color-stop(0.87, rgb(58,17,111))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(23,52,247) 2%,
        rgb(39,58,236) 51%,
        rgb(58,17,231) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568FD3;
    background-color:#9DD929;
    border:1px solid #000000;
    border-right:2px solid #000000;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(58,50,241)),
        color-stop(0.51, rgb(55,100,166)),
        color-stop(0.87, rgb(55,92,167))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(58,84,251) 2%,
        rgb(39,74,236) 51%,
        rgb(23,72,237) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 tfoot td{
    color: #4040FF;
    font-size:24px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #ccc;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:#C1D1F1;
    border: 2px solid #4C8FE6;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
}