/***************************************
**LESS CarPlanet. ®2014**
**********************/


/**********************
**Universal**
**********************/
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/***************************************
**Import Statement**
**********************/

@import 'reset.css';
@import 'styles.less';


/***************************************
**GENERAL
**********************/



body{
	background-color:#e9e5e6;
}

.float(@width: 100%, @float: left, @display: inherit)
{
	display:@display;
	width:@width;
	float:@float;
}

.img_gnral{
	display:block;
	max-width:100%;
	height:auto;
	margin: 0 auto;
}

.ctr_image{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.leftcol{
	width:78%;
	float:left;
	display:block;
	margin-top:10px;	
}

.rightcol{
	width:21%;
	float:right;
	display:block;
	margin-top:10px;	
}

.absblock{
	.float(100%, left, block);
	margin-bottom:15px;
	background-color:#FFFFFF;
	padding:8px;
	.rounded(3px);
}

.maintopwhite{
	float:left;
	width:100%;
	background-color:#FFFFFF;
}

.ablock{
	.float(100%, left, block);
	margin-bottom:8px;
}

/***
**TOP
**********************/

.logo{
	float:100%;
	margin:15px 0px;
	
}

.banner_principal{
	.float('', left);
	margin-left:125px;
	@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
		.float(100%, left);
		margin-left:0px;
	}

}

.maintop{
	background-color:#393939;
	margin-bottom:10px;
}

.user_cp{
	float:left;
	position:relative;
	width:80%;
	cursor:pointer;
	
	span{
		.float(70%, left, block);
		.font(@font1, @white, .8em, left, normal, '');
		padding:10px;
	}
	
	img{
		display:block;
		float:left;
		width:30px;
		height:30px;
		margin-top:5px;
	}
}

.menu_login{
	display:none;
	position:absolute;
	width:190px;
	background-color:#3D3D3D;
	top:40px;
	z-index:9999999;
	ul{
		.float(100%, left, block);
		
		li{
			float:left;
			width:100%;
			padding:5px;
			
			.m_img{
				.float("", left, block);
				.font(@font1, @white, .7em, left, normal, '');
				
				img{
					display:block;
					width:16px;
					height:16px;
					float:left;
					margin:5px;
				}
			}
			
			.m_txt{
				.float("", left, block);
				.font(@font1, @white, .7em, left, normal, '');
				margin-top:5px;
			}
		}
	}
}

@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
	.user_cp{
		float:left;
		width:70%;
		margin-left:10px;
		position:relative;
		cursor:pointer;
		
		span{
			.float(70%, left, block);
			.font(@font1, @white, .8em, left, normal, '');
			padding:10px;
		}
		
		img{
			display:block;
			float:left;
			width:30px;
			height:30px;
			margin-top:5px;
		}
	}
	
	.menu_login{
		display:none;
		position:absolute;
		width:140px;
		background-color:#3D3D3D;
		top:40px;
		left:170px;
		z-index:99999;
		ul{
			.float(100%, left, block);
			
			li{
				float:left;
				width:100%;
				padding:5px;
				
				.m_img{
					.float("", left, block);
					.font(@font1, @white, .7em, left, normal, '');
					
					img{
						display:block;
						width:16px;
						height:16px;
						float:left;
						margin:5px;
					}
				}
				
				.m_txt{
					.float("", left, block);
					.font(@font1, @white, .7em, left, normal, '');
					margin-top:5px;
				}
			}
		}
	}

	
}


/***************************************
**GENERAL_RESP
**********************/

.menu_resp{
	display:none;
}

@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
	.hide{
		display:none;
	}
	
	.leftcol{
		width:100%;
	}
	
	.rightcol{
		width:100%;
		float:left;
		background-color:#FFFFFF;
		padding:5px;
		.rounded(3px);
	}
}

/***************************************
**Menus
**********************/

/***
**Menus
**********************/
.menu_00{
	float:left;
	width:100%;
	
	ul{
		.float(100%, left, block);
		.font(@font1, @white, .8em, center, normal, '');
	}
	
	li{
		display:block;
		float:left;
		
		a{
			color:@white;
			.float('', left, block);
			padding:10px 15px;
		}
	}
}

.menu_01{
	.float();
	position:relative;
	z-index:999999;
	
	.nav{
		.float(100%, left, block);
		background-color:#274A73;
		.font(@font1, @white, 1em, center, normal, '');
		.rounded(3px);
		
		li{
			border-right:1px solid #15283E;
			.float('', left, block);
			padding:10px 15px;
			cursor:pointer;
			.trans(.1s);
			position:relative;
			
			a{
				color:@white;
				.float('', left, block);
			}
			
			&:hover{
				background-color:#333333;
			}
			
			&:last-child{
				border-right:none;
			}
		}
		
		.nav2{
			position:absolute;
			width:255px;
			left:0;
			top:43px;
			background-color:#333;
			.font(@font1, @white, .9em, left, normal, '');
			display:none;
			
			li{
				width:100%;
				float:left;
				.trans(.1s);
				
				a{
					width:100%;
					float:left;
				}
				
				&:hover{
					background-color:#666;
				}
			}
		}
	}
	
	.social{
		position:absolute;
		right:0;
		top:0;
		background-color:#333333;
		.brounded(0px, 3px, 3px, 0px, '', '');
		
		li{
			.float("", right, block);
			.trans(.3s);
			
			a{
				.float("", right, block);
				padding:7px 11px;
			
				img{
					display:block;
					float:left;
				}
			}
			
			&:hover{
				background-color:#122235;
			}
		}
	}
}

