/* CSS Used from bootstrap */
/*all*/

html {
 font-family: sans-serif;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%
}
body {
 margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,sum   mary {
 display: block
}

a {
 background-color: transparent
}


img {
 border: 0
}
svg:not(:root) {
 overflow: hidden
}
hr {
 height: 0;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box
}
 button,input,optgroup,select,textarea {
 margin: 0;
 font: inherit;
 color: inherit
}

button,select {
 text-transform: none
}

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}
:after,:before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}
html {
 font-size: 10px;
 -webkit-tap-highlight-color: rgba(0,0,0,0)
}
body {
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 14px;
 line-height: 1.42857143;
 color: #333;
 background-color: #fff
}
button,input,select,textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit
}
a {
 color: #337ab7;
 text-decoration: none
}
img {
 vertical-align: middle
}
hr {
 margin-top: 20px;
 margin-bottom: 20px;
 border: 0;
 border-top: 1px solid #eee
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
 font-family: inherit;
 font-weight: 500;
 line-height: 1.1;
 color: inherit
}
.h1,.h2,.h3,h1,h2,h3 {
 margin-top: 20px;
 margin-bottom: 10px
}
.h1,h1 {
 font-size: 36px
}
p {
 margin: 0 0 10px
}
ol,ul {
 margin-top: 0;
 margin-bottom: 10px
}
.container {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn- toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
 display: table;
 content: " "
}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-    body:after,.row:after {
 clear: both
}



body{margin:0;background-size:cover;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.42857143;color:#333;}
h1,h2{ color: rgb(6,90,205);text-align:center;}
.container ul li a {font-size:14px;}

/*color palet*/
.bor{border:1px solid black;}
.home{background-color:rgb(110,207,173);}
.homeact{background-color:rgb(110,207,173);border-width:1px;border-style: solid;border-color:black black rgb(110,207,173) black;}
.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);}
.cmsact{background-color:rgb(255,242,185);border-width:1px;border-style: solid;border-color:  black black rgb(255,242,185) black;}
.site{background-color:rgb(249,252,187);}
.siteact{background-color:rgb(249,252,187);border-width:1px;border-style: solid;border-color:black black rgb(249,252,187) black;}
.apps{background-color:rgb(217,252,194);}
.appsact{background-color:rgb(217,252,194);border-width:1px;border-style: solid;border-color:black black rgb(217,252,194) black;}
.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);}
.printact{background-color:rgb(178,228,255);border-width:1px;border-style: solid;border-color:black black rgb(178,228,255) black;}
.dat{background-color:rgb(176,200,227);}
.dataact{background-color:rgb(176,200,227);border-width:1px;border-style: solid;border-color:black black rgb(176,200,227) black;}
.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);}
.infoact{background-color:rgb(240,200,240);border-width:1px;border-style: solid;border-color:black black rgb(240,200,240) black;}





           

/*main*/
article p{font-size:18px;text-align:justify;padding-left:7%;padding-right:7%;color:rgb(0,51,128);}

/*footer*/
footer p{text-align:center;}
footer article::before{content:"";}
footer article::before{background-color:lightgrey;opacity:0.5;text-align:center;color:blue;margin:1px;font-size:12px;}
                


/*header body*/
@media (max-width:768px){.container{padding-right:0;padding-left:0;margin-right:0;margin-left:0;}.container>div{flex-basis:70px;}body{margin:0}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;}