/*------------------------------------------------------------------
 * [Layout Stylesheet]
 *
 * Project:	Project Jose Iborra
 * Version:	0.1
 * Last change:	
 * Assigned to:	David Millan
 * Primary use:	
 * Description: Definición de posición de los elementos
 *				Todas los estilos que se creen deberán empezar por lay_
 *				exceptuando aquellos que hagan referencia a un htmlTag
 * -------------------------------------------------------------------*/

/*---------------------------
* Clear fix
* --------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*------------------------------------------------------------------
* Estilos Generales
* -------------------------------------------------------------------*/
.hidde{display:none;}
body{
	font-family: "effra",sans-serif;
}
p, a, h1, h2, h3, ul li, input, textarea{
	font-family: "effra",sans-serif;
	-webkit-font-smoothing: antialiased;
	}
a{}
a:hover{}
h1{}
h2{}
h3{}
::selection {
	background:#BD1A1A;
	color:#fff;
	}
::-moz-selection {
	background:#BD1A1A;
	color:#fff;
	}
::-webkit-selection {
	background:#BD1A1A;
	color:#fff;
	}

/*
 * Layout
 */

#wrapper{
	/*margin-top:-51px;*/
	/*margin-top:-51px;*/
	}
.container{
	position:relative;
}
header{}
.navbar-nav{
	margin-top: 14px !important;
}
.navbar-nav .container{
	height:112px;
}
.navbar-nav{
	float:right !important;
}
.navbar-collapse ul>li>a{
	color:#2c2c2c;
	font-size:17px;
	text-shadow:none !important;
}
.navbar-collapse ul>li>a:hover{
	color:#5899d1;
}
.navbar-collapse ul .active>a, .navbar-collapse ul .active>a:hover, .navbar-collapse ul .active>a:focus{
	background:transparent;	
	color:#5592c2;
}
.nav>li>a{padding:10px !important;}
.nav>li>a:hover, .nav>li>a:focus{
	background:transparent !important;
}
.navbar-toggle{
	background:#5899d1 !important;
}
.navbar-toggle .icon-bar{
	background:#fff;
}
.navbar-brand{
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
	display:block;
	width:161px;
	height:111px !important;
	background:url(../img/logo.png) top center no-repeat;
	background-size:cover;
	z-index: 100;
}
.container>.navbar-header{
	margin: 0px !important;
}
.mapa{
	display:block;
	background:url(../img/mapa.png) top center no-repeat;
	padding-top:50px;
	width:150px;
	margin:0 auto;
	margin-top:20px;
	color:#fff;
	}
.mapa:hover{
	color:#428bca;
	text-decoration:none;
	}
