body{
   font-family: 'Roboto', sans-serif;
   color: #333;
   }
footer{
	width: 100%;
	height: 30px;
   position: absolute;
   background: #00e0e0;
   color: #00008B;
   padding: 10px 0;
   text-align: center;
   vertical-align: middle;
   font-weight: 100;}

a{text-align: center;}

a:link, a:active, a:visited{
/*   color: #315e8a; */
   text-decoration: none;}

a:hover{
   text-decoration: none;
   background: #ff6600;}

.linha{
   width: 1200px;
   margin: 0 auto;
   overflow: auto;
   padding: 5px 0;
   }
.coluna{
   padding: 0 10px;
   float: left;
}
.colunaB{
   padding: 0 7px;
   float: left;
}
.col1{width:  80px;}   
.col2{width: 180px;}
.col3{
	width: 280px;}
.col4{
	width: 380px;}
.col5{width: 480px;}
.col6{
	width: 580px;}
.col7{width: 680px;}
.col8{width: 780px;}
.col9{width: 880px;}
.col10{width: 980px;}
.col11{width: 1080px;}
.col12{width: 1180px;}
.col_meia{width: 50px;}   
.col_3meia{width: 190px;}   
.col1_12{width: 60px;	margin: -20px 0px 0px 0px;}
.col2_12{width: 140px;	margin: -20px 0px 0px 0px;}
.col3_12{width: 220px;	margin: -20px 0px 0px 0px;}
.col6peq{width: 560px;}
.colpdd{width: 70px;}

#wrap{
   width: 1200px;
   position: relative;
   margin: auto;
   background: white;
   padding: 40px 0px;
   overflow: hidden;
   }
/* Estilos reutilizaveis */
.sem-padding{
   padding: 0 !important;
}
.sem-margin{
   margin: 0 ! important;
}

h1, h2, h3, h4, h5, h6{
   font-weight: 500;
   margin: 15px 0 10px 0;
}
ul li, ol, li{
   margin-bottom: 5px;
   }
ul.inline li, ol.inline li{
   display: inline;
   margin: 15px;
}
ul.inline li:last-child, ol.inline li:last-child{
   margin: 0;}
ul.sem-marcador, ol.sem-marcador{
   list-style: none;}
img{
   max-width: 100%;
}
/* layout do site */
.header{
   background: #dee3e6;
   }
h1.logo{
   color: #ffffff;
   letter-spacing: -1px;
   text-transform: uppercase;
   text-shadow: 1px 1px 2px black;
   font-size: 30px;
   padding: 0px 0px 0px 20px;
   vertical-align: middle;
}

h2.logo{
   color: blanchedalmond;
   letter-spacing: -1px;
   text-transform: uppercase;
   text-shadow: 1px 1px 2px black;
   font-size: 30px;
   padding: 0px 0px 0px 20px;
   vertical-align: middle;
}

.menu{
   text-transform: uppercase;
   text-align: center;
   margin: 0;
   padding: 0;
}
.menu ul li{
   background: #ff6600;
   color: #ffffff;
   text-decoration: none;
   display: inline-block;
   padding: 10px;
   border: 0;
}
.menu li a{
   padding: 5px 25px;
   border-radius: 3px;
   color: #ffffff;
}
.menu li a:hover{
   text-decoration: none;
   background: #1f3c58;
   color: #ebebeb;
}
.cabecalho{
   background: #00e0e0;
}
header{
   margin-top: -30px;
   padding: 0px;
   }
label{
   display: block;
   vertical-align: middle;
   text-align: left;
   white-space: nowrap;
   width: 25%;
}
textarea{
   display: block;
   vertical-align: middle;
   width: 100%;
   height: 100px;
}
input[type=submit], input[type=button], input[type=file], select{
   background: #c71585; /* #333333; */
   color: #ffffff;
   cursor: pointer;
   padding: 7px 20px;
   border: 0;
   display: block;
   vertical-align: middle;
   width: 100%;
   font-size: 16px;
}
input[type=submit]:hover, input[type=button]:hover, input[type=file]:hover, select:hover{
   background: #ff6600;
}
h1{
   color: #ff6600;
   letter-spacing: -1px;
   text-transform: capitalize;
   text-shadow: 1px 1px 2px black;
   font-size: 30px;
   padding: 0px 0px 0px 20px;
}
img, h1{
   display: inline-block;
   vertical-align: middle;}
p{
   text-align: justify;
   }
.p1{
   text-indent: 0;
   text-align: justify;
   }
section label, input[type=text]{
   display: inline-block;
}
.caixa{
   width: 360px;
   height: 220px;
   display: inline-block;
   box-shadow: 0px 0px 10px black;
}

.caixa input[type=password]{
width: 50%;
background-color: seashell;
}
.caixa input[type=text]{
width: 50%;
background-color: seashell;
}
/*---  Pagina Pacientes ---*/
.inp4col{
	background: #fffaf0;
}
.inp4col label{
   vertical-align: middle;
   width: 60%;
   text-align: left;
}
.inp4col input{
   vertical-align: middle;
   width: 30%;
   text-align: left;
}

.foto [type=file]{
   width: 100%;
   color: yellow;
   display: none;
}
.foto input[type=submit]{
   width: 100%;
   color: white;
   display: block;
}
.foto img{
   width = 100%;
   height: 133%;}
   
.impbtn input{width: 100%;}

.abutton {
   display: block;
/*   width: 260px; */
   height: 45px;
   padding: 0;
   text-align: center;
   border-radius: 0px;
   color: white;
   font-size: 16px;
/*   background: #c71585; */
   background: white;
   background-image: url('../imagens/pdf3.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 45px 45px;
}

.abutton label a{width: 300px;}

.abutton a:hover{
   text-decoration: none;
   color: blue;
   background: #ff6600;
}

.sidebar label{width: 100%;}

.sidebar input[type='text']{
width: 100%;
background-color: white;
border-style: solid;
margin-bottom: 0;
}

.lpi label{width: 30%;}

.lpi input{width: 50%;}

.informa input{width: 70%;}

.informa select{width: 70%;}

.informa label, select{
display: inline-block;;
}

.inp_squeeze input[type='text'], input[type='password']{
width: 100%;
background-color: white;
border-style: solid;
margin-bottom: 10px;
}

.inp_squeeze label{
margin-bottom: 14px;
}

.inp_table input[type='text']{
width: 100%;
background-color: white;
border-style: solid;
margin-top: -5px;
margin-bottom: -5px;
}

.flushleft{text-align: left;}
.flushright{text-align: right;}

.moldura{
   border-style: solid;
   border-width: 2px;
   border-color: blueviolet;;
}