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;
}
a {
background-color : transparent;
}
img {
border : 0;
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}

a {
color : #337ab7;
text-decoration : none;
}
img {
vertical-align : middle;
}


ol {
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);
}
.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);
}
.fotoact {
background-color : rgb(207, 252, 236);
border-width : 1px;
border-style : solid;
border-color : black black rgb(207, 252, 236) black;
}
.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;
}
}
@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;
}



a {
background-color : transparent;
}
a:active, a:hover {
outline : 0;
}

img {
border : 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) ")";
}
a[href^="#"]:after {
content : "";
}
img {
page-break-inside : avoid;
max-width : 100% !important ;
}
h2, p {
orphans : 3;
widows : 3;
}
h2 {
page-break-after : avoid;
}
}
@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-chevron-left:before {
content : "\e079";
}
.glyphicon-chevron-right:before {
content : "\e080";
}
* {
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;
}
img {
vertical-align : middle;
}
.carousel-inner > .item > img {
display : block;
max-width : 100%;
height : auto;
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
border : 0;
}


ol {
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;
}
}
.carousel {
position : relative;
}
.carousel-inner {
position : relative;
width : 100%;
overflow : hidden;
}
.carousel-inner > .item {
position : relative;
display : none;
transition : left 0.6s ease-in-out;
}
.carousel-inner > .item > img {
line-height : 1;
}
@media all {
.carousel-inner > .item {
transition : transform 0.6s ease-in-out;
backface-visibility : hidden;
perspective : 1000px;
}
.carousel-inner > .item.active {
left : 0;
transform : translate3d(0,0,0);
}
}
.carousel-inner > .active {
display : block;
}
.carousel-inner > .active {
left : 0;
}
.carousel-control {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 15%;
font-size : 20px;
color : #fff;
text-align : center;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.6);
background-color : rgb(0, 0, 0, 0);
opacity : 0.5;
}
.carousel-control.left {
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.5) 0, rgb(0, 0, 0, 0.0001) 100%);
background-repeat : repeat-x;
}
.carousel-control.right {
right : 0;
left : auto;
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.0001) 0, rgb(0, 0, 0, 0.5) 100%);
background-repeat : repeat-x;
}
.carousel-control:focus, .carousel-control:hover {
color : #fff;
text-decoration : none;
outline : 0;
opacity : 0.9;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position : absolute;
top : 50%;
z-index : 5;
display : inline-block;
margin-top : -10px;
}
.carousel-control .glyphicon-chevron-left {
left : 50%;
margin-left : -10px;
}
.carousel-control .glyphicon-chevron-right {
right : 50%;
margin-right : -10px;
}
.carousel-indicators {
position : absolute;
bottom : 10px;
left : 50%;
z-index : 15;
width : 60%;
padding-left : 0;
margin-left : -30%;
text-align : center;
list-style : none;
}
.carousel-indicators li {
display : inline-block;
width : 10px;
height : 10px;
margin : 1px;
text-indent : -999px;
cursor : pointer;
background-color : rgb(0, 0, 0, 0);
border : #fff solid 1px;
border-radius : 10px;
}
.carousel-indicators .active {
width : 12px;
height : 12px;
margin : 0;
background-color : #fff;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
width : 30px;
height : 30px;
margin-top : -10px;
font-size : 30px;
}
.carousel-control .glyphicon-chevron-left {
margin-left : -10px;
}
.carousel-control .glyphicon-chevron-right {
margin-right : -10px;
}
.carousel-indicators {
bottom : 20px;
}
}
.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;
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
border : 0;
}

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

a {
color : #337ab7;
text-decoration : none;
}
img {
vertical-align : middle;
}


ol {
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);
}
.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);
}
.fotoact {
background-color : rgb(207, 252, 236);
border-width : 1px;
border-style : solid;
border-color : black black rgb(207, 252, 236) black;
}
.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;
}
}
@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;
}

@media only screen and (min-width: 768px) {
#smartphone {
display : none;
}
}
@media only screen and (max-width: 767px) {
#laptop {
display : none;
}
#smartphone {
display : block;
}
.smartph {
max-width : 100%;
height : auto;
display : block;
margin-left : auto;
margin-right : auto;
}
}