.nadal{
	display:block;
	height:392px;
	background:url(../img/banner_nadal.png) bottom center no-repeat;
	background-size:cover;
}
/*Primera imagen del slider
cambios:24/03/2017 : imagen gruas.jpg por suproval1.jpg*/
.gruas{/*actualizar*/
	display:block;
	height:392px;
	background:url(../img/suproval1.jpg) bottom center no-repeat;
	background-size:cover;
}
/*Texto primera imagen del slider
anterior:24/03/2017: float:right + margin-right:80px
cambios:24/03/2017: float:left + margin-left:80px*/
.gruas h2{
	font-size:34px;
	font-weight:600 !important;
	color:#fff;
	float:left;
	margin-top:120px;
	width:450px;
	margin-left:80px;
}
.gruas h2 span{
	font-size:14px;
	font-weight:normal !important;
}
.serviciostecnicos{/*actualizar*/
	display:block;
	height:392px;
	background:url(../img/serviciotecnico.jpg) bottom center no-repeat;
	background-size:cover;
}
.serviciostecnicos h2{
	font-size: 34px;
	font-weight: 600 !important;
	color: #fff;
	float: right;
	margin-top: 120px;
	width: 450px;
	margin-right: 80px;
	background: rgba(0, 0, 0, 0.5);
	padding:20px;
}
.serviciostecnicos h2 span{
	font-size:14px;
	font-weight:normal !important;
}
.kubota{
	display:block;
	height:392px;
	background:url(../img/kubota.jpg) bottom center no-repeat;
	background-size:cover;
}
.kubota a{
	width:100%;
	display:block;
	height:392px;
}
.servicios{
	display:block;
	height:392px;
	background:url(../img/servicios.jpg) bottom center no-repeat;
	background-size:cover;
}
.banners h2{
	font-size: 20px;
	letter-spacing: 60px;
	color:#fff;
	text-align: center;
	line-height:392px;
	font-weight:700;
	margin-top:0px !important;
}
.venta{
	display:block;
	height:392px;
	background:url(../img/venta.jpg) bottom center no-repeat;
	background-size:cover;
}
.sat{
	display:block;
	height:392px;
	background:url(../img/sat.jpg) bottom center no-repeat;
	background-size:cover;
}
.oferta{
	display:block;
	height:392px;
	background:url(../img/ofertas.jpg) bottom center no-repeat;
	background-size:cover;
}
.galeria{
	display:block;
	height:392px;
	background:url(../img/galeria.jpg) bottom center no-repeat;
	background-size:cover;
}
.contactar{
	display:block;
	height:392px;
	background:url(../img/contactar.jpg) bottom center no-repeat #dadada;
	background-size:contain;
}
.blanco{
	padding:50px 0;
}
.blanco h3{
	padding:45px 0 !important;
}
.blanco h3{
	margin:0 !important;
	text-align:center;
	font-size:25px;
	color:#464640;
	line-height:27px;
	font-weight: 700;
}
.blanco p{
	margin:0 !important;
	text-align:center;
	font-size:15px;
	color:#abafb2;
	line-height:20px;
}
.grises{
	background:url(../img/grises.jpg) top center repeat-y;	
	padding:54px 0;
}
.grises ul{
	padding:0px !important;
	margin:0px !important;
}
.grises ul li{
	list-style:none !important;
}
.grises ul li a{
	font-size:14px;
	color:#929599;
	font-weight: 600;
}
.grises ul li a:hover{
	color:#3085c6;
	text-decoration:none;
}
.button_ampliar{
	display: block;
	background:#5899d1;	
	border-radius:5px;
	height:40px;
	line-height: 40px;
	padding:0 15px;
	float: left;
	color:#fff;
	text-decoration:none;
	transition:background 0.2s;
}
.button_ampliar:hover{
	color:#fff;
	text-decoration:none;
	background:#0e3369;	
}
.carro h2, .machine h2{
	font-size:34px;
	color:#4a4e53;
	font-weight:400 !important;
	line-height: 23px;
	padding-top:18px;
	margin-top: 0px;
}
.machine h2{
	text-align: right;
}
.carro h2 span, .machine h2 span{
	font-size:13px;
	color:#5d6165;
	font-weight:400 !important;
}
.carro{
	display:block;
	height:80px;
	background:url(../img/carro.png) top left no-repeat;
	padding-left: 100px;
	margin-bottom: 53px;
}
.machine{
	display:block;
	height:80px;
	background:url(../img/machine.png) top right no-repeat;
	padding-right: 100px;
	margin-right: 50px;
	margin-bottom: 53px;
}
.separacion .carro, .separacion .listas_de, .separacion .button_ampliar{
	margin-left: 50px;
	}
