/**************************************************************
   Top language menu
 **************************************************************/

div#language {
clear:both;
margin:0 0 5px 0;
position: relative;
text-align:center;
width:766px
}

div#languagemenu {
  height: 1.5em;
  margin: 0 auto;
  position: relative
}

div#languagemenu ul {
  margin: 0;
  padding: 0;
  float: right
}

div#languagemenu ul li {
  display: inline;
  list-style: none
}

div#languagemenu ul li a {
color: #434343;
display:block;
float: left;
font: 400 1.1em arial, sans-serif;
letter-spacing: 0.1em;
padding: 0.3em;
line-height: 0.8em !important;
line-height: 1em
}

div#languagemenu ul li a.last {
border-right: 0px; 
padding-right: 0.5em
}

div#languagemenu ul li a:hover {
  color: #434343;
  font: bold 1.1em arial, sans-serif
}

/**************************************************************
   Top menu and logo
 **************************************************************/

div#header{
height: 4em;
margin: 0 0 10px 0;
padding:0px;
position:  relative;
text-align:center;
width:768px;
}

div#headerimage {
/*  background: #fff; */
  float:left;
  height: 4em;
  margin:0;
  padding:0;
  position:  relative;
  width:251px
}
div#headerimage img {
  height:40px;
  margin: 0 0 0 0;
  padding: 1px 0 0 0;
  width:230px
}

div#headermenu {
background: #28374b;
/*   background: #336699; */
  float: right;
  height: 4em;
  margin:0;
  padding:0;
  position:  relative;
  left:-2px;
  width:517px
}

div#headermenu ul {
  height: 2.6em;
  margin: 1.1em 0 0 0;
  padding: 2px;
}

div#headermenu ul li {
  display: inline;
  list-style: none;
}

div#headermenu ul li a {
  border-right: 2px solid #fff;
  color: #fff;  
  float: left;
  font: bold 1.3em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  padding: 0.1em 0.8em;
}

div#headermenu ul li a.last {
  padding-right: 1em;
  border-right: 0
}

div#headermenu ul li a:hover {
/*  background:#fff; */
/*   color: #434343 */
color:#c1c1c1
}

div#container{
width:766px !important;
width /**/:776px;
margin: 0 auto;
padding:10px;
text-align:left;
background: #fff
/* background:#bfc9e0 */
}

div#content{
/* background: #bfc9e0; */
background: #fff;
padding:0;
position: relative;
margin:10px 0;
width:766px;
}

div#banner{
background: #ccc;
margin:0;
padding:10px 0;
position: relative;
 text-align: center;
width:766px;
}

div#services{
background: #ccc;
margin:0;
padding:10px 0;
position: relative;
 text-align: center;
width:766px;
}

div#imgservices{
/* background: #eee; */
float: left;
margin:0 10px 10px 10px;
padding:5px;
text-align: center;
height: 125px;
width: 145px
}

div#serviceslist{
 background:#eee;
float: right;
margin: 0 10px;
padding:5px;
text-align: left;
/* height: 140px; */
width: 560px
}
div#service1{
float: left;
margin: 0px;
padding:5px;
text-align: left ;
height:105px;
width: 235px
}
div#service2{
float: right;
margin: 0px;
padding:5px;
text-align: left ;
height:105px;
width: 235px
}

div#service1 a{
color:#6a9e62;
 font-weight: 600;
 font-size: 1em;
}
div#service1 li{
 margin: 5px;
}

div#service1 ul{
margin: 0px;
padding: 10px;
}


div#service2 a{
color:#6a9e62;
font-weight: 600;
font-size: 1em;
}
div#service2 li{
 margin: 5px;
}
div#service2 ul{
margin: 0px;
padding: 10px;
}

div#ntiinfo{
border: 1xp solid #000;
/* height:205px; */
padding:10px 0px 10px 0px;
position:  relative;
width:766px
}

div#nticolumn1{
background: #eee;
float:left;
margin:0px;
padding:10px;
width:526px
}
div#nticolumn1 a:hover{
color: #fff;
}
div#righthand{
float:right;
margin:0;
padding:0px;
width:206px
}
div#nticolumn2{
background: #eee;
float:right;
margin:0px  0px 10px 0px;
padding:10px;
width:186px
}

div#nticolumn3{
background: #eee;
float:right;
margin:0px  0px 10px 0px;
padding:10px;
width:186px
}

div#columns{
height:205px;
padding:10px 0px 10px 0px;
position:  relative;
width:766px
}

div#column1{
background: #eee;
float:left;
margin:0;
padding:10px;
width:356px
}

div#column2{
background: #eee;
float:right;
margin:0;
padding:10px;
width:356px
}

div#imgcol1{
background: #fff;
margin: 0px 0px 0px 10px;
  padding:1px;
width:100px;
}

div#imgcol2{
background: #fff;
margin: 0px 0px 0px 10px;
  padding:1px;
width:100px;
}
div#imgnticol1{
background: #fff;
margin: 0px 0px 0px 30px;
  padding:1px;
height:72px;
width:95px;
}
div#imgnticol2{
background: #fff;
margin: 0px 0px 0px 30px;
  padding:1px;
height:72px;
width:95px;
}
div#imgnticol3{
background: #fff;
margin: 0px 0px 0px 30px;
  padding:1px;
 height:72px;
width:95px;
}
div#imgntidiagnostico{
background: #fff;
margin: 0px 0px 0px 30px;
  padding:1px;
width:80px;
}
div#ulnti1 li{
 margin: 10px;
}
div#ulnti1 a{
color: #555
}
div#ulnti1 a:hover{
color: #555
}

div#ntiinfocontent2 a{
color: #555
}

