/* CSS */

/* * {
    box-sizing: border-box;
} */

[class*="bordab-"] {
    font-size:2.5vw; border-bottom: 2px solid #000088;
}

[class*="bordaEsq-"] {
    position:fixed; top:45%; left:-70%; width:150%; font-size:1.8vh;
    /*safari */ -webkit-transform: rotate(-90deg);
    /* Firefox */ -moz-transform: rotate(-90deg);
    /* IE */ -ms-transform: rotate(-90deg);
    /* Opera */ -o-transform: rotate(-90deg);
    /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-family:tahoma, verdana, arial, sans-serif;
    color:#2255a8; z-index:1;
}

.caixatexto {
    display:inline; margin-bottom:10px; margin-right:20px; background-color:#eeeeff; border:3px solid white;
    font-weight: bold; font-family:tahoma, verdana, arial, sans-serif; text-align:left;
    z-index:1;
}

[class*="col-"] {
    float:left; width: 100%; height:100%;
    /*border: 1px solid #008000;*/
}

[class*="contact-"] {
    padding:0 0 0 0; top:0; left:0; width:100%; height:100%; border:none; z-index:1;
}

[class*="clientes-"] {
    position:abolute; width:98%; height:auto; top:130%; right:1%; border:none; overflow:hidden;
    font-size:3.0vh; color:#225fa8; text-align:justify; z-index:1; /* border: 1px solid #ff0000;*/
}

[class*="endereco-"] {
     position:absolute; top:45%; right:1%; width:98%; height:60%; border:none;
     font-size: 2.5vh; text-align:center; overflow:hidden; z-index:1; /* border: 1px solid #ff0000;*/
}

[class*="logo-"] {
    float:left; margin-left:2%; width:90%; height:100%;
    /*border: 1px solid #008000;*/
}

/* LOGO ----------------------------------------------------------------------*/
[class*="logoimg-"] {
    height:100%; width:100%; margin-top:5px; z-index:1;
}

[class*="destaques-"] {
     position:absolute; top:45%; right:1%; width:98%; height:55%; border:none; overflow:hidden; z-index:1; /* border: 1px solid #ff0000;*/
}

[class*="descmed-"] {
    position:absolute; width:98%; height:auto; top:22%; left:1%; margin-top:5px;
    font-size: 20px; text-decoration: none; color:white; text-align:left; text-shadow: 0 0 2px #225fa8;
    background-image:url('img/storm.jpg'); background-size:100% 100%; border:none; z-index:1;
}

[class*="descProd-"] {
    position:absolute; top:18%;width:98%; height:auto; border:none; z-index:1;
}

[class*="mapaC-"] {
     position:absolute; top:103%; right:1%; width:98%; height:65%; border:none;
     text-align:center; overflow:hidden; margin-top:0; z-index:1; /*border: 1px solid #ff0000;*/
}
[class*="mapamed-"] {
     float:left; margin-top:80px; margin-left:9px; padding-bottom:40px; width:98%; height:auto;
}

[class*="mensagem-"] {
     position:absolute; top:150%; right:1%; width:98%; height:65%; border:none;
     text-align:center; overflow:hidden; margin-top:0; z-index:1; /*border: 1px solid #ff0000;*/
}

/* MENU1 ---------------------------------------------------------------------*/
[class*="menu1-"] {
    position:absolute; bottom:-50%; margin-bottom:0; margin-left:0; height:25%;
    font-size:2vw; font-weight:normal; font-family:tahoma, verdana, arial, sans-serif;
    z-index: 1;  /*border:1px solid #008000; */
}
[class*="menu1-"] li{                              
    float:left; display:inline; list-style-type:none;
}
[class*="menu1-"] li a{
    float:left; margin-right:1.2vw; color: #000080; padding:0 0.4em; text-decoration: none;
    background-color:transparent;
}
[class*="menu1-"] li a:hover {
    border-bottom: 3px solid #000088;
}