.listas_iz .col50{
	float:right;
	width:50%;
}
.listas_de .col50{
	float:left;
	width:50%;
}
.listas_iz, .listas_de{
	margin-bottom: 20px;
}
.navbar-inverse .btn-navbar{
	background:#3085c6 !important;
	border: 0px !important;
	text-shadow:none !important;	
	border-color: transparent !important;
	box-shadow:none !important;
}
.foto1{
	background: url(../img/product/foto1.png) bottom left no-repeat !important;
	background-size:cover !important;
}
.foto2{
	background: url(../img/product/foto2.png) bottom left no-repeat !important;
	background-size:cover !important;
}
.serviciotecnico h3{
	font-size: 28px;
	font-weight: 400;
	color:#5899d1 !important;
	margin-top: 0px;
}
.serviciotecnico span{
	font-size: 15px;
	display:block;
	margin: 0 0 10px 0;
	font-weight: 400;
	line-height:20px;
	color:#929599 !important;
}
.serviciotecnico p{
	font-size: 16px;
	font-weight: 400;
	line-height:24px;
	color:#929599 !important;
}
.serviciotecnico p strong{
	font-size: 16px;
	font-weight: 400;
	line-height:24px;
	font-weight: 400;
	color:#5899d1 !important;
}
.contacto{
	min-height:563px;
	background:url(../img/contacto.png) top center no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding:64px 0 60px 0;
}
.contacto p{
	font-size: 23px;
	color:#fff;
	text-align:center;
	font-weight:600 !important;
}
.contacto .small{
	font-size: 18px;
	margin-top: 120px;
	margin-bottom: 20px;
}
.contacto p strong{
	font-size: 26px;
	font-weight:700 !important;
}
.contacto .ls{
	letter-spacing:10px;
}
.contacto_gris{
	min-height:563px;
	background:#cacfd5;
	background-size: cover;
	margin-top: 50px;
	padding:90px 0 60px 0;
}
.contacto_gris p{
	font-size: 22px;
	color:#fff;
	text-align:center;
	font-weight:600 !important;
}
.form_cierre{
	display:block;
	width:715px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 50px;
}
.contacto_gris form input, .contacto_gris form textarea{
	margin:0 10px !important;
}
.observaciones{
	margin:20px 0;
}
/*.observaciones textarea{
	width:100% !important;
}*/
form input{
	display:block;
	width:225px;
	height: 39px;
	background:#fff;
	border-radius: 5px;
	border: 0px !important;
	float:left;
	padding:0 10px;
	margin-right: 20px;
}
form textarea{
	display:block;
	width:469px;
	height: 80px;
	background:#fff;
	border-radius: 5px;
	border: 0px !important;
	padding:0 10px;
	resize:none;
	float:left;
}
.contactform{
	width: 510px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.submit{
	display:block;
	float:right;
	width:225px;
	/*height: 39px;*/
	height:80px;
	background:#0b8b23;
	text-align: center;
	border-radius: 5px;
	line-height: 39px;
	color:#fff;
	cursor:pointer;
	transition:background 0.2s;
	margin-right:0px;
}
.contactform .submit2{
	float:none;
	margin:0 auto;
	display:block;
	width:469px;
	height: 39px;
	background:#0b8b23;
	text-align: center;
	border-radius: 5px;
	line-height: 39px;
	color:#fff;
	cursor:pointer;
	transition:background 0.2s;
	margin-right:0px;
}
.submit:hover, .submit2:hover{
	color:#fff;
	text-decoration: none;
	background:#116320;
}
.marcas p{
	text-align:center;
	margin: 40px 0;
}
.marcas p a{
	display:block;
	float: left;
	height: 68px;
	text-indent: -9999px;
	margin:20px 0;
}
.marcas p a:hover{
	background-position: bottom;
}
.logo1{
	background:url(../img/marcas/logo1.png) top center no-repeat;
	width:111px;
}
.logo2{
	background:url(../img/marcas/logo2.png) top center no-repeat;
	width:126px;
}
.logo3{
	background:url(../img/marcas/logo3.png) top center no-repeat;
	width:93px;
}
.logo4{
	background:url(../img/marcas/logo4.png) top center no-repeat;
	width:93px;
}
.logo5{
	background:url(../img/marcas/logo5.png) top center no-repeat;
	width:93px;
}
.logo6{
	background:url(../img/marcas/logo6.png) top center no-repeat;
	width:93px;
}
.logo7{
	background:url(../img/marcas/logo7.png) top center no-repeat;
	width:93px;
}
.logo8{
	background:url(../img/marcas/logo8.png) top center no-repeat;
	width:101px;
}
.logo9{
	background:url(../img/marcas/logo9.png) top center no-repeat;
	width:132px;
}
.logo10{
	background:url(../img/marcas/logo10.png) top center no-repeat;
	width:132px;
}
.logo11{
	background:url(../img/marcas/logo11.png) top center no-repeat;
	width:132px;
}
.logo12{
	background:url(../img/marcas/logo12.png) top center no-repeat;
	width:87px;
}
.logo13{
	background:url(../img/marcas/logo13.png) top center no-repeat;
	width:100px;
}
.logo14{
	background:url(../img/marcas/logo14.png) top center no-repeat;
	width:128px;
}
.logo15{
	background:url(../img/marcas/logo15.png) top center no-repeat;
	width:126px;
}
.logo16{
	background:url(../img/marcas/logo16.png) top center no-repeat;
	width:95px;
}
.logo17{
	background:url(../img/marcas/logo17.png) top center no-repeat;
	width:128px;
}
.logo18{
	background:url(../img/marcas/logo18.png) top center no-repeat;
	width:128px;
}
.logo19{
	background:url(../img/marcas/logo19.png) top center no-repeat;
	width:128px;
}
.logo20{
	background:url(../img/marcas/logo20.png) top center no-repeat;
	width:128px;
}
.logo21{
	background:url(../img/marcas/logo21.png) top center no-repeat;
	width:103px;
}
.logo22{
	background:url(../img/marcas/logo22.png) top center no-repeat;
	width:103px;
}
.logo23{
	background:url(../img/marcas/logo23.png) top center no-repeat;
	width:103px;
}
.logo24{
	background:url(../img/marcas/logo24.png) top center no-repeat;
	width:134px;
}
.logo25{
	background:url(../img/marcas/logo25.png) top center no-repeat;
	width:154px;
}
.logo26{
	background:url(../img/marcas/logo26.png) top center no-repeat;
	width:114px;
}
.logo27{
	background:url(../img/marcas/logo27.png) top center no-repeat;
	width:114px;
}
.logo28{
	background:url(../img/marcas/logo28.png) top center no-repeat;
	width:114px;
}
.logo29{
	background:url(../img/marcas/logo29.png) top center no-repeat;
	width:114px;
}
.logo30{
	background:url(../img/marcas/logo30.png) top center no-repeat;
	width:114px;
}
.logo31{
	background:url(../img/marcas/logo31.png) top center no-repeat;
	width:114px;
}
.pisoni{
	display:block;
	width:118px;
	margin:0 auto;
	background:url(../img/pisoni.png) top center no-repeat;
	padding-top: 90px;
	margin-bottom: 30px;
}
.pisoni span{
	display:block;
	font-size:11px;
	color: #acafb2;
	border: 1px solid #e9e9e9;
	text-align:center;
	padding:8px 0;
	letter-spacing:2px;
	font-family: "effra",sans-serif;
}
.satgris{
	display:block;
	width:140px;
	margin:0 auto;
	background:url(../img/sat.png) top center no-repeat;
	padding-top: 90px;
	margin-bottom: 30px;
}
.satgris span{
	display:block;
	font-size:11px;
	color: #acafb2;
	border: 1px solid #e9e9e9;
	text-align:center;
	padding:8px 0;
	letter-spacing:2px;
	font-family: "effra",sans-serif;
}
.carri{
	display:block;
	width:118px;
	margin:0 auto;
	background:url(../img/carri.png) top center no-repeat;
	padding-top: 90px;
	margin-bottom: 30px;
}
.carri span{
	display:block;
	font-size:11px;
	color: #acafb2;
	border: 1px solid #e9e9e9;
	text-align:center;
	padding:8px 0;
	letter-spacing:2px;
	font-family: "effra",sans-serif;
}
.ofer{
	display:block;
	width:118px;
	margin:0 auto;
	background:url(../img/oferta_gris.png) top center no-repeat;
	padding-top: 90px;
	margin-bottom: 30px;
}
.ofer span{
	display:block;
	font-size:11px;
	color: #acafb2;
	border: 1px solid #e9e9e9;
	text-align:center;
	padding:8px 0;
	letter-spacing:2px;
	font-family: "effra",sans-serif;
}
.galery{
	display:block;
	width:118px;
	margin:0 auto;
	background:url(../img/galery.png) top center no-repeat;
	padding-top: 90px;
	margin-bottom: 30px;
}
.galery span{
	display:block;
	font-size:11px;
	color: #acafb2;
	border: 1px solid #e9e9e9;
	text-align:center;
	padding:8px 0;
	letter-spacing:2px;
	font-family: "effra",sans-serif;
}
.links p a img{
	margin-bottom: 5px;
	transition:opacity 0.2s;
}
.links p a:hover img{
	opacity: 0.5;
}
.gradiant{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
}
.carousel.gradiant{
	padding-top:20px;
	min-height:500px !important;
}
.carousel{
	margin-bottom: 0px !important;
}
.gradiant .carousel-control.right, .gradiant .carousel-control.left, .carousel.gradiant .item{background:transparent !important;}
.gradiant .carousel-caption{
	position:relative !important;
	padding-top: 100px;
	left:0px !important;
	right:0px !important;
}
.fotoshadow img{
	background: url(../img/shadow.png) bottom center no-repeat;
	background-size: contain;
	padding-bottom: 70px;
	width: 100%;
}
.caracteristicas{
	text-align: left;
}
.caracteristicas h2{
	font-size:21px;
	color:#8b8f92;
	text-transform: uppercase;
	text-shadow:none !important;
	margin-top: 0px;
}
.line{
	display:block;
	height: 1px;
	background: url(../img/line.png) bottom left no-repeat;
}
.caracteristicas h3{
	font-size:26px;
	color:#484e56;
	text-transform: uppercase;
	text-shadow:none !important
}
.caracteristicas p{
	font-size:14px !important;
	color:#8b8e91;
	text-shadow:none !important;
	text-transform: none;
}
.servilist{
	position:relative;
	padding:100px 0 20px 0;
}
.servilist ul{
	display:block;
	width: 25%;
	float:left;
}
.servilist ul li{
	list-style: none;
}
.servilist ul li a{
	color:#929599;
}
.servilist ul li a:hover{
	text-decoration: none;
	color:#1f94ee;
}
.machinecircle{
	position: absolute;
	top:-40px;
	left:50%;
	margin-left: -40px;
}
.goright{
	display:block;
	z-index:100;
	position:absolute;
	top: 30px;
	right:150px;
	width:24px;
	height:37px;
	background: url(../img/next.png) top no-repeat;
	}
.goleft{
	display:block;
	z-index:100;
	position:absolute;
	top: 30px;
	right:200px;
	width:24px !important;
	height:37px;
	background: url(../img/back.png) top no-repeat;
	}
.goleft:hover, .goright:hover{
	background-position: bottom;
	}
.caracteristicas .flotatext{
	display:block;
	width:46%;
	float:left;
	font-size: 12px !important;
}
.right{
	float:right !important;
}
.hands{
	margin:6px 0 0 10px;
	}
.carousel-caption p strong{
	color:#2678dd;
}
.actualli{
	color: #1f94ee !important;
}


footer{ 
	padding:20px 0px; 
	margin-top:50px;
}
footer p{
	font-size: 14px;
	color:#929292;
	text-align:center;
}
footer p strong{
	font-weight: 400;
	color:#2678dd;
}

.webmarcas{
	position: relative;
	overflow: hidden;
}
#closeiframe{
	position: absolute;
	top: 20px;
	right: 100px;
	background: #2678dd;
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	border: 0px;
	color: #fff;
}




