/* 
Theme Name: uniferro
Author: Casullo Web | Fernando Martins Front-End Engineer

[ - INDICE - ]

	1 - Reset
	2 Estrutura


*/
// IMPORT
@import "reset.less";
@import "colors.less";
@import "palette.less";
@import "fonts.less";
@import "tools.less";
@import "basics.less";

// START
body {
	background:url('../img/backgrounds/bg.jpg') center center no-repeat;
}

.line-a {
	background:url('../img/backgrounds/line-a.png') center top repeat-x;
	.header {
		padding: 32px 0 0 23px;
		width: 937px;
		height: 110px;
		.logo {
			display: inline-block;
			vertical-align: top;
			margin-right: 71px;
			a {
				display: block;
				.img-rpl;
				width: 373px;
				height: 93px;
				background:url('../img/backgrounds/logo.png') 0 0 no-repeat;
			}
		}
		.global-nav {
			display: inline-block;
			margin-top: 80px;
			li {
				display: inline-block;
				margin-right: 41px;
				a {
					.daxlinepro-bold;
					color: @palette-1;
					font-size: 18px;
					text-transform: uppercase;
					&:hover,
					&:focus {
						text-decoration: underline;
					}
				}
			}
		}
	}
}

.line-b {
	.main-content {

		background:url('../img/backgrounds/main-content.png') center top no-repeat;
		min-height: 898px;
		.box-cycle {
		width: 100%;
		height: 452px;
		margin-bottom: 10px;
		}
		.img-destaque {
			margin-bottom: 37px;
		}
		.box {
			display: inline-block;
			vertical-align: top;
			width: 208px;
			height: 210px;
			margin: 0 -2px 10px;
			padding: 101px 0 0 262px;
			h2 {
				.swiss721bold;
				font-size: 18px;
				text-transform: uppercase;
				margin-bottom: 20px;
			}
			p {
				color: @palette-4;
				.swiss721roman;
				font-size: 18px;
				width: 140px;
			}
			&.tigre {
				background:url('../img/backgrounds/tigre.jpg') 0 0 no-repeat;
			}
			&.brasilit {
				background:url('../img/backgrounds/brasilit.jpg') 0 0 no-repeat;
			}
			&.historico{
				padding: 80px 0px 0px 110px;
			h2 {
			.swiss721bold;
			font-size: 18px;
			text-transform: uppercase;
			margin-bottom: 20px;
			width: 400px;
			}
			p {
				color: @palette-4;
				.swiss721roman;
				font-size: 15px;
				width: 550px;
				line-height: 25px;
				margin-bottom: 25px;
			}

			}
			&.contato{
				padding: 80px 0px 0px 110px;
				ul{

				 }
				 li{

					color: @palette-4;
					.swiss721roman;
					font-size: 18px;
					width: 600px;
					margin-bottom: 25px;
					margin-top: 10px
					
				 }
				 fieldset{
				 		text-align: right;
				 		width: 600px;
				 		margin-top: 85px;
				 }
				 	input[type="text"] {
						display: inline-block;
						padding: 1px 2px 1px 4px;
						height: 20px;
						border: 0;
						font-size: 12px;
						.swiss721roman;
						width: 400px;
						background: @palette-5;
						vertical-align: top;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
					input[type="image"] {
						float: left;
						margin-left: 195px;
					}
					input.telefone{

						width: 175px;
					}

					
					input.email{

						width: 160px;
					}
					label.error{
						color: red;
						float: right;
						margin-left: 195px; 
						margin-top: 2px;
						font-size: 10px;
					}
					textarea{
						display: inline-block;
						padding: 1px 2px 3px 4px;
						height: 20px;
						border: 0;
						font-size: 12px;
						.swiss721roman;
						width: 400px;
						background: @palette-5;
						vertical-align: top;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
					strong.maps {
						display: inline-block;
						vertical-align: top;
						margin-top: 20px;
						margin-left: 135px;
						a {
							display: block;
							.img-rpl;
							width: 405px;
							height: 190px;
							background:url('../img/backgrounds/img-maps.jpg') 0 0 no-repeat;
						}

					}	
					.mapa{
						width: 420px;
						height: 198px;
						position:absolute;
						z-index: 100;
						overflow: hidden;
						margin-top: 60px;
						margin-left: 175px;
						background:url('../img/backgrounds/box.png') 0 0 no-repeat;
					}	
			h2 {
			color: @palette-4;
			.swiss721bold;
			font-size: 18px;
			text-transform: uppercase;
			margin-bottom: 20px;
			width: 400px;
			}
			p {
				color: @palette-4;
				.swiss721roman;
				font-size: 15px;
				width: 550px;
				line-height: 25px;
				margin-bottom: 25px;
			}

			}

		}
		.column-all{
			width: auto;
			height: auto;
		}
		.column-a{
				width: 195px;
				height: 500px;
				float: left;
				margin: 80px 0px 0px 110px;
			}
		.global-nav-produtos {
			display: inline-block;
			line-height: 40px;
			li {
				display: inline-block;
				margin-right: 66px;
				a {
					.swiss721roman;
					color: @palette-4;
					font-size: 18px;
					text-transform: uppercase;
					&:hover,
					&:focus {
						color: @palette-2;
					}
				}
			}
		}
		.column-b{

				width: 205px;
				height: 800px;
				float: left;
				margin: 1px 2px 3px 4px;
		}
		.box-produtos{
			width: 250px;
			height: 185px;	
			margin: 80px 2px 3px 4px;
			float: left;

			img{

				margin-left: 55px;
			}
			p{
				.swiss721bold;
				color: @black-10;
				font-size: 14px;
				width: 240px;
				padding-left: 5px;
				padding-top: 10px;
			}

		}
		.marcas {
			margin-left: 8px;
			img {
				margin: 0 -2px;
				display: inline-block;
			}
			&.produtos{
				width: 175px;
				margin-left: 0px;
				img {
				margin: 5px 6px 7px -1px;
				display: inline-block;
			}	
			}
		}
		&.historico{
			background:url('../img/backgrounds/main-content-historico.png') center top no-repeat;
			min-height: 865px;
		}
	}
}

.line-c {
	background:url('../img/backgrounds/line-c.png') center top repeat-x;
	.footer {
		padding: 19px 0 20px 23px;
		width: 937px;
		.social {
			.img-rpl;
			display: inline-block;
			width: 28px;
			height: 28px;
			margin-right: 15px;
			&.twitter {
				background:url('../img/buttons/twitter.png') 0 0 no-repeat;
			}
			&.facebook {
				background:url('../img/buttons/facebook.png') 0 0 no-repeat;
			}
		}
	}
}