[class*="prod1-"] {
    position:absolute; width:98%; height:77%; top:22%; left:1%; margin-top:5px;
    font-size: 7.0vw; text-align:center; text-decoration: none; text-shadow: 0 0 4px #000000; color:white;
    background-image:url('img/qualidade.jpg'); background-size:100% 100%; border:none; z-index:1;
}
[class*="prod1-"] li{
    margin-bottom: 4%;
} 
[class*="prod1-"] li a{
    color:white; text-decoration: none; text-shadow: 0 0 3px #000000;
}
[class*="prod1-"] li a:hover{
    color:orange;
}

[class*="prod2-"] {
    position:absolute; width:98%; height:77%; top:95%; left:1%; margin-top:5px;
    font-size: 7.0vw; text-align:center; text-decoration: none; text-shadow: 0 0 4px #000000; color:white;
    background-image:url('img/diagnostico.jpg'); background-size:100% 100%; border:none; z-index:1;
}
[class*="prod2-"] li{
    margin-bottom: 4%;
} 
[class*="prod2-"] li a{
    color:white; text-decoration: none; text-shadow: 0 0 3px #000000;
}
[class*="prod2-"] li a:hover{
    color:orange;
}

[class*="prod3-"] {
    position:absolute; width:98%; height:77%; top:168%; left:1%; margin-top:5px;
    font-size: 7.0vw; text-align:center; text-decoration: none; text-shadow: 0 0 4px #000000; color:white;
    background-image:url('img/computer.jpg'); background-size:100% 100%; border:none; z-index:1;
}
[class*="prod3-"] li{
    margin-bottom: %;
} 
[class*="prod3-"] li a{
    color:white; text-decoration: none; text-shadow: 0 0 3px #000000;
}
[class*="prod3-"] li a:hover{
    color:orange;
}

[class*="prodCab-"] {
    position:absolute; top:36%; width:98%; height:auto; margin-right:2%; text-align:center;
}

[class*="prodTxt-"] {
    float:left; width:90%; height:auto; margin-top:2%; margin-left:3%; margin-bottom:5%; color:#2255a8;
}

.prodP {
    margin-top:0px; border-top:5px solid white; border-bottom:1px solid white; background-color: rgba(0,0,0,0.3);
}

.prodImgL {
    float:left; display:inline; margin-top:2%; margin-left:6%; width:80%; margin-right:10%; height:auto;
}

.prodImgR {
    float:left; display:inline; margin-top:2%; margin-left:18%; width:80%; height:auto;
}

.prodWwwL {
    float:right; display:inline; margin-top:-45%; margin-right:80%; width:12%; height:auto; z-index:1;
}

.prodWwwR {
    float:right; display:inline; margin-top:-45%; margin-right:1%; width:12%; height:auto; z-index:1;
}

.prodVidL {
    float:right; display:inline; margin-top:-30%; margin-right:80%; width:12%; height:auto; z-index:1;
}

.prodVidR {
    float:right; display:inline; margin-top:-30%; margin-right:1%; width:12%; height:auto; z-index:1;
}
/* SOCIAL --------------------------------------------------------------------*/
[class*="social-"] {
    position:absolute;
    width: 50%;
    height:4.0vh;
    top:0;
    right:1.5vw;
    padding:0;
    list-style-type: none;
    /*border: 1px solid #000080;*/
    z-index:1;
}

[class*="social-"] li{
    float: right!important;
    padding: 0;
    display: inline;
    background-color: #e0e0e0;
    /*margin-bottom: 0;*/
    width: 4.0vh;
    height: 4.0vh;
    margin-left:0.8vw;
    -moz-transition: all 0.3s ease 0s;
}

[class*="social-"] li a img{
    width:60%; margin-left: 20%; margin-top: 20%;
}            

[class*="zonaC-"] {
    position:absolute; width:98%; height:25%; top:20%; right:1%;  border:none; z-index:-1; /*border: 1px solid #ff0000;*/
}

[class*="montra-"] {
    padding:0 0 0 0; top:0; left:0; width:100%; height:50%; border:none; z-index:1;
 }

[class*="marcas-"] {
     position:absolute; top:50%; right:1%; width:98%; height:35%; border:none; overflow:hidden; z-index:1; /* border: 1px solid #ff0000;*/
}

