body
{
font-family:arial;
background:#eee;
}

h1 {text-align:center;}

p { float:left; font-size:20px; margin: 0px;}
ul { list-style:none; margin:0px;}
li { float:left; margin:5px;width:300px} 
.formulario { float:left; margin:5 0 8 0px;}

.menu {    width: 100%;
    text-align: center;
    }

.logo {    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -10px;}

.switch {
width: 82px;
height: 32px;
background: #e5e5e5;
z-index: 0;
margin: 0 0 0 180px;
padding: 0;
appearance: none;
border: none;
cursor: pointer;
position: absolute;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
}

.switch:before {
content: ' ';
position: absolute;
left: 1px;
top: 1px;
width: 80px;
height: 30px;
background: #bbb;
z-index: 1;
border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
}

.switch:after {
content: ' ';
height: 29px;
width: 29px;
border-radius: 28px;
background: #eee;
position: absolute;
z-index: 2;
top: 1px;
left: 1px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}
.switchOn,.switchOn:before
{
background: #4cd964 !important;
}

.switchOn:after
{
left: 52px !important;
}


.switchBig {
width: 300px;
height: 105px;
background: #e5e5e5;
z-index: 0;
margin: 0;
padding: 0;
appearance: none;
border: none;
cursor: pointer;
position: relative;
border-radius:53px;
-moz-border-radius:53px;
-webkit-border-radius:53px;
}

.switchBig:before {
content: ' ';
position: absolute;
left: 2px;
top: 2px;
width: 296px;
height: 101px;
background: #eee;
z-index: 1;
border-radius:52px;
-moz-border-radius:52px;
-webkit-border-radius:52px;
}

.switchBig:after {
content: ' ';
height: 100px;
width: 100px;
border-radius: 52px;
background: #eee;
position: absolute;
z-index: 2;
top: 2px;
left: 2px;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-box-shadow: 0 2px 5px #999999;
box-shadow: 0 2px 5px #999999;
}

.switchBigOn, .switchBigOn:before
{
background: #4cd964 !important;
}

.switchBigOn:after
{
left: 198px !important;
}

