*{	border: 0; margin: 0; padding: 0; text-decoration: none;}



@font-face {

    font-family: 'crandallregular';

    src: url('../fonts/crandal-webfont.eot');

    src: url('../fonts/crandal-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/crandal-webfont.woff') format('woff'),

         url('../fonts/crandal-webfont.ttf') format('truetype'),

         url('../fonts/crandal-webfont.svg#crandallregular') format('svg');

    font-weight: normal; 

    font-style: normal;

}



@font-face{

    font-family: 'Tahomabd'; 

    src: url('../fonts/tahoma-webfont.eot');   

    src: url('../fonts/tahoma-webfont.eot?#iefix') format('embedded-opentype'),

    	 url('../fonts/tahoma-webfont.woff') format('woff'),

		 url('../fonts/tahomabd.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'impactregular';

    src: url('../fonts/impact-webfont.eot');

    src: url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/impact-webfont.woff') format('woff'),

         url('../fonts/impact-webfont.ttf') format('truetype'),

         url('../fonts/impact-webfont.svg#impactregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

body{

    margin: 0 auto; 

    font-family: 'Arial';

    font-size: .9em;

    background-color: #e6f7e8;

    color: #015f5f; 

    text-align: center;

    width:100%;

}



header{

    /*background-color: #e6f4c3;*/

    text-align: center;

    /*background: -webkit-linear-gradient(#e6f7e8, #e6f7e8, #e6f7e8 ); 

    background: -o-linear-gradient(#e6f7e8, #e6f7e8, #e6f7e8); 

    background: -moz-linear-gradient(#e6f7e8, #e6f7e8, #e6f7e8); 

    background: linear-gradient(#e6f7e8, #e6f7e8, #e6f7e8); */

}

#logoContainer,#logo,#flagsContainer,#flags{display: inline-block; vertical-align: middle; }

#logoContainer img{border-radius: .9em; width: 100%;}


#container{
  /*background: rgba(0,78,100,.1);*/
  text-align: center;
  width: 930px; vertical-align: top; 
  -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
  -webkit-box-sizing: border-box; box-sizing: border-box; 
  margin: 0 auto;
}

nav{padding: 5px;}

nav li { display: inline-block; padding: 0.1em 0.2em 0.1em 0.2em; vertical-align: middle; }

nav a { background: #015f5f; border-radius: 0.5em 0.5em 0em 0em; color: #fff; display: block; 

    font-family: Arial, Helvetica,Helvetica; font-size: .85em; padding: 0.4em 1.2em; 

    text-decoration:none; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;   

    -o-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; 

    transition: all 0.5s ease-in; 

}

nav a:hover { background: #1aa7a7; color: #FFF; -ms-transition: all 0.5s ease-out; 

    -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; 

    -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; 

}

.c_nav_prod a{

    background: #C74E7E; border-radius: 0.5em 0.5em 0em 0em; color: #fff; display: block; 

    font-family: Arial, Helvetica,Helvetica; font-size: .85em; padding: 0.4em 1.2em; 

    text-decoration:none; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; 

    -o-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; 

    transition: all 0.5s ease-in; 

}

.c_navFlag a {width:70px;} 



.c_nav_prod a:hover{

    background: #015f5f;

    color: #FFF;

    -ms-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;  }

.c_nav_sele a{ 

    background: #e6f7e8; 

    border: 0.1em solid #015f5f;

    color: #000; 

    display: block;

    font-family: Arial, Helvetica,Helvetica;

    font-size: .85em;

    padding: 0.3em 1em; 

    text-decoration:none;  

    -ms-transition: all 0.5s ease-in;

    -moz-transition: all 0.5s ease-in;

    -o-transition: all 0.5s ease-in;

    -webkit-transition: all 0.5s ease-in;

    transition: all 0.5s ease-in;   }

.c_nav_sele a:hover{ background: #d0e6d3; border: 0.1em solid #015f5f; color: #000; 

    padding: 0.3em 1em; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; 

    -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; 

    transition: all 0.5s ease-out; 

}

/*li img{ background: #e6f7e8; margin: 0 auto; text-align: center; }*/



#titulo_1{ 

    font-family: 'Verdana','Helvetica'; font-weight:bold;font-size:1.6em;margin-top: 8px; 

     }

#homeBody{ display: inline-block; margin: 0 auto; text-align: center; 

    vertical-align: top; width: 95%;  margin:0 auto; }

#col_home{ display: inline-block; width: 45%; text-align: justify; padding: 10px; vertical-align: top;}

h2{height: 10px;}



footer{width:90%; text-align: center;margin:0 auto;}

#p-footer_1, #p-footer_2{ font-family: Arial, Helvetica, Verdana; color: #015f5f; font-weight:bold;     font-style:italic; font-size: 1.1em; margin-top: 8px; padding: 5px 0 0 0; }

#p-footer_2{ font-weight:normal; font-style:normal; font-size: .9em; margin-bottom: 7px; padding: 0; }