.menu_resp{
	position:fixed;
	background-color:#32537A;
	height:100%;
	z-index:9999;
	width:180px;
	float:left;
	display:none;
	
	.nav_resp_top{
		background-color:#393939;
		width:100%;
		float:left;
		.font(@font1, @white, .8em, left, normal, '');
		
		a{
			float:left;
			width:100%;
			margin:9px 0px;
			color:@white;
			padding:2px 10px;
		}
	}
	
	.nav_resp{
		width:100%;
		float:left;
		.font(@font1, @white, .8em, left, normal, '');
		
		li{
			float:left;
			display:block;
			width:100%;
			padding:10px 10px;
			color:@white;
			border-bottom:1px solid #1D3249;
			cursor:pointer;
			
			&:hover{
				background-color:#333;
			}
		}
		
		a{
			float:left;
			width:100%;
			color:@white;
			
		}
	}
	
	.nav2_resp{
		float:left;
		width:100%;
		margin-top:5px;
		display:none;
		
		li{
			float:left;
			display:block;
			width:100%;
			border-bottom:none;
			padding:2px 0px;
			
			a{
				display:block;
				float:left;
				width:100%;
				background-color:#393939;
				padding:5px 10px;
				.rounded(20px);
				.trans(0.1s);
			
				&:hover{
					background-color:#666;
				}
			}
		}
	}
	
	.social{
		width:100%;
		display:block;
		float:left;
		margin-top:10px;
		
		img{
			width:30px;
			height:30px;
			float:left;
			display:block;
		}
	}
}

/***************************************
**Textos
**********************/

.gentext{
	.float(100%, left);
	
	
	h1{
		.float(100%, left, block);
		.font(@font1, @white, .9em, left, normal, '');
		padding:8px 10px;
		background-color:#274A73;
	}
	
	h2{
		.float(25%, left, block);
		.font(@font1, @white, 1.2	em, left, normal, '');
		padding:8px 10px;
		background-color:#274A73;
	
		@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
			.float(40%, left, block);
		}
	}
}

.mainsec{
	.float(100%, left);
	background-color:#646463;
}

/***************************************
**Formas
**********************/
.searchgnral{
	float:right;
	margin-top:8px;
}

.s_form{
	float:right;
	display:block;
	width:100%;
	
	input{
		float:right;
		border:1px solid #DFDFDF;
		padding:5px;
		width:43%;
		.rounded(3px);
	}
}

.resp_btn{
	display:none;
	cursor:pointer;
	img{
		width:40px;
		height:40px;
		display:block;
	}
}