div#ntiinfocontent2 a:hover{
color: #555
}

div#snapshot{
background: #ccc;
padding:10px 0;
position: relative;
width:766px
}
div#contacto1{
background: #eee;
margin:0;
padding:10px;
/* width:356px */
}
div#contacto3{
background: #eee;
margin: 0;
padding:10px;
 height: 80px;
/* width:356px */
}
div#page{
}
div#banner1{
 background:#f4f5e7;
/* float: right; */
margin: 2px;
padding:5px;
text-align: center;
height: 125px;
width: 160px
}

div#banner2{
 background:#f4f5e7;
/* float: right; */
margin: 0 0px 0 10px;
padding:5px;
text-align: center;
height: 140px;
width: 160px
}
/**************************************************************
   Footer
 **************************************************************/
div#footer{
clear:both;
width:766px;
background: #28374b;
/* background: #336699; */
padding:10px 0;
text-align:center
}

#footer #bg {  
  height: 4em;
  margin: 0 auto;
  position: relative
}

#footer #bg ul {  
  float: right;
  margin: 1.5em 1em 0 0 !important;
  margin: 1.5em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #fff;
/*   border-right: 2px solid #fff; */
  text-decoration:none;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #c1c1c1;
}

#footer #bg img {
  position: absolute;
  top: 6%;
  left: 10px;
}

/**************************************************************
   css html
 **************************************************************/

body{
background-color: #acacac;
/* background-color: #fff; */
color: #555;
font: 400 0.7em verdana, arial, sans-serif;
margin: 0;
line-height: 170%;
padding: 15px;
text-align: center
}

h1,h2,h3,p{
margin: 0;
padding: 0px;
font-weight:normal
}


h1{
font-size: 250%;
color: #FFF;
letter-spacing: 1px
}

h2{
font-size: 200%;
line-height:1;
color:#002455 
}

h3{
font-size: 150%;
line-height:1;
color:#002455 
}

a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}


/**************************************************************
   css class
 **************************************************************/

.imgbanner {
/* margin: 0 10px 0 10px; */
padding:0 10px;
position: relative;
height: 180px;
width: 746px
}

.ulbannersize {
height:182px;
margin: 0;
padding:0;
}

.servicesize {
height:142px;
margin: 0;
padding:0;
}

.servicesizelist {
height:132px;
margin: 0;
padding:0;
}

.textbanner{
margin: 15px 0 0 10px;
padding:5px;
}

.imgntiservice {
 height: 32px;
  width: 155px
}
.imgntiservicecompu {
 height: 100px;
  width: 100px
}

.ntiinfo{
/* border: 1px solid #000; */
margin: 10px 0px;
}
.imgcolumn {
 height: 25px;
  width: 144px
}
.imgnticolumn {
margin: 2px 2px 2px 2px;
padding: 2px;
position: relative;
height: 60px;
  width: 85px
}

.imgulcolumn {
margin: 4px 2px 2px 2px;
padding: 2px;
position: relative;
height: 75px;
  width: 90px
}
.ulcolumn {
font: 400 1.1em arial, sans-serif;
 margin: 0px 0px 0 0;
padding: 2px;
 line-height:1.5em;
  list-style: none;
width:225px;
}

.ulsize {
height:95px;
margin: 2px;
padding:5px 5px;
}

.ulsizerighthand {
height:135px;
}
.ulsizerighthand2 {
height:145px;
margin: 2px;
padding:5px;
}
.ulntisize {
height:250px;
margin: 2px;
padding:5px 5px;
}
.ulntisize2 {
height:130px;
margin: 2px;
padding:5px 5px;
}

.readmore{
border-top : 2px solid #ccc;
 height:2em;
vertical-align:bottom;
width:100;
}

.border{
border:1px solid #000;
}

.topleft{
position:absolute;
 top:10px;
 left:5px;
}

.topright{
position:absolute;
 top:10px;
 right:5px;
}

.snapshotcenter {
font: 400 1.1em arial, sans-serif;
 line-height:1.5em;
/* letter-spacing: 0.5px; */
margin: 0 85px;
padding: 0 0 5px 0;
text-align: center;
width:595px;
}

.contactleft {
margin: 0 100px;
position:absolute;
bottom:10px;
left:4px;
text-align: center;
width:220px
}

.contactright {
 margin: 0 105px;
 position:absolute;
 bottom:10px;
 right:4px;
text-align: center;
width:185px;
}
.contactcenter {
margin: 0 325px;
text-align: center;
width:145px;
}

.contacimagesize{
height: 100px;
  width: 85px
}
.banner1size{
height: 115px;
width: 160px}

.center{
 text-align:center
}
.justify{
 text-align:justify
}
.bold{
 font-weight: bold;
}
.fontsize1{
  font-size: 1.2em;
}

.widthntiinfo{
 width: 366px;
}
.widthntiinfolarge{
 width: 506px;
}
.padding4{
padding:3px
}
.width {
  width: 766px;
}
.height{
 height:6em
}
.liheight{
 height:2.2em
}
.floatleft {
  float:left
}
.floatright {
   float: right
}
.titles{
font-weight: bold;
margin: 5px;
padding: 2px 2px 2px 5px;
}
.whitetext{
color:#fff 
}
.orangetext{
color:#d98600
}
.greentext{
color:#6a9e62
}
.bluebackground{
 background-color:#3F5776
}
.greenbackground{
 background-color:#83c757;
}
.lightbackground{
 background-color:#f4f5e7
}
.colorred{
color: red;
}
.copyright {
color:#ffffff;
padding-right:1em;
padding-top:0em;
letter-spacing: 0.1em;
text-align:right;
}