#p-footer_2 a{ color: #015f5f; }



#protects1,#protects2{ display: block; text-align: center;  font-family: 'crandallregular'; }

#protects1{ font-size: 2em; }

#protects2{ font-size: 1.4em; font-family: 'Arial'; margin-top: 15px; color: red; font-style: italic; font-style: bold;}



#succesf{
  font-family: 'impactregular'; font-size: 2em; 
  text-shadow: 1px 3px 4px #000; 
  text-align:center; color:#e80303; letter-spacing: 1px;
}

#succesf1{ font-family: 'crandallregular'; font-size: 1.8em; width: 80%; padding: 10px; text-align:center; margin: 0 auto; }

#col_comm{ margin-bottom: 10px; width:930px; display:inline-block; padding: 10px 10px; }


#bodyContact{ 
  /*outline: 1px solid red;
  background: rgba(0,0,0,.1);*/
  width:930px; 
  display: inline-block; 
  margin: 0 auto; 
}

#col_Contact{ 
  display: inline-block; 
  width:46%; 
  margin: 0 auto; 
  vertical-align: top; 
  /*padding: 10px;*/}

.my_tlt_contact{
  margin: 0;
  margin-top: 20px;
  font-family: 'crandallregular'; font-size: 1.8em; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 10px;
}
.cont-img{
  margin-top: 10px;
}
#col_Contact img {
    max-width: 300px;
}
.data-eas{
  /*outline: 1px solid red;*/
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 10px;
  text-align: center;
  width: 180px;
  margin: 0 auto;
}
.data-eas .each{
  /*outline: 1px solid black;*/
  padding-bottom: 5px;
}
.icon-envelope,.icon-phone{
  /*padding-right: 10px;*/
  position: relative;
  top: 1px;
}
.myco{
  width: 40px;
}
#contact-form, #contact-form_2 {  

    color: #015f5f; display: inline-block;  font-family: Arial, Helvetica,Helvetica;

    font-size: .9em;  margin: .5em auto;  padding:.5em;  text-align:left; vertical-align: middle;

}  



#labelTag, select { padding: 4px; }

input, select, textarea{

   -moz-box-shadow:   2px 2px  4px #3c913e;

   -webkit-box-shadow: 2px 2px 4px #3c913e;

   box-shadow:         2px 2px 4px #3c913e; 

}

#labelTag{ display:inline-block; width:70px; }

#inputBox{ display:inline-block; width:75%; text-align:right; }

input, textarea { width:80%; border: 1px solid #ccc; padding: 2px; }

label, input { margin-bottom:5px; }

label { min-width:70px; font-weight: bold;}

select { width: 60px;}

#zipy{ width:50px; text-align: center;}

input:focus, textarea:focus { background-color: #ecf3f6; border: 1px solid #000; }

#phone_1, #phone_2{ width:30px; text-align:center; }

textarea {  height:75px;  width:99%; resize: none; margin-bottom: 5px; }

#contact-form #submit-button { 

    background: #015f5f; border: 0.1em solid #57ABB8;

    border-radius: 0.5em 0.5em 0em 0em;  color: #fff;

    display: block; float: right; width:60px;

    font-family: Arial, Helvetica,Helvetica;

    font-size: .9em; padding:0.1em;

    padding: 0.3em 0.5em .3em .5em; text-decoration:none;

    -ms-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}  

#contact-form #submit-button:hover {  

    background-color: #04a209; width:70px;} 



.required {  

    font-weight:bold;  

    color:#F00;  

}  



::-webkit-input-placeholder {

   color: #989898; font-style:italic;

}

:-moz-placeholder { /* Firefox 18- */

   color: #989898; font-style:italic;  

}

::-moz-placeholder {  /* Firefox 19+ */

   color: #989898; font-style:italic;  

}

:-ms-input-placeholder {  

   color: #989898; font-style:italic;  

}



#accept{

    background-color: #fff; border:2px solid #015f5f; border-radius: 8px;

    margin: 0 auto; padding: .5em .5em; text-align: justify; width: 150px;

}

#accept a{ 

    background: #015f5f; border-radius: 9px; color: #fff; font-family: Arial, Helvetica; 

    font-size: .8em; height: 20px; padding: 2px 5px; margin: 0 auto; float: right;

    text-align: center; text-decoration: none; width: 30px;

}

#accept p{ background: #fff; color: #015f5f; font-family: Arial, Helvetica; font-size:.8em; margin-bottom: 10px;}



.producs{ display: inline-block; margin: 5px 5px 5px 5px; max-width: 98%; text-align: center; vertical-align: top;  }

