body {
margin : 0 2px;
background-size : cover;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
line-height : 1.42857143;
color : #333;
}
h1,h2 {
color : rgb(6, 90, 205);
text-align : center;
font-weight : 500;
line-height : 1.1;
}
main p {
text-align : justify;
padding-left : 7%;
padding-right : 7%;
color : rgb(0, 51, 128);
}
footer p {
text-align : center;
}
article, footer, header, main, section {
display : block;
}
audio, canvas {
display : inline-block;
vertical-align : baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
a {
background-color : transparent;
}
a:active, a:hover {
outline : 0;
}

img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
button, input {
margin : 0;
font : inherit;
color : inherit;
}
button {
overflow : visible;
}
button {
text-transform : none;
}
button, html input[type="button"] {
cursor : pointer;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 0;
}
input {
line-height : normal;
}
@media print {
*, :after, :before {
color : #000 !important ;
text-shadow : none !important ;
background : 0 0 !important ;
box-shadow : none !important ;
}
a, a:visited {
text-decoration : underline;
}
a[href]:after {
content : " (" attr(href) ")";
}
img {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
p {
orphans : 3;
widows : 3;
}
.btn > .caret {
border-top-color : #000 !important ;
}
}
@font-face {
font-family : 'Glyphicons Halflings';
src : url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot);
src : url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff) format('woff'), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
position : relative;
top : 1px;
display : inline-block;
font-family : 'Glyphicons Halflings';
font-style : normal;
font-weight : 400;
line-height : 1;
}
.glyphicon-envelope:before {
content : "\2709";
}
.glyphicon-star-empty:before {
content : "\e007";
}
.glyphicon-barcode:before {
content : "\e040";
}
.glyphicon-picture:before {
content : "\e060";
}
.glyphicon-shopping-cart:before {
content : "\e116";
}
.glyphicon-wrench:before {
content : "\e136";
}
.glyphicon-pawn:before {
content : "\e213";
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}


button, input {
font-family : inherit;
font-size : inherit;
line-height : inherit;
}
a {
color : #337ab7;
text-decoration : none;
}
a:focus, a:hover {
color : #23527c;
text-decoration : underline;
}
a:focus {
outline-offset : -2px;
}
img {
vertical-align : middle;
}


