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;
}
video {
display : inline-block;
vertical-align : baseline;
}
a {
background-color : transparent;
}
a:active, a:hover {
outline : 0;
}

@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) ")";
}
p {
orphans : 3;
widows : 3;
}
}
@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');
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}

a {
color : #337ab7;
text-decoration : none;
}
a:focus, a:hover {
color : #23527c;
text-decoration : underline;
}
a:focus {
outline-offset : -2px;
}


.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;
}
}
.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;
}
html {

article, footer, header, main {
display : block;
}
a {
background-color : transparent;
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}

a {
color : #337ab7;
text-decoration : none;
}


.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);
}
.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);
}
.pubact {
background-color : rgb(208, 200, 228);
border-width : 1px;
border-style : solid;
border-color : black black rgb(208, 200, 228) black;
}
.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;
}
}
@media (min-width: 768px) {
.container {
width : 750px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
article {
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;
}
.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;
}
.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;
}