/*

hand coded by: Dani Riera 2011
website: www.driera.com
email: info@driera.com
Last change: 11/2013

Enjoy it!

*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	outline: none;
	font-size: 100%;
	text-decoration: none;
	font-family: "Molengo", Helvetica, sans-serif;
	color: #444;
}

html{
	height: 99%;
	background: #fff;
	border-top: 5px #ff3300 solid;
}

h1{	
	margin: 0 0 10px 0;
	font: 150% "Molengo", sans-serif;
	font-weight: 400;
	color: #F00;
}


/* h5 y h6 utilizados en el Api de Google Maps en #contacto */

h5{
	font: 20px "Molengo", sans-serif;
	padding: 7px 15px 0px 40px;
	Float: left;
	background: transparent url(mini/logomap.jpg) no-repeat top left;
	color: #555;
}

h6{
	font: 12px "Molengo", sans-serif;
	padding: 2px 3px 15px 3px;
	margin-top: -3px;
	line-height: 0.8em;
	letter-spacing: 0.30em;
	float: left;
	color: #777; 
	border-top: 1px #FD7569 solid;
}


#wrapper{
	width: 1000px;
	margin: 50px auto 0;
}

/* HEADER ____________________________________________________________________________________________ HEADER */

header{
	width: 100%;
	height: 135px;
}
	#title{
		float: left;
		width: 300px;
	}
		#title a{
			float: left;
			padding: 40px 0 0;
			font-family: "Molengo", sans-serif;
			font-size: 50px;
			line-height: 45px;
			font-weight: lighter;
			letter-spacing: 0.01em;
			color: #777;
		}
				#title a:hover{
					color: #555;
				}
	nav{
		width: 500px;
		float: right;
	}
		ul#m{
			margin: 110px 0 0;
			float: right;
		}
		ul#m li{
			display: inline;
			padding: 5px 10px 15px;
		}
			ul#m li a{
				color: #888;
				font: 19px "Molengo", sans-serif;
				letter-spacing: 0.01em;
				padding-top: 10px;
			}
			ul#m li a:hover{
				color: #ff3300;
			}
			ul#m li a.mcolor{
				color: #555;
				background: url(mini/roig.png) no-repeat top center;
			}
				ul#m li a.mcolor:hover{
					color: inherit;
					cursor: default;
				}

/* MAIN ____________________________________________________________________________________________ MAIN */


section{
	width: 980px;
	margin-top: 10px;
	padding: 10px;
	background: url(mini/bg2.png) repeat top left;
	float: left;
}

	aside{
		position: relative;
		width: 300px;
		margin-right: 10px;
		float: left;
		background: #fff;
	}
		aside.in,
		aside.con{ height: 400px; }
		
		aside.que{ height: 445px; }
		
		
		#intro{
			position: absolute;
			bottom: 0;
			padding: 10px;
		}
			#intro p{
				margin-top: 10px;
			}
			#intro ul li{
				margin-bottom: 5px;
				padding-left: 25px;
			}
				#intro ul li#con_telf,
				#intro ul li#con_fax{ background: url(icons/phone.png) no-repeat 0px 2px;}
				#intro ul li#con_mail{ background: url(icons/email.png) no-repeat 0px 2px;}
				#intro ul li#con_web{ background: url(icons/website.png) no-repeat 0px 2px;}
				#intro ul li#con_dir{ background: url(icons/address.png) no-repeat 0px 2px;}
	
	article{
		width: 670px;
		float: right;
		overflow: hidden;
		background: #fff;
	}
		article img{
			width: 100%;
			height: auto;
		}
		article.in{ height: 400px;}
		article.que{ height: 445px;}
				
			article.que ul{
				padding: 10px 15px;
			}
			article.que ul li{
				margin-bottom: 7px;
				font-size: 14px;
				line-height: 17px;
				font-family: "Source Sans Pro", sans-serif;
			}
			article.que ul li em{
				font-weight: 700;
				font-style: normal;
				font-family: "Source Sans Pro", sans-serif;
			}
			article.que ul li span{
				display: block;
				margin-top: 3px;
			}
			
				article.que span.q-cert{ padding-left: 98px; }
				article.que span.q-inf{ padding-left: 73px; }
				article.que span.q-proy{ padding-left: 80px; }
			