ul {
margin-top : 0;
margin-bottom : 10px;
}
.container {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 768px) {
.container {
width : 750px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
}
}
label {
display : inline-block;
max-width : 100%;
margin-bottom : 5px;
font-weight : 700;
}
.btn {
display : inline-block;
padding : 6px 12px;
margin-bottom : 0;
font-size : 14px;
font-weight : 400;
line-height : 1.42857143;
text-align : center;
white-space : nowrap;
vertical-align : middle;
touch-action : manipulation;
cursor : pointer;
user-select : none;
background-image : none;
border : transparent solid 1px;
border-radius : 4px;
}
.btn:active:focus, .btn:focus {
outline-offset : -2px;
}
.btn:focus, .btn:hover {
color : #333;
text-decoration : none;
}
.btn:active {
background-image : none;
outline : 0;
box-shadow : 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}
.btn.disabled {
cursor : not-allowed;
box-shadow : none;
opacity : 0.65;
}
.btn-default {
color : #333;
background-color : #fff;
border-color : #ccc;
}
.btn-default:focus {
color : #333;
background-color : #e6e6e6;
border-color : #8c8c8c;
}
.btn-default:hover {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default:active {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default:active:focus, .btn-default:active:hover {
color : #333;
background-color : #d4d4d4;
border-color : #8c8c8c;
}
.btn-default:active {
background-image : none;
}
.btn-primary {
color : #fff;
background-color : #337ab7;
border-color : #2e6da4;
}
.btn-primary:focus {
color : #fff;
background-color : #286090;
border-color : #122b40;
}
.btn-primary:hover {
color : #fff;
background-color : #286090;
border-color : #204d74;
}
.btn-primary:active {
color : #fff;
background-color : #286090;
border-color : #204d74;
}
.btn-primary:active:focus, .btn-primary:active:hover {
color : #fff;
background-color : #204d74;
border-color : #122b40;
}
.btn-primary:active {
background-image : none;
}
.btn-success {
color : #fff;
background-color : #5cb85c;
border-color : #4cae4c;
}
.btn-success:focus {
color : #fff;
background-color : #449d44;
border-color : #255625;
}
.btn-success:hover {
color : #fff;
background-color : #449d44;
border-color : #398439;
}
.btn-success:active {
color : #fff;
background-color : #449d44;
border-color : #398439;
}
.btn-success:active:focus, .btn-success:active:hover {
color : #fff;
background-color : #398439;
border-color : #255625;
}
.btn-success:active {
background-image : none;
}
.btn-success.disabled:focus, .btn-success.disabled:hover {
background-color : #5cb85c;
border-color : #4cae4c;
}
.btn-info {
color : #fff;
background-color : #5bc0de;
border-color : #46b8da;
}
.btn-info:focus {
color : #fff;
background-color : #31b0d5;
border-color : #1b6d85;
}
.btn-info:hover {
color : #fff;
background-color : #31b0d5;
border-color : #269abc;
}
.btn-info:active {
color : #fff;
background-color : #31b0d5;
border-color : #269abc;
}
.btn-info:active:focus, .btn-info:active:hover {
color : #fff;
background-color : #269abc;
border-color : #1b6d85;
}
.btn-info:active {
background-image : none;
}
.fade {
opacity : 0;
transition : opacity 0.15s linear;
}
.collapse {
display : none;
}
.caret {
display : inline-block;
width : 0;
height : 0;
margin-left : 2px;
vertical-align : middle;
border-top : 4px dashed;
border-right : 4px solid transparent;
border-left : 4px solid transparent;
}
.dropdown {
position : relative;
}
.dropdown-toggle:focus {
outline : 0;
}
.dropdown-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
display : none;
float : left;
min-width : 160px;
padding : 5px 0;
margin : 2px 0 0;
font-size : 14px;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : #ccc solid 1px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 4px;
box-shadow : 0 6px 12px rgb(0, 0, 0, 0.175);
}
.dropdown-menu .divider {
height : 1px;
margin : 9px 0;
overflow : hidden;
background-color : #e5e5e5;
}
.dropdown-menu > li > a {
display : block;
padding : 3px 20px;
clear : both;
font-weight : 400;
line-height : 1.42857143;
color : #333;
white-space : nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color : #262626;
text-decoration : none;
background-color : #f5f5f5;
}
.btn-group-vertical {
position : relative;
display : inline-block;
vertical-align : middle;
}
.btn-group-vertical > .btn {
position : relative;
float : left;
}
.btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover {
z-index : 2;
}
.btn .caret {
margin-left : 0;
}
.btn-group-vertical > .btn {
display : block;
float : none;
width : 100%;
max-width : 100%;
}
.btn-group-vertical > .btn + .btn {
margin-top : -1px;
margin-left : 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius : 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius : 4px;
border-top-right-radius : 4px;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius : 0;
border-top-right-radius : 0;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
.media {
margin-top : 15px;
}
.media:first-child {
margin-top : 0;
}
.media {
overflow : hidden;
}
.media-object {
display : block;
}
.media-left {
padding-right : 10px;
}
.media-left {
display : table-cell;
vertical-align : top;
}
.media-heading {
margin-top : 0;
margin-bottom : 5px;
}
.modal {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1050;
display : none;
overflow : hidden;
outline : 0;
}
.modal.fade .modal-dialog {
transition : transform 0.3s ease-out;
transform : translate(0,-25%);
}
.modal-dialog {
position : relative;
width : auto;
margin : 10px;
}
.modal-content {
position : relative;
background-color : #fff;
background-clip : padding-box;
border : #999 solid 1px;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 6px;
outline : 0;
box-shadow : 0 3px 9px rgb(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
.modal-dialog {
width : 600px;
margin : 30px auto;
}
.modal-content {
box-shadow : 0 5px 15px rgb(0, 0, 0, 0.5);
}
.modal-sm {
width : 300px;
}
}
.container:after, .container:before {
display : table;
content : " ";
}
.container:after {
clear : both;
}

article, footer, header, main, section {
display : block;
}
audio, canvas {
display : inline-block;
vertical-align : baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
a {
background-color : transparent;
}
a:active, a:hover {
outline : 0;
}

img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
button, input {
margin : 0;
font : inherit;
color : inherit;
}
button {
overflow : visible;
}
button {
text-transform : none;
}
button, html input[type="button"] {
cursor : pointer;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 0;
}
input {
line-height : normal;
}
@media print {
*, :after, :before {
color : #000 !important ;
text-shadow : none !important ;
background : 0 0 !important ;
box-shadow : none !important ;
}
a, a:visited {
text-decoration : underline;
}
a[href]:after {
content : " (" attr(href) ")";
}
img {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
p {
orphans : 3;
widows : 3;
}
.btn > .caret {
border-top-color : #000 !important ;
}
}
@font-face {
font-family : 'Glyphicons Halflings';
src : url(../fonts/glyphicons-halflings-regular.eot);
src : url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
position : relative;
top : 1px;
display : inline-block;
font-family : 'Glyphicons Halflings';
font-style : normal;
font-weight : 400;
line-height : 1;
}
.glyphicon-envelope:before {
content : "\2709";
}
.glyphicon-star-empty:before {
content : "\e007";
}
.glyphicon-barcode:before {
content : "\e040";
}
.glyphicon-picture:before {
content : "\e060";
}
.glyphicon-shopping-cart:before {
content : "\e116";
}
.glyphicon-wrench:before {
content : "\e136";
}
.glyphicon-pawn:before {
content : "\e213";
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}

button, input {
font-family : inherit;
font-size : inherit;
line-height : inherit;
}
a {
color : #337ab7;
text-decoration : none;
}
a:focus, a:hover {
color : #23527c;
text-decoration : underline;
}
a:focus {
outline-offset : -2px;
}
img {
vertical-align : middle;
}


ul {
margin-top : 0;
margin-bottom : 10px;
}
.container {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 768px) {
.container {
width : 750px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
}
}
label {
display : inline-block;
max-width : 100%;
margin-bottom : 5px;
font-weight : 700;
}
.btn {
display : inline-block;
padding : 6px 12px;
margin-bottom : 0;
font-size : 14px;
font-weight : 400;
line-height : 1.42857143;
text-align : center;
white-space : nowrap;
vertical-align : middle;
touch-action : manipulation;
cursor : pointer;
user-select : none;
background-image : none;
border : transparent solid 1px;
border-radius : 4px;
}
.btn:active:focus, .btn:focus {
outline-offset : -2px;
}
.btn:focus, .btn:hover {
color : #333;
text-decoration : none;
}
.btn:active {
background-image : none;
outline : 0;
box-shadow : 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}
.btn.disabled {
cursor : not-allowed;
box-shadow : none;
opacity : 0.65;
}
.btn-default {
color : #333;
background-color : #fff;
border-color : #ccc;
}
.btn-default:focus {
color : #333;
background-color : #e6e6e6;
border-color : #8c8c8c;
}
.btn-default:hover {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default:active {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default:active:focus, .btn-default:active:hover {
color : #333;
background-color : #d4d4d4;
border-color : #8c8c8c;
}
.btn-default:active {
background-image : none;
}
.btn-primary {
color : #fff;
background-color : #337ab7;
border-color : #2e6da4;
}
.btn-primary:focus {
color : #fff;
background-color : #286090;
border-color : #122b40;
}
.btn-primary:hover {
color : #fff;
background-color : #286090;
border-color : #204d74;
}
.btn-primary:active {
color : #fff;
background-color : #286090;
border-color : #204d74;
}
.btn-primary:active:focus, .btn-primary:active:hover {
color : #fff;
background-color : #204d74;
border-color : #122b40;
}
.btn-primary:active {
background-image : none;
}
.btn-success {
color : #fff;
background-color : #5cb85c;
border-color : #4cae4c;
}
.btn-success:focus {
color : #fff;
background-color : #449d44;
border-color : #255625;
}
.btn-success:hover {
color : #fff;
background-color : #449d44;
border-color : #398439;
}
.btn-success:active {
color : #fff;
background-color : #449d44;
border-color : #398439;
}
.btn-success:active:focus, .btn-success:active:hover {
color : #fff;
background-color : #398439;
border-color : #255625;
}
.btn-success:active {
background-image : none;
}
.btn-success.disabled:focus, .btn-success.disabled:hover {
background-color : #5cb85c;
border-color : #4cae4c;
}
.btn-info {
color : #fff;
background-color : #5bc0de;
border-color : #46b8da;
}
.btn-info:focus {
color : #fff;
background-color : #31b0d5;
border-color : #1b6d85;
}
.btn-info:hover {
color : #fff;
background-color : #31b0d5;
border-color : #269abc;
}
.btn-info:active {
color : #fff;
background-color : #31b0d5;
border-color : #269abc;
}
.btn-info:active:focus, .btn-info:active:hover {
color : #fff;
background-color : #269abc;
border-color : #1b6d85;
}
.btn-info:active {
background-image : none;
}
.fade {
opacity : 0;
transition : opacity 0.15s linear;
}
.collapse {
display : none;
}
.caret {
display : inline-block;
width : 0;
height : 0;
margin-left : 2px;
vertical-align : middle;
border-top : 4px dashed;
border-right : 4px solid transparent;
border-left : 4px solid transparent;
}
.dropdown {
position : relative;
}
.dropdown-toggle:focus {
outline : 0;
}
.dropdown-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
display : none;
float : left;
min-width : 160px;
padding : 5px 0;
margin : 2px 0 0;
font-size : 14px;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : #ccc solid 1px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 4px;
box-shadow : 0 6px 12px rgb(0, 0, 0, 0.175);
}
.dropdown-menu .divider {
height : 1px;
margin : 9px 0;
overflow : hidden;
background-color : #e5e5e5;
}
.dropdown-menu > li > a {
display : block;
padding : 3px 20px;
clear : both;
font-weight : 400;
line-height : 1.42857143;
color : #333;
white-space : nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color : #262626;
text-decoration : none;
background-color : #f5f5f5;
}
.btn-group-vertical {
position : relative;
display : inline-block;
vertical-align : middle;
}
.btn-group-vertical > .btn {
position : relative;
float : left;
}
.btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover {
z-index : 2;
}
.btn .caret {
margin-left : 0;
}
.btn-group-vertical > .btn {
display : block;
float : none;
width : 100%;
max-width : 100%;
}
.btn-group-vertical > .btn + .btn {
margin-top : -1px;
margin-left : 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius : 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius : 4px;
border-top-right-radius : 4px;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius : 0;
border-top-right-radius : 0;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
.media {
margin-top : 15px;
}
.media:first-child {
margin-top : 0;
}
.media {
overflow : hidden;
}
.media-object {
display : block;
}
.media-left {
padding-right : 10px;
}
.media-left {
display : table-cell;
vertical-align : top;
}
.media-heading {
margin-top : 0;
margin-bottom : 5px;
}
.modal {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1050;
display : none;
overflow : hidden;
outline : 0;
}
.modal.fade .modal-dialog {
transition : transform 0.3s ease-out;
transform : translate(0,-25%);
}
.modal-dialog {
position : relative;
width : auto;
margin : 10px;
}
.modal-content {
position : relative;
background-color : #fff;
background-clip : padding-box;
border : #999 solid 1px;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 6px;
outline : 0;
box-shadow : 0 3px 9px rgb(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
.modal-dialog {
width : 600px;
margin : 30px auto;
}
.modal-content {
box-shadow : 0 5px 15px rgb(0, 0, 0, 0.5);
}
.modal-sm {
width : 300px;
}
}
.container:after, .container:before {
display : table;
content : " ";
}
.container:after {
clear : both;
}
@font-face {
font-family : 'FontAwesome';
src : url("../fonts/fontawesome-webfont.eot?v=4.7.0");
src : url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
font-weight : normal;
font-style : normal;
}
.fa {
display : inline-block;
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
}
.fa-lg {
font-size : 1.33333333em;
line-height : 0.75em;
vertical-align : -15%;
}
.fa-spin {
animation : fa-spin 2s linear infinite;
}
@keyframes fa-spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(359deg);
}
}
.fa-rotate-90 {
transform : rotate(90deg);
}
.fa-flip-horizontal {
transform : scale(-1,1);
}
:root .fa-rotate-90, :root .fa-flip-horizontal {
filter : ;
}
.fa-stack {
position : relative;
display : inline-block;
width : 2em;
height : 2em;
line-height : 2em;
vertical-align : middle;
}
.fa-stack-1x, .fa-stack-2x {
position : absolute;
left : 0;
width : 100%;
text-align : center;
}
.fa-stack-1x {
line-height : inherit;
}
.fa-stack-2x {
font-size : 2em;
}
.fa-clock-o:before {
content : "\f017";
}
.fa-ban:before {
content : "\f05e";
}
.fa-flag-checkered:before {
content : "\f11e";
}
.fa-wordpress:before {
content : "\f19a";
}
.fa-car:before {
content : "\f1b9";
}
.fa-cc-paypal:before {
content : "\f1f4";
}
.fa-bicycle:before {
content : "\f206";
}

article, footer, header, main, section {
display : block;
}
a {
background-color : transparent;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
button, input {
margin : 0;
font : inherit;
color : inherit;
}
button {
text-transform : none;
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}

button, input {
font-family : inherit;
font-size : inherit;
line-height : inherit;
}
a {
color : #337ab7;
text-decoration : none;
}
img {
vertical-align : middle;
}


ul {
margin-top : 0;
margin-bottom : 10px;
}
.container {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.container:after, .container:before {
display : table;
content : " ";
}
.container:after {
clear : both;
}

.bor {
border : black solid 1px;
}
.home {
background-color : rgb(110, 207, 173);
}
.code {
background-color : rgb(227, 227, 227);
}
.codeact {
background-color : rgb(227, 227, 227);
border-width : 1px;
border-style : solid;
border-color : black black rgb(227, 227, 227) black;
}
.cms {
background-color : rgb(255, 242, 185);
}
.site {
background-color : rgb(249, 252, 187);
}
.apps {
background-color : rgb(217, 252, 194);
}
.foto {
background-color : rgb(207, 252, 236);
}
.print {
background-color : rgb(178, 228, 255);
}
.dat {
background-color : rgb(176, 200, 227);
}
.pub {
background-color : rgb(208, 200, 228);
}
.info {
background-color : rgb(240, 200, 240);
}
@media (max-width: 768px) {
.container {
padding-right : 0;
padding-left : 0;
margin-right : 0;
margin-left : 0;
}
.container > div {
flex-basis : 70px;
}

article {
margin : 5px;
}
section {
margin : 5px;
}
}
@media (min-width: 768px) {
.container {
width : 750px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
article {
margin : 20px;
}
section {
margin : 20px;
}
.container > div {
flex-basis : 100px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
article {
margin : 40px;
}
section {
margin : 40px;
}
.container > div {
flex-basis : 100px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
article {
margin : 80px;
}
section {
margin : 80px;
}
.container > div {
flex-basis : 100px;
}
}
.container {
padding : 0;
margin-left : auto;
margin-right : auto;
display : flex;
flex-wrap : wrap;
justify-content : center;
align-items : stretch;
}
.container > div {
color : #333;
text-align : center;
flex-grow : 1;
cursor : pointer;
border-radius : 4px 4px 0 0;
text-align : center;
line-height : 40px;
}
.container > div > a {
text-decoration : none;
color : black;
font-size : 14px;
}
.container > div:focus, .container > div:hover {
filter : saturate(140%);
filter : brightness(110%);
}
.container > div > a:focus, .container > div > a:hover {
text-decoration : none;
color : black;
}

.flexbox {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : center;
}
.b {
margin : 12px 22px 12px 22px;
}
.nostyle {
background-color : white;
border : none;
color : black;
text-align : center;
padding : 0 30px;
text-decoration : none;
font-size : 16px;
cursor : pointer;
}
#draggable {
width : 100px;
height : 65px;
padding : 0.4em;
float : left;
margin : 10px 10px 10px 0;
}
#droppable {
width : 120px;
height : 120px;
padding : 0.5em;
float : left;
margin : 10px;
background-color : rgb(130, 226, 173);
}
#x {
padding : 10px;
background : rgb(51, 206, 206);
color : rgb(156, 19, 125);
border-color : rgb(6, 90, 205);
font-family : Impact, serif;
margin : 15px;
}
#y {
padding : 10px;
background : rgb(51, 206, 206);
color : rgb(156, 19, 125);
border-color : rgb(6, 90, 205);
font : 15px Impact, serif;
border : rgb(6, 90, 205) solid;
cursor : not-allowed;
}
#v {
padding : 15px;
border-bottom-color : mediumseagreen;
border-left-color : blue;
border-top-color : slateblue;
border-right-color : red;
border-style : dotted solid double dashed;
border-bottom-left-radius : 30px;
border-top-right-radius : 17px;
border-bottom-width : 15px;
border-top-width : 10px;
}
#s {
color : hsl(240 100% 15%);
border-radius : 50%;
border : hsl(240 100% 15%) solid 2px;
background-color : rgb(130, 226, 173);
padding : 20px;
}
#s:hover {
background-color : rgb(130, 6, 173);
color : black;
}
#s:active {
background-color : rgb(10, 226, 173);
}
#g {
box-shadow : 12px 12px 12px #888888;
cursor : pointer;
padding : 10px;
}
#demo {
color : hsl(140 80% 17%);
font-size : 15px;
margin:0;
padding:0;
}

#j:hover {
color : yellow;
}
#jj {
transition : font-size 3s 0s linear;
}
#jjj:hover {
color : yellow;
}
#ball {
width : 100px;
height : 100px;
border-radius : 50%;
background-image : url("../ww.png");
animation : wobble 1s 0s ease 3 alternate;
}
@keyframes wobble {
from {
transform : none;
}
15% {
transform : translate3d(-25%,0,0) rotate3d(0,0,1,-15deg);
}
30% {
transform : translate3d(20%,0,0) rotate3d(0,0,1,13deg);
}
45% {
transform : translate3d(-15%,0,0) rotate3d(0,0,1,-13deg);
}
60% {
transform : translate3d(10%,0,0) rotate3d(0,0,1,12deg);
}
75% {
transform : translate3d(-5%,0,0) rotate3d(0,0,1,-11deg);
}
to {
transform : none;
}
}
#i {
width : 80px;
height : 80px;
transition : width 2s, height 2s, transform 2s;
border-color : hsl(200 100% 80%);
font-size : 40px;
padding : 10px;
background-color : hsl(200 100% 80%);
transition : background-color 8s 0s linear;
}
#i:hover {
transform : rotate(90deg);
}
.droptext {
display : none;
position : absolute;
background-color : #f9f9f9;
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.2);
z-index : 1;
padding : 4%;
}
.dropdown:hover .droptext {
display : block;
}
.ttip {
position : relative;
display : inline-block;
border-bottom : 1px dotted black;
}
.ttip .tooltiptext {
visibility : hidden;
width : 200px;
background-color : lightgreen;
color : black;
text-align : center;
border-radius : 6px;
padding : 3px;
position : absolute;
z-index : 1;
}
.ttip:hover .tooltiptext 

/*jqueryui.com/resources/demos/style.css*/

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}