[class*="marca-"] {
   width:100%; height:100%; border:none; z-index:1;
}

[class*="marca-"] p{
     position:absolute; top:0; left:0; color:white; overflow:hidden; z-index:1;
} 

[class*="destaques-"] {
     position:absolute; top:85%; right:1%; width:98%; height:35%; border:none; overflow:hidden; z-index:1; /* border: 1px solid #ff0000;*/
}

[class*="destaque-"] {
   width:100%; height:100%; border:none; z-index:1;
}

[class*="destaque-"] p{
     position:absolute; top:0; left:0; color:white; overflow:hidden; z-index:1;
}

[class*="noticias-"] {
     position:absolute; top:120%; right:1%; width:98%; height:35%; border:none; overflow:hidden; z-index:1; /* border: 1px solid #ff0000;*/
}

[class*="noticia-"] {
   width:100%; height:100%; border:none; z-index:1;
}

[class*="noticia-"] p{
     position:absolute; top:0; left:0; color:white; overflow:hidden; z-index:1;
}  

[class*="footer-"] {
    position:fixed; bottom:5px; width:98%; height:2.2vh; left:1%;
    font-size:1.6vw; text-align: right; font-family:tahoma, verdana, arial, sans-serif;
    background-color:#124598; color:#ffffff; border-bottom: 1px solid #124598; z-index:1;
}

[class*="footer-"] p{ position:absolute; bottom:0; margin-bottom:1.0vw; right:0;}

#slides {
    width:100%; height:100%;
}

.facebook {
    background-color: #e0e0e0;
}

.facebook:hover {
    background-color: #0090FF;
}

.linkedin {
    background-color: #e0e0e0;
}
.linkedin:hover {
    background-color: #fe9900;
}

.twitter {
    background-color: #e0e0e0;
}
.twitter:hover {
    background-color: #48c4d2;
}

.youtube {
     background-color: #e0e0e0;
}
.youtube:hover {
    background-color: #f45750;
}

/* TOPO ----------------------------------------------------------------------*/
[class*="topo-"] {
    position:absolute; top:5.0vh; width:100%; height:10%;
}

.topoProd {
    position:absolute; top:1.0vh; width:98%; height:14%; border-bottom:3px solid #2255a8;
}