/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.col50{
		width: 100% !important;
		float: none !important;
		margin: 0px !important;
		text-align: center;
	}
	.hands{
		display:block;
		width: 49px;
		margin:0 auto;
		margin-top: 10px;
		}
	form input, .submit{
		margin: 0px;
		width:100%;
		padding: 0px !important;
		text-align: center;
		margin-bottom:20px;
	}
	textarea{
		width: 100% !important;
		margin-bottom: 20px;
	}
	.contactform{
		width:100% !important;
	}
	.grises{
		background:#e3e7eb !important;	
		padding:20px 0 !important;
	}
	.machine{
		background-position: top left !important;
		padding-right: 0px !important;
		padding-left: 100px;
	}
	.button_ampliar{
		float:none;
		text-align:center;
	}
	.machine h2{
		text-align:left !important;
	}
	.separacion .carro, .separacion .listas_de, .separacion .button_ampliar{
		margin-left: 0px !important;
	}
	.navbar{height:54px !important;}
	.nav>li{float: left;}
	.navbar-nav{margin:0px !important;}
	#wrapper{margin:0px !important;}
	.container>.navbar-collapse{
		background: #e3e7eb !important;
		margin:0px !important;
		padding-top:68px !important;
	}
	.navbar{margin-bottom: 0px !important;}
	form, .form_cierre{width: 100%;}
	.navbar-brand{
		position: absolute;
		left:20px;
		/*margin-left:-45px;*/
		width:100px;
		height:69px !important;
	}
	header .container{padding:0px !important; }
	.servilist{
		display:none;
	}
	.goright{
		display:block;
		position:absolute;
		top: 380px;
		right:15px;
		width:24px;
		height:37px;
		background: url(../img/next.png) top no-repeat;
	}
	.goleft{
		display:block;
		position:absolute;
		top: 380px;
		left:15px;
		width:24px !important;
		height:37px;
		background: url(../img/back.png) top no-repeat;
		}
	.caracteristicas h2{
		font-size:16px;
		text-align: center;
	}
	.line{
		background: url(../img/line.png) bottom center no-repeat;
	}
	.caracteristicas h3{
		font-size:20px;
		text-align: center;
	}
	.carousel, .carousel .item{
		height:250px !important
	}
	.gruas h2, .serviciostecnicos h2{
		font-size: 24px !important;
		margin-top: 100px !important;
		text-align: center;
		margin: 0px;
	}
	a.mb-scrollButtons.mb-right{
		right:26px !important;
	}
	a.mb-scrollButtons.mb-left{
		left:26px !important;
	}
	.mb-controls{
		display:none;
	}
	.carousel.gradiant{
		height:100%;
	}
	.carousel.gradiant .item{
		height:100%;
		transition:height 0.2s;
	}
	.servicios, .venta, .sat, .galeria, .contactar{
		height:250px;
	}
	.banners h2{
		font-family: "effra",sans-serif;
		line-height:250px;
		letter-spacing:13px;
	}
	.carousel.gradiant .item, .carousel.gradiant{
		height:100% !important;
	}
	.flotatext{
		font-size: 14px !important;
		width:100% !important;
		float:none !important;
	}
	.contactform{
		margin-bottom:0px !important;
	}
	.contacto_gris form input, .contacto_gris form textarea{
		margin:10px 0 !important;
	}
	.flotatext.right{
		float:none !important;
	}
	.gruas h2, .serviciostecnicos h2{
		width:100%;
	}
	.blanco h3{
		padding: 10px 0 !important;
	}
	#slider-one > li, .mb-inside, .mb-inside img{
		height:auto !important;
	}
	.mb-inside p{
		display:none !important;
	}
	.submit{
		margin-top:15px;
	}
	.contactform .submit2{
		width:100%;
	}
}