@charset "utf-8";
/* CSS Document */
body{
	background-color:#eaebec;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

a:link {color:#FC6;text-decoration:none;}      /* unvisited link */
a:visited {color:#FC6;text-decoration:none;}  /* visited link */
a:hover {color:#FC0;text-decoration:none;}  /* mouse over link */
a:active {color:#FC0;text-decoration:none;}  /* selected link */

p{
	font-size: small;
}

h2{
	-webkit-transform: rotate(356deg);
-moz-transform: rotate(356deg);
-o-transform: rotate(356deg);
writing-mode: lr-tb;
	font-size: 35px;
	font-weight: bold;
	padding-left:20px;
	padding-top:0px;
	color: #FFF;
}
#cabecera{
	background-image:url(../images/banner1.png);
	width:986px;
	height:386px;
	background-repeat: no-repeat;

}

#cabecera2{
	background-image:url(../images/banner2.png);
	width:986px;
	height:386px;
	background-repeat: no-repeat;

}

#cabecera3{
	background-image:url(../images/banner3.png);
	width:986px;
	height:386px;
	background-repeat: no-repeat;

}

#cabecera4{
	background-image:url(../images/banner4.png);
	width:986px;
	height:386px;
	background-repeat: no-repeat;

}

#pie{
	background-color:#1f9294;
	color: #d2e9ea;
	text-align: center;
	font-size: small;
	height:30px;
	padding-top:10px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
	margin:0px;
}

#cabecera5{
	background-image:url(../images/banner5.png);
	width:986px;
	height:386px;
	background-repeat: no-repeat;

}

#cabecera6{
	background-image:url(../images/banner6.png);
	width:986px;
	height:386px;
	background-repeat: no-repeat;

}

#productos{
	background-image:url(../images/art1.png);
	background-repeat: no-repeat;
	height:218px;
	padding-top:100px;
	padding-left:20px;
}

#soluciones{
	background-image:url(../images/art2.png);
	background-repeat:no-repeat;
	width:458px;
	height:163px;
}

#servicios{
	background-image:url(../images/art3.png);
	background-repeat:no-repeat;
	width:458px;
	height:159px;
}

#nosotros{
	background-image:url(../images/art4.png);
	background-repeat: no-repeat;
	height:218px;
	padding-top:100px;
	padding-left:20px;
}

#mision{
	background-image:url(../images/art5.png);
	background-repeat:no-repeat;
	width:458px;
	height:150px;
}

#vision{
	background-image:url(../images/art6.png);
	background-repeat:no-repeat;
	width:458px;
	height:170px;
}

#garantia{
	background-image:url(../images/art12.png);
	background-repeat:no-repeat;
	height:312px;
}

#clientes{
	background-image:url(../images/art13.png);
	background-repeat:no-repeat;
	height:312px;
	width:480px;
	margin-left:28px;
	font-size: small;
}
	
#info1{
	background-image:url(../images/art7.png);
	background-repeat:no-repeat;
	height:130px;
}

#info2{
	background-image:url(../images/art8.png);
	background-repeat:no-repeat;
	height:130px;
}

#info3{
	background-image:url(../images/art9.png);
	background-repeat:no-repeat;
	height:130px;
}

#info4{
	background-image:url(../images/art10.png);
	background-repeat:no-repeat;
	height:130px;
}

#info5{
	padding-left:34px;
}

#info6{
	padding-top:120px;
}

#menu2{
	background-color:#CCC;
	height:303px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(5, 5, 5, .2);
	-moz-box-shadow: 1px 1px 1px 1px rgba(5, 5, 5, .2);
	box-shadow: 1px 1px 1px 1px rgba(5, 5, 5, .2);

}

#productos2{
	background-image:url(../images/art11a.png);
	background-repeat:no-repeat;
	height:305px;	
}

#productosA{
	background-image:url(../images/art11.png);
	background-repeat:no-repeat;
	height:305px;	
}

#productosB{
	background-image:url(../images/art11.png);
	background-repeat:no-repeat;
	height:305px;	
}

#productosB{
	background-image:url(../images/art11b.png);
	background-repeat:no-repeat;
	height:305px;	
}

#productosC{
	background-image:url(../images/art11c.png);
	background-repeat:no-repeat;
	height:305px;
}

#productosD{
	background-image:url(../images/art11d.png);
	background-repeat:no-repeat;
	height:305px;	
}

#productosE{
	background-image:url(../images/art11e.png);
	background-repeat:no-repeat;
	height:305px;	
}

#productosF{
	background-image:url(../images/art11f.png);
	background-repeat:no-repeat;
	height:305px;	
}

#productosG{
	background-image:url(../images/art11g.png);
	background-repeat:no-repeat;
	height:305px;	
}


#solText{
	padding-top:80px;
	padding-left:23px;
}

#servText{
	padding-top:80px;
	padding-left:23px;
}

#misiText{
    padding-top:50px;
	padding-left:23px;
}

#visText{
	padding-top:45px;
	padding-left:23px;
}

#infoText{
	width:250px;
	padding-top:30px;
	padding-left:60px;
}

#garText{
	padding-top:100px;
	padding-left:20px;
	width:400px;
}

#clieText{
		padding-top:70px;
	padding-left:60px;
	width:430px;
}

#menuText{
	padding-top:30px;
}

/*formulario*/
	#form {
	  	border: 3px double #eaeaea;
		  background-color: #fafafa;
		  padding: 10px;
		  width: 1000px;
		  margin: auto;}

		#form .campo {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .com {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

		#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  	#form .boton {
			border: 2px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width: 4em;}

	  #error {
		  border: 1px dashed #F00;
		  background-color: #FFF;
		  padding: 5px;}

	  #ok {
	    border: 1px dashed #060;
	    background-color:#FFF;
	    padding: 5px;}