@charset "utf-8";

/* CSS Document */

*{ background-color:#e6f7e8; border: 0; margin: 0; padding: 0; text-decoration: none; }

@font-face { font-family: Arial, Helvetica, Verdana; font-weight:normal; font-style:normal; }

.slider{  display: block; margin: 0 auto; margin-top: 5px;	max-width:100%; height: 285px; overflow: hidden;text-align: center;width:930px;  }

.slider2{  display:inline-block; margin: 0 auto; margin-top: 5px; max-width:100%; height:233px;	overflow:hidden; text-align:center; width:249px;

}

.slider img{ background: #e6f7e8; margin: 0 auto; text-align: center; }

.slider2 img{

	display: inline-block; background: #e6f7e8;

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



img{border-radius: 15px;}

header, nav, section, article, footer { margin: 0 auto; text-align: center; }

/*header{background: orange;}*/

h1{ background-image: url(img/logo4.jpg); display: block; margin: 0 auto; max-width: 100%; padding: 0; text-align: center; vertical-align: middle; }

header nav{ display: inline-block; font-size:1em; max-width: 95%; vertical-align: middle; text-align: center; }

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_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; }

section{	padding: 0em; }

article, .article_tags{ color: #015f5f; display: inline-block; margin: 0 auto; font-family: Arial, Helvetica, Verdana; padding: 10px 20px; vertical-align: top; width: 35%; }

.article_tags{ display: inline-block; max-width: 28%; }

article p, .article_tags p, .units p{ font-size: .9em; margin: 0 auto; text-align: justify; color: #015f5f; }

.cuerpo{	max-width: 80%; }

.cuerpo_tags{ margin: 0 auto; max-width: 90%; }

.cuerpo_producs{ width: 100%; }

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



.cuerpo_contacto{ width: 90%; }



#pg_contacto{ display: inline-block; margin: 15px 10px 5px 10px; max-width: 98%; text-align: center; vertical-align: top; width: 90%; }

.img_commenta{background: url(img/comment.png);}

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



.producs img{ display:block; border-radius: 1px; text-align: center; }

.tags{ display: inline-block; margin: 0 auto; width: 99%; max-width: 100%; }

.img_tags{ border-radius: 15px; display: inline-block; margin: 5px 10px 5px 10px; padding: 0.2em 0.7em; width: 95%; }

.units { display: inline-block; margin: 5px 10px 5px 10px; max-width: 70%; }

.units p{ font-family: Verdana, Arial, Helvetica; }

.units p:hover{ font-weight: bold; }

.cuerpo_sensors{ max-width: 100%; }

.sensors{ display: inline-block; margin: 0 auto; max-width: 100%; vertical-align: bottom; width: 31.5%; }

.sensors_1{ display: inline-block; text-align: center; width: 200px; }

.sensors p, .sensors_1 p{ text-align: center; }

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

.units_sens{ display: inline-block; margin: 0 auto; max-width: 90%; width: 125px; }

.units_sens a:hover{ background: #000; }

.units_sens p:hover{font-weight: bold;}

.sens_classic{ display: inline-block; color: black; margin: 0 auto; width: 96%; 	max-width: 95%; }

#tit_sens{ font-family: Verdana, Arial, Helvetica; font-size: .85em;	margin-bottom: 5px; }

#columna{

	display: inline-block;

	margin-bottom: 10px 0;

	width: 95%;

}

#cada_parrafo{ display: inline-block; font-family: Verdana, Arial, Helvetica; font-size: 13px; margin-right: 10px; margin-left: 10px; margin-top: 15px; text-align: justify; padding: 0 10px; width: 25%; }

#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;}



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

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

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



.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

@media(min-width:1081px){

	header { text-align: center; width: 90%; }

	nav{ text-align: right; max-width:45%;	}	

	.slider{ margin: 0 auto; }

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

	#alto{ height: 45px; }

	#p-footer_1{ margin-top: 50px; }

}



@media(max-width:1080px){

	/*header { background-color: blue; }*/



	header { display: block; text-align: center; width: 90%; }

	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 li{ text-align: center; font-size: .9em; }

	.slider{ display: block; margin: 0 auto; margin-top: 5px; max-width:100%; 		overflow: hidden; text-align: center; width:930px; height: 285px;	}

	.cuerpo{ max-width: 98%; }

	.units { display: inline-block; margin-left: 30px; margin-right: 30px; max-width: 90%; width: 280px; }

	.units img{ display: inline-block; max-width: 100%; }

	#cada_parrafo{ width: 70%; display: inline-block; 	}

	.producs { max-width: 100%; }

	

	#pg_contacto { width: 100%; padding: 0; margin: 0 auto;/* background: green;*/}

	#cuerpo_contacto { width: 100%; background: blue; }

	#contact-form{ width: 52%;  padding: 0;/*background: orange;*/ }

	#contact-form_2{ display: inline-block; width: 42%; }

	#contact-form_2 img{ width: 100%; }

	#name, #contry,

	#direcc, #compani, #Title,

	#depar, #cixty, #email{

	    background: white;

	    float: right;

	    width:385px;  

	}

}



@media(max-width:800px){

	header {

		/*background-color: red;*/

	}

	nav li{ text-align: center; }

	nav{ text-align: center; width:100%; }

	article { width: 46.5%; padding: 10px 10px; }

	article p{ font-size: .9em; }

	.slider{ display: block; margin: 0 auto; margin-top: 5px; max-width:100%; overflow: hidden; text-align: center; width:930px; height: 188px; }

	.article_tags{ width: 98%; }

	.article_tags{ display: inline-block; max-width: 95%; }

	.units {

		-moz-box-shadow: 10px 10px 0.7 #ccc;

    	-webkit-box-shadow: 10px 10px 0.7 #ccc;

		box-shadow: 10px 10px 0.7 #ccc;

		display: inline-block;

		margin: 5px 35px;

		max-width: 90%;

		width: 250px;

	}

	.units img{ display: inline-block; margin: 0 auto; max-width: 100%; }

	.sensors{ display: inline-block; margin: 0 auto; max-width: 100%; vertical-align: bottom; width: 80%; }

	#cada_parrafo{ width: 63%; display: inline-block; }

	.producs img{ margin: 5px 0px 5px 10px; width: 85%; }	

	#contact-form{ width: 70%; padding: 0; /* background: orange;*/}

	#contact-form_2{ display: none; width: 1px; 	margin: 0; padding: 0; visibility: hidden; }

	#name, #contry,

	#direcc, #compani, #Title,

	#depar, #email{

	    background: white;

	    float: right;

	    width:385px;  

	}

}



@media(max-width:600px){

	header {

		/*background-color: black;*/

	}

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



	nav{text-align:center;width:100%;}

	.slider{ display: block; margin: 0 auto; margin-top: 5px; max-width:100%; overflow: hidden; text-align: center; width:930px; height: 145px; }

	article {width: 96%;padding: 10px 10px;}

	.units { display: inline-block; margin: 5px auto; max-width: 90%; width: 250px; }

	.units img{ display: inline-block; max-width: 100%; width: 90%; }

	#columna{ width: 94%; }

	#columna img{max-width: 99%;}

	#cada_parrafo{ width: 80%; display: inline-block; max-width: 99%; }

	.producs img{ margin: 5px 0px 5px 10px; width: 95%; }	

	#descrip_1 img {width: 393px;}

	#contact-form{ width: 95%; padding: 0; }

	#contact-form_2{ display: none; width: 1px; 	margin: 0; padding: 0; visibility: hidden; }

	#contact-form #name,

	#contact-form #direcc,

	#contact-form #compani,

	#contact-form #contry,

	#contact-form #city,

	#contact-form #Title,

	#contact-form #depar,

	#contact-form #email{

	    background: white;

	    float: right;

	    width:400px;  

	}

	#contact-form #message{

	    width:415px;  

	}

}