.s_form3{
	width:100%;
	float:left;
	border:1px solid #5DACF3;
	margin-top:10px;
	padding:5px;
	.rounded(3px);
	
	div{
		width:33%;
		float:left;
		margin:5px 0px;
		
		label{
			.font(@font1, #333, .8em, left, normal, '');
			float:left;
			width:30%;
		}
		
		select{
			float:left;
			width:68%;
		}
	}
}

@media @tablet{
	.resp_btn{
		display:block;
		width:60%;
		float:left;
		
		img{
			width:40px;
			height:40px;
			display:block;
			float:left;
		}
	}
	
	.searchgnral{
		float:right;
		margin:8px;
	}
	
	.s_form{
		float:right;
		display:block;
		width:100%;
		
		input{
			float:right;
			border:1px solid #DFDFDF;
			padding:5px;
		}
	}
	
	.cplink3{
		float:left;
		margin:0px 12px;
		border:1px solid #274A73;
		.rounded(3px);
		padding:4px 20px;
		background-color:#FAFAFA;
		cursor:pointer;
		.font(@font1, #333, .7em, left, normal, '');
		
		&:hover{
			background-color:#274A73;
			color:#F4F4F4;
		}
	}
	
	
	.s_form3{
		width:100%;
		float:left;
		border:1px solid #5DACF3;
		margin-top:10px;
		padding:5px;
		.rounded(3px);
		
		div{
			width:33%;
			float:left;
			margin:5px 0px;
			
			label{
				.font(@font1, #333, .8em, left, normal, '');
				float:left;
				width:30%;
			}
			
			select{
				float:left;
				width:68%;
			}
		}
	}
}

@media @smscreen, @iphone5, @iphone4, @smphones{
	.resp_btn{
		display:block;
		float:left;
		img{
			width:40px;
			height:40px;
			display:block;
		}
	}
	
	.searchgnral{
		float:right;
		margin:8px;
	}
	
	.s_form{
		float:right;
		display:block;
		width:100%;
		
		input{
			float:right;
			border:1px solid #DFDFDF;
			padding:5px;
		}
	}
	
	.cplink3{
		float:left;
		margin:0px 12px;
		border:1px solid #274A73;
		.rounded(3px);
		padding:4px 12px;
		background-color:#FAFAFA;
		cursor:pointer;
		.font(@font1, #333, .7em, left, normal, '');
		
		&:hover{
			background-color:#274A73;
			color:#F4F4F4;
		}
	}
	
	
	.s_form3{
		width:100%;
		float:left;
		border:1px solid #5DACF3;
		margin-top:10px;
		padding:5px;
		.rounded(3px);
		
		div{
			width:100%;
			float:left;
			margin:5px 0px;
			
			label{
				.font(@font1, #333, .8em, left, normal, '');
				float:left;
				width:30%;
			}
			
			select{
				float:left;
				width:68%;
			}
		}
	}
}


.s_form2{
	width:100%;
	float:left;
	display:block;
	background-color:#E2E2E2;
	padding:6px;
	
	div{
		width:100%;
		float:left;
		margin:1px 0px;
		
		label{
			width:26%;
			float:left;
			display:block;
			.font(@font1, #333, .7em, left, normal, '');
			padding:4px 0px;
		}
	
		select{
			width:62%;
			float:right;
			display:block;
		}
	}
}

.s_form4{
	width:100%;
	float:left;
	border:1px solid #5DACF3;
	margin-top:10px;
	padding:5px;
	.rounded(3px);
	
	div{
		width:50%;
		float:left;
		
		label{
			width:26%;
			float:left;
			display:block;
			.font(@font1, #333, .7em, left, normal, '');
			padding:4px 0px;
		}
		
		select{
			width:62%;
			float:left;
			display:block;
		}
		
		input{
			width:62%;
			float:left;
		}
	}
	
}

@media @smscreen, @iphone5, @iphone4, @smphones{
	
	.s_form4{
		width:100%;
		float:left;
		border:1px solid #5DACF3;
		margin-top:10px;
		padding:5px;
		.rounded(3px);
		
		div{
			width:100%;
			float:left;
			
			label{
				width:26%;
				float:left;
				display:block;
				.font(@font1, #333, .7em, left, normal, '');
				padding:4px 0px;
			}
			
			select{
				width:62%;
				float:left;
				display:block;
			}
			
			input{
				width:62%;
				float:left;
			}
		}
		
	}
	
}

.formas_gnral{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.cplink{
	float:left;
	margin-top:10px;
	border:1px solid #274A73;
	.rounded(3px);
	padding:8px 20px;
	background-color:#FAFAFA;
	cursor:pointer;
	.font(@font1, #333, .7em, left, normal, '');
	
	&:hover{
		background-color:#274A73;
		color:#F4F4F4;
	}
}

.cplink2{
	float:left;
	margin:6px 12px;
	border:1px solid #274A73;
	.rounded(3px);
	padding:4px 20px;
	background-color:#FAFAFA;
	cursor:pointer;
	.font(@font1, #333, .7em, left, normal, '');
	
	&:hover{
		background-color:#274A73;
		color:#F4F4F4;
	}
}

.cplink3{
	float:right;
	margin:0px 10px;
	border:1px solid #274A73;
	.rounded(3px);
	padding:4px 20px;
	background-color:#FAFAFA;
	cursor:pointer;
	.font(@font1, #333, .7em, left, normal, '');
	
	&:hover{
		background-color:#274A73;
		color:#F4F4F4;
	}
}

.cplink4{
	float:right;
	margin:0px 10px;
	border:1px solid #274A73;
	.rounded(3px);
	padding:4px 20px;
	background-color:#FAFAFA;
	cursor:pointer;
	.font(@font1, #333, .7em, left, normal, '');
	
	&:hover{
		background-color:#274A73;
		color:#F4F4F4;
	}
}


/***************************************
**Banners
**********************/

#banner_1{
	height:650px;
	@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
		height:auto;
	}
	
	img{
		margin-top:355px;
		@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
			margin-top:auto;
		}
	}
}

.banners_med{
	width:100%;
	float:left;
	
	.bmed_left, .bmed_right, .bmed_mid{
		float:left;
		width:300px;
		height:250px;
		margin-left:30px;
		
		&:first-child{
			margin-left:0px;
		}
	
		@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
			
		}
	}
	
	.bmed_mid{
		@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
			display:none;
		}
	}
	
	.bmed_left{
		
		@media @smscreen, @iphone5, @iphone4, @smphones{
			width:100%;
		}
	}
	
	.bmed_right{
		
		@media @smscreen, @iphone5, @iphone4, @smphones{
			width:100%;
			margin-left:0px;
			margin-top:50px;
		}
	}
}


@bd_R: 4px;
.upm{
	position:absolute;
	z-index:99;
	background-color:#294B72;
	padding:10px 19px;
	right:0;
	top:-41px;
	border-top-left-radius:@bd_R;
	-moz-border-top-left-radius:@bd_R;
	-webkit-border-top-left-radius:@bd_R;
	border-top-right-radius:@bd_R;
	-moz-border-top-right-radius:@bd_R;
	-webkit-border-top-right-radius:@bd_R;
	
	h2{
		.font(@font1, #fff, .9em, left, normal, '');
	}
	
	@media @tablet{
		-ms-transform: rotate(90deg); /* IE 9 */
    	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
   		transform: rotate(90deg);
		top:67px;
		right:-108px;
	
	}
	
	@media @smscreen, @iphone5, @iphone4, @smphones{
		width:100%;
	}
}

.flexslider img{
	@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
		height:auto;
	}
}

.bmed_ins{
	float:left;
	width:100%;
	position:relative;
	
	img{
		display:block;
		max-width:100%;
		margin:0 auto;
	}
	
	iframe{
		width:100%;
		height:250px;
		
		@media @tablet{
			height:250px;
		}
		
		@media @smscreen, @iphone5, @iphone4, @smphones{
			height:250px;
		}
	}
}


.imagenpromo{
	width: 963px;
	float:left;
	height:280px;
	z-index:999;
	
	@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
		width:100%;
		float:left;
		height:auto;
		margin:20px 0px;
	}
}

.object{
	width:300px;
	height:250px;
	margin-left:15%;
	margin-bottom:10px;
}

.iframe{
	border:none;
	width:300px;
	height:250px;
}



.gray{
	background-color:#E9E5E6;
}

.bannerside{
	width:90%;
	float:right;
	
	img{
		display:block;
		float:right;
		height:auto;
		max-width:100%;
	}
}

.banner
{
	width:100%;
	float:right;
	margin-bottom:10px;
	
	img{
		display:block;
		float:right;
		height:auto;
		max-width:100%;
	}
	
	img_ad{
		float:right !important;
		margin-left:10px;
		img{
			display:block;
			float:right;
			height:auto;
			max-width:100%;
		}
	}
}

@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
	
	.bannerside{
		width:100%;
		float:left;	
	}

	
	.banner{
		width:auto;
		float:left;
		margin:5px;
		
		img{
			display:block;
			height:auto;
			max-width:100%;
		}
	}
	
}

/***************************************
**Img NoBG
**********************/

.comparador{
	width:100%;
	float:left;
	background-color:#000000;
	padding:5px;
	margin-top:10px;
	
	img{
		max-width:100%;
		height:30px;
		display:block;
	}
}

.comparador2{
	width:100%;
	float:left;
	background-color:#000000;
	padding:5px;
	margin-top:10px;
	
	img{
		max-width:100%;
		height:auto;
		display:block;
		margin:0 auto;
	}
}

@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
	.comparador{
		width:100%;
		float:left;
		background-color:#000000;
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
	}
}


.img_ad{
	float:left;
	width:100%;
	display:block;
	
	img{
		display:block;
		max-width:100%;
		height:auto;
	}
}

@media @smscreen, @iphone5, @iphone4, @smphones{
	.img_ad{
		float:left;
		width:100%;
		display:block;
		
		img{
			display:block;
			max-width:60% !important;
			height:auto;
		}
	}
}

/***************************************
**Galerias
**********************/

.gallery{
	.float(100%, left, block);
	margin:10px 0px;
	
	.autos{
		width:33%;
		float:left;
		padding:5px;
		
		@media @smscreen, @iphone5, @iphone4, @smphones{
			width:100%;
		}
	}
	
	.a_line_block{
		width:100%;
		float:left;
		padding:5px;
		border:1px solid #999;
		height:320px;
		position:relative;
	}
	
	.medios{
		width:45%;
		float:left;
		padding:4px;
		
		&:last-child{
			width:54%;
		}
	}
	
	.a_img{
		.src_img{
			display:block;
			height:auto;
			float:left;
			max-width:100%;
			border:1px solid #002057;
			.rounded(5px);
		}
	}
	
	.abs_img{
		display:block;
		position:absolute;
		top:0;
		right:0;
		height:auto;
		width:40px;
	}
	
	.abs_img2{
		display:block;
		height:auto;
		width:100px;
		margin:0 auto;
		overflow:hidden;
		padding:10px;
	}
	
	.a_txt{
		p{
			.float(100%, left, block);
			.font(@font1, #333, .8em, left, @light, '');
		}
	}
	
	.a_desc{
		.float(100%, left, block);
				
		p{
			.font(@font1, #0C5889, .8em, left, @light, '');
		}
				
		strong{
			.font(@font1, #333, .7em, left, @bold, '');
		}
	}
	
	
	.a_price{
		a{
			.float(100%, left, block);
			.font(@font1, #0C5889, 1em, left, @light, '');
			cursor:pointer;
		}
		.font(@font1, #0C5889, .8em, left, @normal, '');
	}
	
	.a_link{
		
		a{
			float:right;
			width:100%;
			border:1px solid #274A73;
			.rounded(3px);
			padding:4px 10px;
			background-color:#FAFAFA;
			cursor:pointer;
			.font(@font1, #333, .7em, center, normal, '');
		
			&:hover{
				background-color:#274A73;
				color:#F4F4F4;
			}
		}
	}
	
	.bloque-scotia{
		width:140px;
		overflow:hidden;
		padding:2px;
		border:1px solid #E91A19;
		.rounded(3px);
		margin:10px auto 0 auto;
		
		img{
			display:block;
			height:auto;
			max-width:100%;
		}
		
		p{
			.font(@font1, #333, .7em, center, normal, '');
			.float(100%, left);
			
			span{
				.font(@font1, #333, .9em, center, normal, '');
			}
			
			a{
				.font(@font1, #F60004, .8em, center, normal, '');
			}
		}
		
		.precio-scotia{
			.font(@font1, #E3171B, .95em, center, normal, '');
		}
	}
}



/*
.gallery{
	.float(100%, left, block);
	margin:10px 0px;
	
	.autos{
		width:31%;
		float:left;
		padding:5px;
		border:1px solid #999;
		margin:5px;
		.rounded(2px);
		position:relative;
		height:290px;
		
		.a_img{
			
			.src_img{
				display:block;
				height:70px;
				float:left;
				max-width:100%;
				border:1px solid #002057;
				.rounded(5px);
			}
		}
		
		.a_txt{
			p{
				.float(45%, left, block);
				.font(@font1, #333, .9em, left, @light, '');
				margin-left:6px;
				
			}
			
			.a_desc{
				.float(45%, left, block);
				.font(@font1, #333, .7em, left, @light, '');
				margin-left:6px;
			}
		}
		
		.abs_img{
			position:absolute;
			top:86px;
			left:5px;
			border:none;
			max-width:30%;
			
		}
		
		.a_link{
			
			a{
				float:right;
				width:40%;
				margin:6px 12px;
				border:1px solid #274A73;
				.rounded(3px);
				padding:4px 10px;
				background-color:#FAFAFA;
				cursor:pointer;
				.font(@font1, #333, .7em, center, normal, '');
				
				&:hover{
					background-color:#274A73;
					color:#F4F4F4;
				}
			}
		}
		
		.a_price{
			float:left;
			width:40%;
			margin-top:10px;
					
			.listado_precio{
				float:left;
				display:block;
				.font(@font1, #134787, .8em, center, normal, '');
				margin-top:5px;
			}
			
			.a_det{
				float:left;
				width:100%;
				.font(@font1, #134787, .8em, left, normal, '');
				margin-top:10px;
			}
		}
		
		.bloque-scotia{
			width:110px;
			float:right;
			border:1px solid #E91A19;
			.rounded(5px);
			margin-top:18px;
			
			img{
				display:block;
				height:auto;
				max-width:100%;
			}
			
			p{
				.font(@font1, #333, .7em, center, normal, '');
				.float(100%, left);
				
				span{
					.font(@font1, #333, .9em, center, normal, '');
				}
				
				a{
					.font(@font1, #F60004, .8em, center, normal, '');
				}
			}
		}
	}
}
*/	

.gallery2{
	.float(100%, left, block);
	margin:10px 0px;
	
	.nuevos{
		width:100%;
		float:left;
		
		.grid{
			width:19%;
			float:left;
			border:1px solid #999;
			height:130px;
			.rounded(4px);
			margin:3px;
			
			img{
				display:block;
				max-width:100%;
				height:auto;
				margin:21px auto;
			}
			
		}
		
		.newmodels{
			width:19%;
			float:left;
			border:1px solid #999;
			height:140px;
			.rounded(4px);
			margin:3px;
			position:relative;
			
			img{
				display:block;
				max-width:100%;
				margin:0 auto;
			}
			
			div{
				position:absolute;
				bottom:3px;
				width:100%;
				
				a{
					.float(100%, left, block);
					.font(@font1, #15283E, .8em, center, normal, '');
					margin-top:10px;
				}
			}
		}
		
		@media @smscreen, @iphone5, @iphone4, @smphones{
			.grid, .newmodels{
				width:100%;
			}
			
			.newmodels{
				height:160px;
			}
		}
	}
}


.gallery3{
	.float(100%, left, block);
	margin:10px 0px;
	
	.galerias{
		width:100%;
		float:left;
		
		.grid{
			width:31%;
			float:left;
			padding:5px;
			border:1px solid #999;
			margin:5px;
			height:280px;
			.rounded(2px);
			
			.g_img{
				
				img{
					display:block;
					max-width:100%;
					border:1px solid #002057;
					.rounded(5px);
					margin:0 auto;
				}
			}
			
			
			.g_n{
				.float(100%, left, block);
				.font(@font1, #333, .9em, center, @light, '');
				margin-top:20px;
			}
			
			.g_nf{
				.float(100%, left, block);
				.font(@font1, #333, .8em, center, @normal, '');
			}
			
			.g_txt{
				.float(100%, left, block);
				.font(@font1, #333, .8em, center, @light, '');
			}
		}
		
		.grid2{
			width:31%;
			float:left;
			padding:5px;
			border:1px solid #999;
			margin:5px;
			height:320px;
			.rounded(2px);
			
			.g_img{
				img{
					display:block;
					max-width:100%;
					border:1px solid #002057;
					.rounded(5px);
					margin:0 auto;
				}
			}
			
			
			.g_n{
				.float(100%, left, block);
				.font(@font1, #333, .9em, left, @light, '');
			}
			
			.g_nf{
				.float(100%, left, block);
				.font(@font1, #333, .8em, left, @normal, '');
			}
			
			.g_txt{
				.float(100%, left, block);
				.font(@font1, #333, .8em, left, @light, '');
			}
		}
		
		@media @smscreen, @iphone5, @iphone4, @smphones{
			
			.grid{
				width:100%;
				height:190px;
				
				.g_img{
					
					img{
						display:block;
						float:left;
						max-width:100%;
						border:1px solid #002057;
						.rounded(5px);
						margin-right:10px;
					}
				}
				
				.g_n{
					.float(45%, left, block);
					.font(@font1, #333, .8em, left, @normal, '');
				}
				
				.g_nf{
					.float(45%, left, block);
					.font(@font1, #333, .8em, left, @normal, '');
				}
			
			}
			
			.grid2{
				width:100%;
				height:190px;
				
				.g_img{
					
					img{
						display:block;
						float:left;
						max-width:100%;
						border:1px solid #002057;
						.rounded(5px);
						margin-right:10px;
					}
				}
				
				.g_n{
					.float(45%, left, block);
					.font(@font1, #333, .8em, left, @normal, '');
				}
				
				.g_nf{
					.float(45%, left, block);
					.font(@font1, #333, .8em, left, @normal, '');
				}
			
			}
		}
	}
}

/***************************************
**Noticias
**********************/
.news{
	.float(100%, left, block);
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #474747;
	
	.n_img{
		width:180px;
		float:left;
		display:block;
		
		img{
			display:block;
			height:auto;
			float:left;
			max-width:100%;
			border:1px solid #002057;
			.rounded(5px);
		}
	}
	
	.n_img2{
		width:170px;
		float:left;
		display:block;
		
		img{
			display:block;
			height:auto;
			float:left;
			max-width:90%;
			border:1px solid #002057;
			.rounded(5px);
		}
	}
	
	
	.n_txt{
		width:70%;
		float:left;
		margin-left:10px;
		
		h2{
			.float(100%, left, block);
			.font(@font1, #274A73, 1.2em, left, @light, '');
			margin-bottom:10px;
		}
		
		p, span, .entradilla, .entradilla span{
			.float(100%, left, block);
			.font(@font1, #333, .9em, left, @light, '');
		}
	}
	
	.n_link{
		float:right;
		width:100%;
		margin-bottom:10px;
		
		a{
			float:right;
			width:30%;
			margin:6px 12px;
			border:1px solid #274A73;
			.rounded(3px);
			padding:4px 10px;
			background-color:#FAFAFA;
			cursor:pointer;
			.font(@font1, #333, .7em, center, normal, '');
			
			&:hover{
				background-color:#274A73;
				color:#F4F4F4;
			}
		}
	}
	
	.fecha_articulo{
		float:left;
		.font(@font1, #333, .7em, center, normal, '');
	}
	
	.fecha_articulo2{
		float:left;
		width:100%;
		margin-top:10px;
		.font(@font1, #333, .7em, left, normal, '');
	}
}

@media @smscreen, @iphone5, @iphone4, @smphones{
	
	.news{
		.float(100%, left, block);
		margin-top:10px;
		margin-bottom:10px;
		border-bottom:1px solid #474747;
		
		.n_img{
			width:120px;
			float:left;
			display:block;
			margin-top:5px;
			
			img{
				display:block;
				height:auto;
				float:left;
				max-width:100%;
				border:1px solid #002057;
				.rounded(5px);
			}
		}
		
		
		.n_txt{
			width:70%;
			float:left;
			margin-left:10px;
			
			h2{
				.float(100%, left, block);
				.font(@font1, #274A73, 1.2em, left, @light, '');
				margin-bottom:10px;
			}
			
			p{
				.float(100%, left, block);
				.font(@font1, #333, .9em, left, @light, '');
			}
		}
		
		.n_link{
			float:right;
			width:100%;
			margin-bottom:10px;
			
			a{
				float:right;
				width:30%;
				margin:6px 12px;
				border:1px solid #274A73;
				.rounded(3px);
				padding:4px 10px;
				background-color:#FAFAFA;
				cursor:pointer;
				.font(@font1, #333, .7em, center, normal, '');
				
				&:hover{
					background-color:#274A73;
					color:#F4F4F4;
				}
			}
		}
	}
}


.noticias_title{
	.float(100%, left, block);
	.font(@font1, #274A73, 1.1em, center, normal, '');
	margin:10px 0px;
}

.noticias_content{
	.font(@font2, #333, .9em, justify, light, '');
}

/***************************************
**Comparador
**********************/

.campoelegido{
	width:30%;
	float:left;
	background-color:#FAFAFA;
	margin:10px 10px;
	border:1px solid #09669B;
	.rounded(2px);
	
	table{
		.rounded(2px);
	}
	
	td{
		height:28px;
		border-bottom:#1A4267 dotted 1px;
	}
	
	.campoelegidoAuto{
		width:100%;
		float:left;
		
		img{
			display:block;
			height:auto;
			max-width:100%;
			margin:10px auto;
			border:1px solid #002057;
			.rounded(5px);
		}
	}
}

@media @smscreen, @iphone5, @iphone4, @smphones{
	.campoelegido{
		width:98%;
		float:left;
		background-color:#FAFAFA;
		border:1px solid #09669B;
		.rounded(2px);
		
		table{
			.rounded(2px);
		}
		
		td{
			height:28px;
			border-bottom:#1A4267 dotted 1px;
		}
		
		.campoelegidoAuto{
			width:100%;
			float:left;
			
			img{
				display:block;
				height:auto;
				max-width:100%;
				margin:10px auto;
				border:1px solid #002057;
				.rounded(5px);
			}
		}
	}

}

#campoeditable{
	width:100%;
	float:left;
	padding:10px;
	border:#1A4267 solid 1px;
	.rounded(3px);
	
	.tablaEditable{
		tr{
			width:100%;		
		
			td{
				width:30%;
							
				label{
					display:block;
					width:100%;
					padding:8px 0px;
					.font(@font1, #333, .7em, left, normal, '');
				}
				
				select{
					width:100%;
					
				}
				
			}
		
		}
	}
}


/***************************************
**Footer
**********************/

#footer{
	width:100%;
	float:left;
	
	ul{
		float:left;
	}
	
	li{
		float:left;
		.font(@font1, #333, .7em, left, normal, '');
		
		a{
			color:#6D6D6D;
			width:100%;
			float:left;
			padding:4px 12px;
		}
	
		&:last-child{
			width:100%;
			float:left;
			padding:4px 12px;
		}
	}
	
}

.contact{
	width:100%;
	float:left;
}

#footer2{
	width:100%;
	float:left;
	background-color:#E3E3E3;
	padding:6px 10px;
	margin-top:10px;
}


/***************************************
**Paginador
**********************/
.paginador{
	.float(100%, left, block);
	margin:10px 0px;
	
	a{
		.float('', left, block);
		background-color:#EDEDED;
		.rounded(4px);
		padding:5px 13px;
		.font(@font1, #333, .8em, center, normal, '');
		margin:0px 2px;
		
		&:hover{
			background-color:#55C2E7;
		}
	}
	
	@media @smscreen, @iphone5, @iphone4, @smphones{
		a{
			padding:5px 8px;
			.font(@font1, #333, .6em, center, normal, '');
			margin:0px 1px;
		}
	
	}
	
	.pag_txt{
		.float('', left, block);
		padding:5px 13px;
		background-color:#EDEDED;
		.rounded(4px);
		.font(@font1, #333, .8em, center, normal, '');
		margin:0px 2px;
	}
	
	.resultadosbusqueda{
		.float(100%, left, block);
		.font(@font1, #2E6FD5, .8em,left, normal, '');
		margin-top:10px;
	}
}

/***************************************
**TABLAS
**********************/

.table_car_det{
	width:100%;
	table{
		.font(@font1, #333, 1em, left, normal, '');
	}
}

.buscadorBloque{
	.font(@font1, #2E6FD5, .8em,left, normal, '');
}

@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
	
	.table_car_det{
		width:100%;
		table{
			.font(@font1, #333, .8em, left, normal, '');
		}
		
		td{
			span{
				.font(@font1, #333, .7em, left, normal, '');
			}
		}
	}

}

.mensajeVendedor1{
	.font(@font1, #333, .8em, left, normal, '');
	width:100%;
	display:block;
	margin-bottom:10px;
}
.table_Resp{
	width:100%;
	float:left;

	table{
		.font(@font1, #333, .8em, left, normal, '');
	}
	
	
	.titNotaS2{
		img{
			width:100% !important;
			display:block;
		}
	}
}


/***************************************
**Detalle Seminuevos
**********************/

.fright{
	float:right;
	
	@media @smscreen, @iphone5, @iphone4, @smphones{
		float:left;
	}
}


.car_detail{
	.float(100%, left);
	
	.block_sem{
		.float(100%, left);
		padding:5px 0px;
		font-family:@font1;
		
		/*---Medio---*/
		.medio{
			.float(49%, left);
			padding:5px;
			
			@media @smscreen, @iphone5, @iphone4, @smphones{
				.float(100%, left);
				padding:0px;
			}
		}
		
		/*---Medio---*/
		.tercios{
			.float(32.7%, left);
			padding:5px;
			
			@media @smscreen, @iphone5, @iphone4, @smphones{
				.float(100%, left);
				padding:0px;
			}
		}	
		
		/*---Titulos---*/
		.sem_title{
			.font(@font1, #333, 1.0em, left, normal, '');
			
			a{
				color:#666;
			}
		}
		
		/*---Precio---*/
		.sem_price{
			.float(100%, left);
			.font(@font1, #0E63A1, 1.0em, left, normal, '');
		}
		
		/*---Galeria---*/
		.sem_gallery{
			.float(100%, right);
			
			.sem_gall_min, sem_gall_main{
				.float(100%, right);
				
				img{
					float:right;
					display:block;
					margin-left:5px;
				}
			}
			
			@media @smscreen, @iphone5, @iphone4, @smphones{
				.float(100%, left);
				
				.sem_gall_min, sem_gall_main{
					.float(100%, left);
					margin:10px 0px;
					
					img{
						float:left;
						display:block;
						margin-left:5px;
					}
				}
			}
		}
		
		/*---Descripción---*/
		.sem_description{
			.float(100%, left);
			margin-bottom:10px;
			
			span{
				.float(48%, left, block);
				.font(@font1, #333, .8em, left, normal, '');
			}
			
			p{
				.float(48%, left, block);
				.font(@font1, #0E63A1, .8em, left, normal, '');
			}
		}
		
		
		/*---Financiamiento---*/
		.bloque-scotia{
			width:140px;
			float:right;
			border:1px solid #E91A19;
			.rounded(5px);
			margin-top:10px;
			
			img{
				display:block;
				height:auto;
				max-width:100%;
			}
			
			p{
				.font(@font1, #333, .7em, center, normal, '');
				.float(100%, left);
				
				span{
					.font(@font1, #333, .9em, center, normal, '');
				}
				
				a{
					.font(@font1, #F60004, .8em, center, normal, '');
				}
			}
			
			@media @tablet, @smscreen, @iphone5, @iphone4, @smphones{
				width:120px;
				float:left;
				margin:10px 0px;
			}
		}
		
		/*---Telefonos---*/
		.sem_phone{
			.float(50%, left);
			background-color:#ccc;
			.font(@font1, #fff, .8em, center, normal, '');
			padding:10px 0px;
			.rounded(5px);
			cursor:pointer;
			
			#listadoTelsContact
			{
				.float(100%, left, block);
				
				li{
					.float(100%, left, block);	
					
					a{
						width:100%;
						float:left;
						padding:3px 10px;
						.font(@font1, #1B5D94, .8em, center, normal, '');
						
						span{
							.float(100%, left, block);
						}
					}
				}
			}
			
			@media @smscreen, @iphone5, @iphone4, @smphones{
				.float(100%, left);
			}
		}
		
		.sem_call{
			.font(@font1, #333, .8em, left, normal, '');
			cursor:pointer;
			
			a{
				.float(40%, right);
				background-color:#1B5D94;
				.font(@font1, #fff, 1em, center, normal, '');
				padding:10px 0px;
				.rounded(5px);
				
				@media @smscreen, @iphone5, @iphone4, @smphones{
					.float(100%, left);
					margin-top:10px;
				}
			}
		}
		
		/*---Extras---*/
		.sem_more_desc{
			.float(100%, left);
			
			ul{
				.float(100%, left, block);
				.font(@font1, #777, .8em, left, normal, '');
				margin:10px 0px;
				
				li{
					.float(49%, left, block);
					margin:3px 0px;
				}
			}
		}
		
		/*--Más Detalles--*/
		.sem_all_detail{
			.float(100%, left);
			.font(@font1, #333, .7em, left, normal, '');
			margin:10px 0px;
			
		}
		
		.sem_social{
			div{
				.float(100%, left);
				margin:5px 0px;
				.font(@font1, #333, .8em, left, normal, '');
			}
		}
		
		.sem_recommend{
			.float(100%, left);
			margin:5px 0px;
			.font(@font1, #333, .7em, left, normal, '');
		}
		
		.sem_legales{
			.float(100%, left);
			margin:5px 0px;
			.font(@font1, #333, .7em, left, normal, '');
		}
	}
}

/***************************************
**Social Share
**********************/
.social_share{
	float:left;
	margin-bottom:20px;
	padding:5px;
}

/***************************************
**Estadísticas Seminuevos
**********************/

.sem_stats{
	width:100%;
	float:left;
	padding:10px;
	
	h2{
		.float(100%, left, block);
		.font(@font1, #EAA133, .8em, left, normal, '');
	}
	
	span{
		.float(100%, left, block);
		.font(@font1, #999, .8em, left, normal, '');
	}
}

.forms_sem{
	.float('', left, block);
	
	button{
		width:100%;
		float:left;
		border:1px solid rgba(223,223,223,1.00);
		background-color:@white;
		.font(@font1, #999, .7em, center, normal, '');
		padding:3px 10px;
		cursor:pointer;
		
		img{
			max-width:100%;
			display:block;
			margin:0 auto;
			height:15px;
		}
	}
}

.sem_stats_usr{
	.float(100%, left);
	
	span{
		.float('', left, block);
		.font(@font1, #999, .8em, left, normal, '');
		margin-right:7px;
		
	}
}

/***************************************
**Proveedores
**********************/

.proveedores{
	.float(100%, left, block);
	
	li{
		.float(100%, left, block);
		.font(@font1, #999, .8em, left, normal, '');
	}
}


/***************************************
**Boton
**********************/
.boton{
	float:right;
}


/***************************************
**Proveedores
**********************/
.prov{
	.float(100%, left);
	.font(@font1, #999, .9em, left, normal, '');
}


/***************************************
**Noinfo
**********************/
.noinfo{
	.float(100%, left, block);
	.font(@font1, #999, .9em, left, normal, '');
}


/***************************************
**Anuncia Tu Auto
**********************/
.wizard{
	li{
		.font(@font1, #999, .5em, left, normal, '');
	}
}

.fuelux{
	input[type="text"]{
		padding:5px !important;
		height:28px !important;
	}
}