/* TABLETS */
@media only screen and (min-width:730px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 73%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    
    .bordab-tablet {font-size:1.8vw; border-bottom: 2px solid #000088;}
    .bordaEsq-tablet {top:50%; left:-22%; width:50%; font-size:2.6vh;}
    .clientes-tablet {position:absolute; top:13%; height:85%; width:32%; right:2%;font-size:1vw;}
    .descmed-tablet {top:13%; text-align:justify; font-size:18px;}
    .descProd-tablet {top:15%;}
    .endereco-tablet {top:58%; height:35%; width:30%; left:2%; font-size: 1.5vh; text-align: left;}
    .logo-tablet {margin-left:1%; width:25%;}
    .logoimg-tablet {margin-left:0; width:100%;}
    .mapaC-tablet {top:58%; height:auto; width:30%; left:24%; text-align:left;}
    .mapamed-tablet {margin-top:0; margin-left:15%; width:auto;}
    .mensagem-tablet {top:58%; height:45%; width:55%; right:1%;}
    .menu1-tablet {bottom:0; font-size:1.6vw;}
    .prod1-tablet {top:16%; height:83%; width:30%; left:1%; font-size: 2.0vw;}
    .prod2-tablet {top:16%; height:83%; width:30%; left:35%; font-size: 2.0vw;}
    .prod3-tablet {top:16%; height:83%; width:30%; left:69%; font-size: 2.0vw;}
    .prodCab-tablet {top:12%; text-align:right;}
    .prodTxt-tablet {margin-left: 8%;}
    .social-tablet {top:0; width:40%; right:1%;}
    .zonaC-tablet {top:13%; height:60%;}
    .contact-tablet {height:80%;}
    .montra-tablet {height:70%;}
    .marcas-tablet {top:73%; height:25%; width:30%; right:66%;}
    .marca-tablet {width:100%;}
    .destaques-tablet {top:73%; height:25%; width:30%; right:33%;}
    .destaque-tablet {width:100%;}
    .noticias-tablet {top:73%; height:25%; width:30%; right:1%;}
    .noticia-tablet {width:100%;}
    .footer-tablet {font-size:1.3vw; color:#ffffff; background-color:#2255a8; border-bottom: 0px solid #2255a8;}
    .footer-tablet p{ margin-bottom:0.1vw; }
    .topo-tablet {top:0vh;}
}

/* PCs DESKTOP */
@media only screen and (min-width:1100px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
    .bordab-desktop {font-size:18px; border-bottom: 2px solid #000088;}
    .bordaEsq-desktop {top:50%; left:-22%; width:50%; font-size:2.6vh;}
    .clientes-desktop {position:absolute; top:13%; height:85%; width:32%; right:2%;font-size:1vw;}
    .descmed-desktop {top:13%; text-align:justify; font-size:18px;}
    .descProd-desktop {top:15%;}
    .endereco-desktop {top:58%; height:45%; width:25%; right:72%; font-size: 1.5vh; text-align: left;}
    .logo-desktop {margin-left:1%; width:25%;}
    .logoimg-desktop {margin-left:0; width:100%;}
    .mapaC-desktop {top:58%; height:auto; width:30%; left:24%; text-align:left;}
    .mapamed-desktop {margin-top:0; margin-left:15%; width:auto;}
    .mensagem-desktop {top:58%; height:45%; width:55%; right:1%; text-align:left;}
    .social-desktop {top:3.4vh; width:20%; right:1%;}
    .menu1-desktop {bottom:0; font-size:14px;}
    .prod1-desktop {top:15%; height:84%; width:30%; left:1%; font-size: 2.0vw;}
    .prod2-desktop {top:15%; height:84%; width:30%; left:35%; font-size: 2.0vw;}
    .prod3-desktop {top:15%; height:84%; width:30%; left:69%; font-size: 2.0vw;}
    .prodCab-desktop {top:20%; text-align:right;}
    .prodTxt-desktop {margin-left: 10%;}
    .zonaC-desktop {top:11%; height:60%;}
    .contact-desktop {height:80%;}
    .montra-desktop { height:70%; }
    .marcas-desktop {top:72%; height:25%; width:33%; right:66%;}
    .marca-desktop {width:100%;}
    .destaques-desktop {top:72%; height:30%; width:33%; right:33%;}
    .destaque-desktop {width:100%;}
    .noticias-desktop {top:72%; height:30%; width:33%; right:1%;}
    .noticia-desktop {width:100%;}
    .footer-desktop {font-size:1.0vw; color:#4275c8; background-color:#ffffff; border-bottom: 1px solid #4275c8;}
    .footer-desktop p{ margin-bottom:0; }
    .topo-desktop {top:0;}
}

body {
	font-family:tahoma, verdana, arial, sans-serif; /*min-width: 800px; min-height: 600px; /*overflow:hidden;*/ 
	/*background-color: transparent;/*background-image: url("img/fundobase.jpg"); background-size:cover; background-position:top; background-repeat:no-repeat; */ 
 }
 
.info{
	text-align:left; font-size:1.5vh; padding: .2em .8em; font-family:tahoma, verdana, arial, sans-serif;
	color:#2255a8; /* color:#FFF; border-bottom: 1px solid #2255a8; background-color: #2255a8;/*background-color: #0090FF;*/ 
}

input[type="text"] {
  display: block; margin:auto; text-align: left; height: 5vh; padding-left: 10px;
  width: 30vh; font-family: sans-serif; font-size: 20px; 
  border-radius: 5px;
}

input[type="password"] {
  display: block; margin:auto; text-align: left; height: 5vh; padding-left: 10px;
  width: 30vh; font-family: sans-serif; font-size: 20px; border-radius: 5px;
}
 
#contact{
    position:absolute; width:95%; height:54%; right:3%; top:7%; margin-top:0; background-color:transparent; z-index: -1;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal:target {
    opacity: 1;
    pointer-events: auto;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: #ff4545;
    border-radius: 50%;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}