@media(max-width:400px){

	header{

		/*background-color: yellow;*/

	}

	h1{ display: inline-block; text-align: center; }

	nav li{ display: inline-block; font-size: .95em;	margin: 0px auto; text-align: center; }

	nav li a{ display: inline-block; width: 70px; }

	nav{ display: inline-block; text-align: center; margin: 0 auto; width: 100%; }

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

	.slider{ display: block; margin: 0 auto; margin-top: 5px; max-width:100%; overflow: hidden; text-align: center; width:930px; height: 96px;	}

	.c_nav_prod.c_nav_sele{font-size: .85em;}

	#p-footer{ margin-top: 50px; }

	.titulo_1{ margin-top: 8px; }

	.producs{ margin: 0px 0 0 2px; max-width: 100%; }

	.producs img{ margin: 5px 0px 5px 10px; width: 85%; }

	.img_producs{ margin: 0 auto; }

	#columna{ width: 98%; }

	#cada_parrafo{ width: 90%; }

	#descrip_1 img {width: 393px;}



	#pg_contacto{ width: 100%; /*background: white;*/ }

	#contact-form{ width: 100%; padding: 0; /*background: orange; */}

	#contact-form_2{ display: none; width: 1px; 	margin: 0; padding: 0; visibility: hidden; }



	#contact-form #name,

	#contact-form #direcc,

	#contact-form #compani,

	#contact-form #Title,

	#contact-form #city,

	#contact-form #contry,

	#contact-form #email{

	    background: white;

	    float: right;

	    width:255px;  

	}

	#contact-form #depar{ width:250px; } 

	#contact-form #message{ width:98%; } 

}