@font-face {
	font-family: 'GillSansMT';
	src: url('../fonts/GillSansMT.eot?') format('eot'), 
	url('../fonts/GillSansMT.woff') format('woff'), 
	url('../fonts/GillSansMT.ttf')  format('truetype'),
	url('../fonts/GillSansMT.svg#GillSansMT') format('svg');
}


@font-face {
	font-family: 'GillSansLight';
	src: url('../fonts/GillSans-Light.eot?') format('eot'), 
	url('../fonts/GillSans-Light.woff') format('woff'), 
	url('../fonts/GillSans-Light.ttf')  format('truetype'),
	url('../fonts/GillSans-Light.svg#GillSans-Light') format('svg');
}


body{
	margin:0;
	padding:0;
	letter-spacing: 0.3px;
}

h1{
	margin:0px;
	padding:0px;
}

h2{
	margin: 0px;
	padding: 0px;
}

h3{
	margin:0px;
	padding: 0px;
	font-weight:normal;
}

h4{
	margin:0px;
	padding: 0px;
}

img{
	max-width: 100%;
	height:auto;
	width: auto; 
}

footer{
	border-top:1px solid #e5e5e5;
	float: left;
	max-width: 960px;
	min-width: 240px;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-top: 3%;
	text-align:center;
	width:100%;
}

#wrapper{
	height:auto;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

header#principal{
	border-top:4px solid #00aeef;
	float: left;
	overflow: hidden;
	max-width: 960px;
	min-width: 240px;
	width:100%;
}

	header#principal nav#menuprincipal{
		border-top:1px solid #e5e5e5;
		float:left;
		width: 100%;
	}
	
		header#principal nav#menuprincipal ul{
			height:70px;
			margin:0;
			padding:0 3% 0 3%;
			width:94%;
		}
		
			header#principal nav#menuprincipal ul li{
				display:inline;
				float:left;
				height:70px;
				margin: 0 0.2% 0 0.4%;
				width:24.4%;
			}
			
			header#principal nav#menuprincipal ul li a{
				float:left;
				padding: 26px 3.6%;
				width:93%;
			}
			
			header#principal nav#menuprincipal ul li a:hover{
				background-color: #00AEEF;
				color: #ffffff;
			}
			
	
	header#principal aside{		
		float:left;
		height:60px;
		text-align: right;
		padding:0 3% 0 3%;
		width:94%;
	}
	
		header#principal aside ul{		
			float:left;
			margin:0;
			padding:2% 0 2% 0;
			width:100%;	
		}
		
			header#principal aside ul li{
				display:inline;
				list-style:none;
				padding:0% 2% 0% 2%;
			}

/*---- Seccion ----*/
section{
	width: 100%;
	overflow: hidden;
	max-width: 960px;
	min-width: 240px;
}

/*---- ugarte ----*/
#ugarte{
	float: left;
	margin:0 3% 0 3%;
	width: 94%;
}

	#ugarte article{
		float: left;
		text-align: left;
		margin:3% 3% 3% 1%;
		width: 64%;		
	}
	
	#ugarte aside{
		background-color:#f5f5f5;
		float: left;
		padding:3%;
		text-align: left;
		width: 25%;		
	}
	
		#ugarte aside article{
			float:left;
			margin:8% 0 0 0;
			width: 100%;		
		}

/*---- productos ----*/
#productos{
	float: left;
	margin:0 3% 0 3%;
	width: 94%;
}

	#productos nav#secundario{
		float: left;
		padding:3% 2% 0 0;
		text-align: center;
		width: 29%;
	}
	
		#productos nav#secundario ul{
			background-color: blue;
			margin:0;
			padding:0;
		}
		
			#productos nav#secundario ul li{
				float:left;
				list-style: none;
				margin:0 0 3% 0;
				width:100%;
			}
			
			#productos nav#secundario ul li a{
				float:left;
				padding:4% 0 4% 0;
				width:100%;	
			}
			
				#productos nav#secundario ul li a:hover{
					background-color: #00AEEF;
					color: #ffffff;
				}
	
	#productos #tiposdeproductos{
		float: left;
		text-align: left;
		margin:3% 0% 3% 2%;
		width: 67%;		
	}
	
		#productos #tiposdeproductos .linea{
			float:left;
			margin:0 0 6% 0;
			width:100%
		}
		
			#productos #tiposdeproductos .linea article{
				float:left;
				width:50%
			}
				
	#productos #tiposdeproductos02{
		float: left;
		text-align: left;
		margin:3% 2% 3% 2%;
		width: 97%;		
	}
	
		#productos #tiposdeproductos02 .linea{
			float:left;
			margin:0 0 6% 0;
			width:100%
		}
		
			#productos #tiposdeproductos02 .linea article{
				float:left;
				width:33.3%
			}


/*---- Presupuestos ----*/
#presupuestos{
	float: left;
	margin:0 3% 0 3%;
	width: 94%;
}

	#presupuestos #formulario{
		float: left;
		text-align: left;
		margin:3% 2% 3% 2%;
		width: 97%;		
	}

/*---- Aviso legal ----*/
#avisolegal{
	float: left;
	margin:0 3% 0 3%;
	text-align: left;
	width: 94%;
}


/*---- Alineacion ----*/
.derecha{text-align: right;}
.izquierda{text-align: left;}
.justificado{text-align: justify;}

/*---- Bordes ----*/
.border0{border:0;}
.border_right1px757575{border-right: 1px solid #757575;}

/*---- Colores ----*/
.c_00aeef{color:#00aeef;}
.c_757575{color:#757575;}
.c_ffffff{color:#ffffff;}

/*---- Display ----*/
.displaynone{display:none;}

/*---- Estilos de texto ----*/
strong{font-family: GillSansMT;font-weight:normal;letter-spacing:-1px;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.nosubrayado{text-decoration: none;}
.subrayado{text-decoration: underline;}

/*---- Float ----*/
.floatleft{float:left;}

/*---- Fondo ----*/
.f_00aeef{background-color:#00aeef;}
.f_e5e5e5{background-color:#e5e5e5;}

/*---- Input ----*/
.inputsubmit{
	background-color:#fd8307;
	color:#ffffff;
	border-radius:6px;
	padding-top:3px;
	padding-bottom:3px;
}

/*---- Interlineado -----*/
.lineheight18px{line-height: 20px;}

/*---- Margenes ----*/
.margin0{margin:0;}
.margintop5px{margin-top:5px;}
.margin5000{margin:5% 0 0 0;}

/*---- Padding ----*/
.padding2{padding:2%;}

/*---- Tamaño de letra ----*/
.texto12{font-size: 75%;}
.texto13{font-size:80%;}
.texto14{font-size:87.5%;}
.texto15{font-size:95%;}
.texto16{font-size:100%;}
.texto18{font-size:112.5%;}


/*---- Tipografias ----*/
.arial{font-family: Arial;}
.GillSans{font-family: GillSansMT;}
.GillSansLight{font-family: GillSansLight;}

/*---- Anchura ----*/
.width95{width:95%;}
.width100{width:100%;}