.producs p a{ font-family: 'crandallregular'; font-size:1.8em; color:#015f5f; font-weight:bold;}

.producs p a:hover{  color:#c74e7e; 

    -ms-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#containerProds,#cuerpo_sensors,.sensors,.img_sensors,.sensors_1, #img_tags,

#cuerpo_sensors_Inside,.sensorsInside-L, .sensorsInside-R,#succesf1,footer

{ 

    -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;

    -webkit-box-sizing: border-box; box-sizing: border-box;

}

#containerProds{ width:95%; margin:0 auto}

#cuerpo_sensors, #cuerpo_sensors_Inside{ width:95%; margin: 0 auto; margin-top:20px;  }

    

.sensors,.sensors_1{ display:inline-block; margin:0 auto; max-width:100%; vertical-align:top; width:38%;}

.sensors_1{ width: 19%; }

/*.sensors_1{ display: inline-block; text-align: center; width: 125px; vertical-align: top; }*/

.img_sensors{ border-radius: 15px; display: inline-block; margin: 0 auto; padding: 0.3em; width: 125px; }

.img_tags{ display:inline-block; margin: 0 auto; padding: 0.3em; width: auto; }



/*.img_sensors a:hover { 

    background-color:#015f5f; color:#fff;  box-shadow: #015f5f;

    -ms-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;}*/

.units_sens{ display: inline-block; margin: 0 auto; max-width: 125px; border-radius:10px; margin-bottom:5px;}

.units_sens p:hover{font-weight:bold; color:#fff; border-radius:10px; background-color:#c74e7e; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}



.img_sensors img{width: 100%;}

.units_tag{ display: inline-block; margin: 0 auto;  }

.bodyTags{width:80%; margin:0 auto; }

.sensors p, .sensors_1 p{ text-align: center; color:#015f5f; padding: 3px;}



#div_tags,#sensorsBody, #tagBody { display: inline-block; margin: 0 auto; text-align: center; width: 930px; padding:10px; }

#div_tags{ color: #015f5f; display: inline-block; margin: 0 auto; vertical-align: top; width:28%; }



#cuerpo_sensors_Inside,.sensorsInside-L,.sensorsInside-R{ 

     display:inline-block; margin:0 auto;  vertical-align:top;

      width: 95%; vertical-align: middle;

 }

.sensorsInside-L { width:28%; /*background: lightblue;*/ }

.sensorsInside-L img { max-width: 100%; padding: 0;}

.sensorsInside-R { width:68%;  }



#sideRight{ text-align: justify; text-align: justify;}

#sideRight p{ padding-top:15px ;  text-align: justify; font-size: 1em;}



td#td-title,td#td-conte {text-align: left; width:85px;}

/*td#td-title {text-align: left; width:85px;}*/

p#hardTags { text-align:center; }



article p {text-align:justify;}

#liBeneficios{ margin-left: 22px; text-align: left;}



.slider2{  display:inline-block; margin: 0 auto; margin-top: 5px; max-width:100%; height:233px; overflow:hidden; text-align:center; width:249px;  border: 0.1em solid #e0efe2; border-radius: 1em;

}

.slider2 img{

    display: inline-block; background: #e6f7e8;

    margin: 0 auto; text-align: center; }





@media(max-width:1020px){

    h2{width: 100%;}

    #container{ width: 97%; text-align: center; }

    header {  text-align: center; width: 95%; margin: 0 auto;  }

    nav a{font-size: .9em;}

    h1{ display: inline-block; text-align: center;  vertical-align: middle; width:98%; }

    /*nav{ display: block; text-align: center; max-width:68%; }*/

    nav{ margin: 0 auto; width: 95%;  }

    nav li{ text-align: center; font-size: .9em; }

    #col_comm{ width:90%;}



/*#succesf1{background-color: white ;}*/

   

    .sensorsInside-R{padding-left:10px;}



    #col_comm{ width: 95%;}

    #cadaComm{ width:250px;}

    #homeBody{ width: 95%; }

    #bodyContact{ width:95%; }

    input  { width:100%; }

}



@media(max-width:930px){

    #col_Contact img {width: 100%;}

    #sensorsBody, #tagBody { width: 90%;}

    .sensors,.sensors_1{ width:48%;}

    .sensors_1{ width: 90%; }

}



@media(max-width:800px){

    #homeBody{ width: 95%;  }

    #col_home{ width: 95%; display: block; margin: 0 auto; }

    #titulo_1{ font-size: 1.8em; }

    #cadaComm{ width:95%; }

    #col_Contact{ width: 95%; }

    .bodyTags{ width: 95%; }

    #div_tags{ width:95%;  }

}



@media(max-width:600px){

    header{display: inline-block;}

    #logoContainer{display: inline-block;}

    nav{display: inline-block;}

    nav li{display: inline-block;}

    nav li a, .c_navFlag a{width: 75px; display: inline-block; } 

    #titulo_1{ font-size: 1.5em; }

    #protects1{ font-size: 1.7em; }

    #protects2{ font-size: 1.45em; }

    #succesf1{ font-size:1.5em; }

    .sensors,.sensors_1{ width:95%; margin-bottom:20px; }

    #cuerpo_sensors_Inside, .sensorsInside-L, .sensorsInside-R { width: 95%; display: block; }

    .sensorsInside-R{padding-left:0px;}

    .c_navFlag li{ padding: 0; }

}