/* slider */

aside.pro,
article.pro{
	height: 300px;
}
.slider{
	height: 300px;
	width: 100% !important;
	float: left;
	position: relative;
}
	.slider_content{
		width: 190px;
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	
		.slider_content li{
			font-size: 14px;
			padding: 0 0 5px;
		}
			.slider_content li.first{
				font-size: 16px;
				border-bottom: 1px solid red;
				margin: 0 0 15px;
				padding: 0;
			}

#slider_controls{
	width: 670px;
	position: relative;
	float: right;
	height: 1px;
}
	#slider_controls ul{
		background: url("mini/nav.png") no-repeat bottom center;
		height: 50px;
		position: absolute;
		left: 10px;
		text-indent: -9999px;
		top: -290px;
		width: 22px;
		z-index: 9999;
	}
		#slider_controls li{
			float: left;
			width: 22px;
			height: 25px;
		}
		
		#slider_controls a{
			display: block;
			height: 22px;
		}
			#slider_prev{ margin-bottom: 3px; } #slider_prev:hover{ background: transparent url(mini/nav_prev.png) no-repeat top center; }
			#slider_next{ margin-top: 3px; } #slider_next:hover{ background: transparent url(mini/nav_next.png) no-repeat top center; }
	
	
	#showroom_anb{ background: transparent url("proy/anb.jpg") no-repeat top right; }
	#showroom_furio{ background: transparent url("proy/furio.jpg") no-repeat top right; }
	#showroom_rgn{ background: transparent url("proy/rgn.jpg") no-repeat top right; }
	#showroom_ssr{ background: transparent url("proy/ssr.jpg") no-repeat top right; }
	#showroom_sbz{ background: transparent url("proy/sbz.jpg") no-repeat top right; }
	#showroom_apa{ background: transparent url("proy/apa.jpg") no-repeat top right; }
	#showroom_apa2{ background: transparent url("proy/apa2.jpg") no-repeat top right; }
	#showroom_gmll{ background: transparent url("proy/gmll.jpg") no-repeat top right; }
	#showroom_gmll2{ background: transparent url("proy/gmll2.jpg") no-repeat top right; }
	#showroom_bom{ background: transparent url("proy/bom.jpg") no-repeat top right; }
	#showroom_estr{ background: transparent url("proy/estr.jpg") no-repeat top right; }
	#showroom_xat{ background: transparent url("proy/xat.jpg") no-repeat top right; }
	#showroom_vdm2h{ background: transparent url("proy/vdm2h.jpg") no-repeat top right; }
	#showroom_sjb{ background: transparent url("proy/sjb.jpg") no-repeat top right; }
	#showroom_scdx{ background: transparent url("proy/scdx.jpg") no-repeat top right; }
	#showroom_scdx2{ background: transparent url("proy/scdx2.jpg") no-repeat top right; }
	#showroom_mus{ background: transparent url("proy/mus.jpg") no-repeat top right; }
	#showroom_log{ background: transparent url("proy/log.jpg") no-repeat top right; }
	#showroom_alb2{ background: transparent url("proy/alb2.jpg") no-repeat top right; }
	#showroom_msc{ background: transparent url("proy/msc.jpg") no-repeat top right; }
	#showroom_srtg{ background: transparent url("proy/srtg.jpg") no-repeat top right; }
	#showroom_srtg2{ background: transparent url("proy/srtg2.jpg") no-repeat top right; }

/* FOOTER ____________________________________________________________________________________________ FOOTER */

footer{
	width: 980px;
	float: left;
	padding: 10px;
	text-align: center;
}
	footer p, footer p a{
		color: #777;
		font-size: 14px;
	}
		footer a:hover{
			border-bottom: 1px #ff3300 solid;
		}