/* ----------- TEMPLATE      */
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.lato{
		font-family: 'Lato', sans-serif;
	}

	body{
		font-weight: 300;
		font-size: 30px;
	}
	#verdelarge{
		min-height:1250px;
	}

	.bg-blue{
		background: url(../img/bg8.jpg) bottom repeat-x rgb(60,150,230);
		padding-bottom: 100px;
	}
	#verde{
		background-image: linear-gradient(rgb(80,128,107), rgb(83,141,12));
	}
	#nueve{
		background-size: cover;
		background-position: bottom center;
		background-image: url(../img/9.jpg);
		min-height:601px;
	}
	.border-v-white{
		border-left: 4px solid white;
		border-right: 4px solid white;
	}
	.input-agro{
		border-radius:20px;
		border:solid 1px rgb(0,90,180);
	}

	.input-agro::-webkit-input-placeholder { color: rgb(0,90,180) } /* WebKit */
	.input-agro:-moz-placeholder { color: rgb(0,90,180) } /* Firefox 18- */
	.input-agro::-moz-placeholder { color: rgb(0,90,180) } /* Firefox 19+ */
	.input-agro:-ms-input-placeholder { color: rgb(0,90,180) } /* IE 10+ */

	.font-65{
		font-size:2.2em;
	}
	.font-55{
		font-size:1.8em;
	}
	.font-45{
		font-size:1.5em;
	}
	.font-40{
		font-size:1.3em;
	}
	.font-35{
		font-size:1.1em;
	}
	.font-30{
		font-size:1em;
	}

/* ----------- COLORES      */
	body,
	a,
	a:hover,
	.color-general,
	.social-head:hover,
	.social-head{
		color: #555;
	}
	.list-white i.social,
	.sidebar a:hover,
	.sidebar a.uk-active,
	.uk-nav-default > li > a:hover,
	.uk-nav-default > li.uk-active > a,
	.uk-nav-default > li.uk-active > a:hover,
	.uk-navbar-dropdown-nav a:hover,
	.uk-navbar-nav > li.uk-active > a,
	.uk-navbar-nav > li:hover > a,
	.uk-navbar-nav > li > a:focus,
	.uk-navbar-nav > li > a.uk-open,
	em,
	.textfooter li a:hover,
	.textfooter li.uk-active a,
	.uk-button-pag,
	.color-primary,
	.color-primary-hover:hover{
		color: rgb(193,134,19);
	}
	.color-secondary{
		color: #000;
	}

	footer i,
	footer a,
	footer{
	}

	.uk-nav-default > li > a{
	}

	.color-rojo{
		color: #c4262e;
	}
	thead,
	.color-gris-9{
		color: #8c8b8b;
	}
	.color-gris-7{
		color: #777;
	}
	.color-gris-6{
		color: #666;
	}
	.color-gris-4{
		color: #444;
	}
	.color-gris{
		color: #a7a6a4;
	}
	.color-gris-3{
		color: #333;
	}
	.color-gris-2{
		color: #222;
	}
	nav a,
	nav a:hover,
	.social,
	.uk-navbar-nav > li > a,
	.uk-navbar-dropdown-nav a,
	.color-negro{
		color: #000;
	}
	.color-gris-a,
	.color-gris-a:hover
	{
		color: #a6a8ab;
	}
	.color-gris-d{
		color: #ddd;
	}
	i.social,
	.textfooter li a,
	.color-blanco,
	.color-blanco:hover{
		color: white;
	}

/* ----------- FONDOS       */
	.bg-white{
		background: #FFF;
	}
	.bg-gris-oscuro{
		background: #333;
	}
	.uk-subnav-pill > .uk-active > a,
	.bg-primary-hover:hover,
	.bg-primary{
		background:rgba(99,167,10,.8);
	}
	.ajax-file-upload {
		background: #000!important;
	}
	i.social,
	.bg-secondary{
		background: rgb(193,134,19);
	}
	.bg-danger,
	.bg-red{
		background: #e30613;
	}
	.bg-success{
		background: #32d296;
	}
	.bg-yellow{
		background: #f6b61a;
	}
	.bg-azulado{
		background: #517d90;
	}
	.bg-beige{
		background: #eae7e1;
	}
	.bg-black{
		background: black;
	}
	.bg-gris{
		background: #33353a;
	}
	.bg-gris-claro{
		background: #f9f9f9;
	}
	.bg-azul{
		background: #0695bd;
	}
	.bg-dark{
		background: rgba(0,0,0,.6);
	}
	.bg-alpha-red{
		background: rgba(250,0,0,.7);
	}
	.bg-claro{
		background: rgba(255,255,255,.5);
	}
	.bg-claro2{
		background: rgba(255,255,255,.9);
	}
	.bg-oscuro{
		background: rgba(0,0,0,.5);
	}
	.bg-alpha-cofe{
		background: rgba(40,29,17,.8);
	}
	.bg-test1{
		background: #ff0;
	}
	.bg-test2{
		background: #f0f;
	}
	.bg-test3{
		background: #0ff;
	}
	.bg-negro-brillante{
		background: rgb(3,1,3);
	}
	.bg-naranja{
		background: #c40e8b;
	}
	.bg-degradado{
		background: linear-gradient(rgba(0,0,0,.2), transparent);
	}

/*  ---------- TEMPLATE     */
	body{
		overflow: hidden;
	}
	#preloader {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:9999!important; 
	}

/*  ---------- GENERALES    */
	#cotizacion-fixed{
		top:0;
		right:0px;
		width:30px;
		z-index: 1011;
	}
	#cotizacion-fixed div{
		width: 40px;
		position: fixed;
		right: 0;
		top: 50%;
		margin-top: -150px;
	}
	#cotizacion-fixed a{
	}
	a{
		text-decoration: none!important;
	}
	.uk-navbar-nav > li > a,
	a,
	a:hover,
	.uk-button,
	.uk-button:hover,
	.transicion,
	.transicion:hover,
	.imagen-naranja,
	.imagen-negro{
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	#totop{
		position: fixed;
		right: 35px;
	}
	#totop a{
		color: white;
		font-size: 30px;
		height: 60px;
		width: 60px;
	}
	h1{
		font-size: 1.2em;
	}
	h2{
		font-size: 1.1em;
	}
	h3,h4,h5,h6{
		font-size: 1em;
	}
	.alpha0{
		opacity: 0;
	}
	.claro,
	.alpha-1-5:hover{
		opacity:.6;
	}
	.oscuro,
	.alpha-1-0:hover{
		opacity:0;
	}
	.alpha-1-0,
	.alpha-1-5,
	.claro:hover,
	.oscuro:hover,
	.alpha1hover:hover{
		opacity: 1;
	}
	.margen-0{
		margin: 0;
	}
	.margen-top-5{
		margin-top: 5px;
	}
	.margen-top-10{
		margin-top: 10px;
	}
	.margen-top-20{
		margin-top: 20px;
	}
	.margen-top-50{
		margin-top: 50px;
	}
	.margen-top-menos-150{
		margin-top: -150px;
	}
	.margen-top-menos-100{
		margin-top: -100px;
	}
	.margen-top-menos-50{
		margin-top: -50px;
	}
	.margen-top-menos-20{
		margin-top: -20px;
	}
	.margen-top-menos-10{
		margin-top: -10px;
	}
	.margen-bottom-50{
		margin-bottom: 50px;
	}
	.margen-h-5{
		margin-left: 5px;
		margin-right: 5px;
	}
	.margen-v-20{
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.margen-v-50{
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.margen-v-70{
		margin-bottom: 70px;
		margin-top: 70px;
	}
	.padding-bottom-20{
		padding-bottom: 20px;
	}
	.padding-bottom-50{
		padding-bottom: 50px;
	}
	.padding-bottom-100{
		padding-bottom: 100px;
	}
	.padding-bottom-500{
		padding-bottom: 500px;
	}
	.padding-top-5{
		padding-top: 5px;
	}
	.padding-top-10{
		padding-top: 10px;
	}
	.padding-top-20{
		padding-top: 20px;
	}
	.padding-top-30{
		padding-top: 30px;
	}
	.padding-top-40{
		padding-top: 40px;
	}
	.padding-top-50{
		padding-top: 50px;
	}
	.padding-top-100{
		padding-top: 100px;
	}
	.padding-v-3{
		padding-bottom: 3px;
		padding-top: 3px;
	}
	.padding-v-5{
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.padding-v-10{
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.padding-v-20{
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.padding-v-50{
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.padding-v-100{
		padding-bottom: 100px;
		padding-top: 100px;
	}
	.padding-left-10{
		padding-left: 10px;
	}
	.padding-left-20{
		padding-left: 20px;
	}
	.padding-left-50{
		padding-left: 50px;
	}
	.padding-left-100{
		padding-left: 100px;
	}
	.padding-right-10{
		padding-right: 10px;
	}
	.padding-right-20{
		padding-right: 20px;
	}
	.padding-right-50{
		padding-right: 50px;
	}
	.padding-h-10{
		padding-left: 10px;
		padding-right: 10px;
	}
	.padding-h-20{
		padding-left: 20px;
		padding-right: 20px;
	}
	.padding-h-50{
		padding-left: 50px;
		padding-right: 50px;
	}
	.padding-h-70{
		padding-left: 70px;
		padding-right: 70px;
	}
	.padding-0{
		padding: 0px;
	}
	.padding-5{
		padding:5px;
	}
	.padding-10{
		padding:10px;
	}
	.padding-15{
		padding:15px;
	}
	.padding-20{
		padding:20px;
	}
	.padding-50{
		padding:50px;
	}
	.min-height-150px{
		min-height: 150px;
	}
	.min-height-250px{
		min-height: 250px;
	}
	.max-height-150px{
		max-height: 150px;
	}
	.max-height-300px{
		max-height: 300px;
	}
	.min-height-500px{
		min-height: 500px;
	}
	.max-width-200{
		max-width: 200px;
	}
	.max-width-600{
		max-width: 600px;
	}
	.pointer{
		cursor: pointer;
	}
	#map{
		height: 400px;
	}
	.text-5{
		font-size: .5em;
	}
	.text-6{
		font-size: .6em;
	}
	.text-xs,
	.text-7{
		font-size: .7em;
	}
	.text-8{
		font-size: .8em;
	}
	.text-sm,
	.text-9
	{
		font-size: .9em;
	}
	.text-11
	{
		font-size: 1.1em;
	}
	.text-lg{
		font-size: 1.2em;
	}
	.text-xl{
		font-size: 1.5em;
	}
	.text-xxl{
		font-size: 2em;
	}
	.text-xxxl{
		font-size: 3em;
	}

	.text-v{
		writing-mode: vertical-lr;
		transform: rotate(180deg);
	}
	.uk-text-bold{
		font-weight: 600;
	}
	.uk-text-light{
		font-weight: 300;
	}



	.uk-lightbox {
		background: rgba(0,0,0,.7)!important;
	}
	.uk-notification-message{
		background: none!important;
		color: white;
		text-align: center;
	}
	.uk-notification-message div{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	textarea{
		resize:none;
	}


	/* BUTTONS */
		.uk-button{
			font-weight: 700;
		}

		/* DANGER */
		.uk-button-danger{
			background: #f00;
			color: #fff;
		}
		.uk-button-danger:active,
		.uk-button-danger.uk-active,
		.uk-button-danger:hover,
		.uk-button-danger:focus{
			background: #d00;
			color: #fff;	
		}

		/* PERSONAL */
		.uk-button-personal {
			background: black;
			color: white;
		}
		.uk-button-personal:active,
		.uk-button-personal.uk-active,
		.uk-button-personal:hover,
		.uk-button-personal:focus {
			background-color: rgb(193,134,19);;
			color: white;
		}

		/* PAGINATION */
		.uk-button-pag {
			border: 2px solid #AAA;
		}
		.uk-button-pag:active,
		.uk-button-pag.uk-active,
		.uk-button-pag:hover,
		.uk-button-pag:focus {
			background-color: white;
			color: #fac200;
		}

		/* INVERSE */
		.uk-button-inverse {
			background-color: white;
			color: black;
			border: 2px solid white;
			border-radius: 50px;
		}
		.uk-button-inverse:active,
		.uk-button-inverse.uk-active,
		.uk-button-inverse:hover,
		.uk-button-inverse:focus {
			background-color: black;
			color: white;
		}

		/* totop */
		.uk-button-totop,
		.uk-button-totop:hover,
		.uk-button-totop:focus,
		.uk-button-totop:active,
		.uk-button-totop.uk-active {
			background-color: #333;
			color: #fff;
		}

		/*  BLANCO */
		.uk-button-white {
			background-color: #fff;
			color: #333;
			border: 1px solid #fff;
		}
		.uk-button-white:hover,
		.uk-button-white:focus
		.uk-button-white:active,
		.uk-button-white.uk-active {
			background-color: #EEE;
			color: #111;
		}

/* ----------- XML SITE MAP */
	urlset{
		background: url(../img/design/logo-white.svg) no-repeat top center #000;
		padding-top: 110px;
	}
	url {
		background: #fff;
		display: block;
		padding: 10px;
	}
	loc{	
		display: block;
		margin: 0 auto;
		width: 1200px;
	}

/* ----------- MEDIA QUERY  */
	@media (max-width: 1650px){
		body{
			font-size: 25px;
		}
		#verdelarge{
			min-height: 1000px;
		}
		.visible-xl{
			display: none;
		}
	}
	@media (max-width: 1400px){
		body{
			font-size: 25px;
		}
		#nueve{
			min-height: 400px;
		}
	}
	@media (max-width: 1250px){
		body{
			font-size: 22px;
		}
	}
	@media (max-width: 1200px){ /*Para dispositivos abajo de l*/
	}
	@media (max-width: 960px) { /*Para dispositivos abajo de m*/
		body{
			font-size: 18px;
		}
	}
	@media (max-width: 640px) {   /* comienza el tamaño abajo de s*/
		body{
			font-size: 16px;
		}
	}