@font-face {
    font-family: 'mr_black';
    src: url('../fonts/locator_black-webfont.eot');
    src: url('../fonts/locator_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator_black-webfont.woff') format('woff'),
         url('../fonts/locator_black-webfont.ttf') format('truetype'),
         url('../fonts/locator_black-webfont.svg#locatorblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mr_bold';
    src: url('../fonts/locator_bold-webfont.eot');
    src: url('../fonts/locator_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator_bold-webfont.woff') format('woff'),
         url('../fonts/locator_bold-webfont.ttf') format('truetype'),
         url('../fonts/locator_bold-webfont.svg#locatorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mr_light';
    src: url('../fonts/locator_light-webfont.eot');
    src: url('../fonts/locator_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator_light-webfont.woff') format('woff'),
         url('../fonts/locator_light-webfont.ttf') format('truetype'),
         url('../fonts/locator_light-webfont.svg#locatorlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mr_medium';
    src: url('../fonts/locator_medium-webfont.eot');
    src: url('../fonts/locator_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator_medium-webfont.woff') format('woff'),
         url('../fonts/locator_medium-webfont.ttf') format('truetype'),
         url('../fonts/locator_medium-webfont.svg#locatormedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mr';
    src: url('../fonts/locator_regular-webfont.eot');
    src: url('../fonts/locator_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator_regular-webfont.woff') format('woff'),
         url('../fonts/locator_regular-webfont.ttf') format('truetype'),
         url('../fonts/locator_regular-webfont.svg#locatorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'mr_ultralight';
    src: url('../fonts/locator_ultralight-webfont.eot');
    src: url('../fonts/locator_ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/locator_ultralight-webfont.woff') format('woff'),
         url('../fonts/locator_ultralight-webfont.ttf') format('truetype'),
         url('../fonts/locator_ultralight-webfont.svg#locatorultralight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** 
 * 	
 * 
 * 
 * Bootstrap overwrite styles 
 * 
 * 
 *
 *  
 */

/** MODAL **/	
	
.modal {
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;

}
	.modal-header {
		color: #78BE20;
		text-transform: uppercase;
		border-color: #78BE20;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.modal-body {
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.modal-footer {
	  padding: 20px 15px;
	  background-color: #565554;
	  border-top: none;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
	  -webkit-box-shadow: 0;
	  -moz-box-shadow: 0;
	  box-shadow: 0;
	  *zoom: 1;
	}


/** INPUTS **/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-color: #DDD;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #78BE20;
  background: #F1F8E8;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}



/** Personalizo el aspecto global de los botones **/
.btn {
	padding-top: 6px;
	text-shadow: none;
	background-color: #f5f5f5;
	background-image: none;
	background-repeat: no-repeat;
  	filter: none;
	border-color: #CCC;
	border-color: #CCC;
	*background-color: #e6e6e6;
  	filter: none;
	border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	text-transform: uppercase;
	font-family: "mr_light";
}











body{
	font-family: "mr";
	padding-top: 20px;
	font-size: 15px;
	line-height: 26px;
}



@media (max-width: 767px)
{
	body {
		padding: 0;
	}
}
@media (max-width: 767px)
{
	.container {
		padding: 0 10px 0 10px;
	}
}


a{
	color: #000;
	text-decoration: underline;
}
a:hover{
	color: #E4002B;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	font-family: "mr_bold";
}






i.mricon{
	display: inline-block;
	margin-right: .3em;
	vertical-align: text-top;
	background-image: url("../img/sprite.png");
	background-repeat: no-repeat;
	margin-top: 3px;
}
	i.mricon.mricon-more{
		width: 16px;
		height: 16px;
		line-height: 16px;
		margin-top: 3px;
	}







/**
 * 	Layout Principal
 */

/* Encabezado global */
header#header{
	float: none;
	clear: both;
}

/* Wrapper contenidos */
section.section{
	float: none;
	clear: both;
}
	/* Nivel sección */
	header.section-header{
	}
	header.section-header-title{
	}
	header.section-header-content{
	}

	/** Navegación de sección */
	header.section-header-nav{
	}
	header.section-nav{
	}

	div.section-content{}
		/* Nivel página y contenidos específicos (article|aside|section) */
		div.section-content{}
			.page-section{}
				.page-section-header{}
					.page-section-header{}
					.page-section-header-title{}
					.page-section-header-content{}
					.page-section-header-links{}
				.page-section-content{}

/* Pie global */
footer#footer{
	float: none;
	clear: both;
}



.section-separator{
	border-top: 1px solid #FFF;
	padding-bottom: 10px !important;
	background-image: url("../img/section-bottom.png");
	background-repeat: no-repeat !important;
	background-position: bottom center;
	margin-bottom: 40px;
}





/**
* Header del sitio web
*/
#header{
	padding: 0;
}
	#header-logo{
		margin: 40px 0;
		line-height: 62px;
		background: transparent url("/static/assets/img/header-logo.png") no-repeat left top;
		height: 62px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: contain;
	}
		#header-logo a {
			width: 100%;
			height: 100%;
			display: block;
		}


	#w-header-sitename{
		line-height: 35px;
		color: #FFF;
		text-transform: uppercase;
		padding: 30px 0;
	}
		#header-sitename{
			font-family: "mr_bold";
			font-size: 30px;
			margin: 0;
		}


	
		#header-nav-site{
			line-height: 35px;
			height: 35px;
		}
			#header-nav-site ul {
				float: right;
			}

			#header-nav-site li {
				float: left;
			}
				#header-nav-site a {
					height: 35px;
					border: none;
					padding: 0px 10px;
					outline: none;
					border-radius: 0;
					color: #FFF;
					text-decoration: none;
					text-transform: uppercase;
					font-size: 14px;
					vertical-align: middle;
					text-align: center;
					margin: 0 5px;
					display: table-cell;
					vertical-align: bottom;
				}
					#header-nav-site a:hover {
						text-decoration: underline;
					}
					#header-nav-site a:first-child {
						margin-left: 0;
					}
					#header-nav-site a:last-child {
						margin-right: 0;
					}
	
	
	/**
	 * 	Reformulo el header para móbiles
	 */
	@media (min-width: 1200px)
	{
		#header-sitename{
			font-size: 35px;
		}

		#header-nav-site a {
			font-size: 16px;
		}

	}	
	
	@media (max-width: 767px)
	{
		#header-logo,
		#header-sitename{
			text-align: center;
			background-position: center top;
		}
		#header-sitename{
			font-size: 30px;
		}
		#header-nav-site{
		/*	display: none; */
			margin: 0 auto;
			float: none;
			display:table;
			white-space:nowrap;
		}
		#header-nav-site ul{
			float: none;
			display:table-row;
			white-space:nowrap;
		}
	}

	@media (max-width: 480px)
	{
		#header-nav-site{
			display: none;
		}
	}


/**
* 	Barra de navegación de productos
*/
#w-nav{
	background: #2C2A29;
	border-bottom: 1px solid #FFF;
}
	#nav{
		color: #FFF;
		height: 50px;
		margin: 0px auto;
		display:table;
		white-space:nowrap;
	}
		#nav ul{
			list-style:none;
			margin:0;
			padding:0;
			display:table-row;
			white-space:nowrap;
		}
		#nav ul li{
			 display:table-cell;
		}
			#nav ul li a{
			 	display:block;
				text-decoration:none;
				color:#FFF;
				padding: 0 10px;
				text-transform: uppercase;
				height: 50px;
				line-height: 50px;
				font-size: 115%;
			}
			#nav ul li.active,
			#nav ul li a:hover{
				background: #68BE20;
				-webkit-transition: 0.1s linear all;
				-moz-transition: 0.1s linear all;
				-o-transition: 0.1s linear all;
				transition: 0.1s linear all;
			}



/** Versión para escritorios anchos **/
/* Large desktop */
@media (min-width: 1200px)
{ 
	#nav ul li a{
		font-size: 125%;
		padding: 0 15px;
	}
}


/** Adapto para la versión de celulares **/
@media (max-width: 767px)
{
	#nav{
		height: 35px;
		line-height: 35px;
	}
	#nav ul li a{
		font-size: 12px;
		padding: 0 10px;
		height: 35px;
		line-height: 35px;
	}
}

/** Adapto para la versión de celulares **/
@media (max-width: 480px)
{
	#w-nav{
		margin: 0 0 40px 0;
	}
	#nav{
		color: #FFF;
		height: auto;
		margin: 0;
		display: block;
		white-space: normal;
	}
	#nav ul{
		list-style:none;
		margin:0;
		padding:0;
		display: block;
		white-space:normal;
		width: 100%;
	}
	#nav ul li{
		display: list-item;
		margin: 0 -10px;
		padding: 0;
		border-bottom: 1px solid #565554;
	}
		#nav ul li:last-child{
			border-bottom: 0;
		}
		#nav ul li a{
		 	display: block;
			text-decoration:none;
			color:#FFF;
			padding: 0 15px;
			text-transform: uppercase;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 140%;
		}
		#nav ul li.active,
		#nav ul li a:hover{
			background: #68BE20;
		}
}






/**
 * 	Pié de la página
 */
#footer{
	background: #2C2A29;
	padding: 40px 0 0 0;
	color: #C5C5C5;
	font-size: 90%;
}
	#footer h3{
		font-size: 130%;
		line-height: 100%;
		text-transform:uppercase;
		margin: 0 0 20px 0;
	}
	#footer a{
		color: #FFF;
	}

	#footer-contacto{
		line-height: 20px;
	}


	#footer-logos{
		text-align: center;
		position: relative;
		height: 200px;
	}
		#footer-logos-datafiscal{
			width: 75px;
		}
			#footer-logos-datafiscal img{
				width: 50px;
			}

		#footer-infosoft{
			background: #000;
			padding: 20px 0;
			margin-top: 40px;

		}




	@media (max-width: 767px)
	{
		.col {
			text-align: center;
			margin-top: 30px;
		}
		.col:first-child {
			margin-top: 0;
		}
	}














/**
 * 	Barra con los enlaces a otros sitios web
 */
#nav-top{
	height: 25px;
	background: #2C2A29;
	color: #FFF;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
	#nav-top ul {
		float: right;
	}

	#nav-top li {
		margin: 0 10px;
		float: left;
	}
		#nav-top a{
			color: #FFF;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 12px;
			display: block;
			line-height: 25px;
		}
		#nav-top a:hover{
			text-decoration: underline;
		}




/** 
 *
 * 
 *  	Encabezado de sección
 * 
 * 
 * 
 */
.section-header{
	padding: 60px 0;
}
	.section-header-title{
		color: #78BE20;
		font-size: 40px;
		text-transform: uppercase;
		margin: 0 0 30px 0;
	}
	
	.section-header-content p:last-child{
		margin-bottom: 0;
	}




/** tipos de encabezados de sección */
.section-header-home{
}
	.section-header-home .section-header-title{
		
	}
	.section-header-home .section-header-content{
		font-size: 26px;
		line-height: 32px;
		font-family: "mr_light";
	}



/** Encabezado de sección Internas */
.section-header-inner{
	height: 250px;
	border-bottom: 1px solid #DDD;
	padding: 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 50px 0;
}
		.section-header-inner .section-header-title{
			text-align: center;
			color: #78BE20;
			text-transform: uppercase;
			height: 60px;
			font-size: 40px;
			line-height: 40px;
			margin: 0 0 40px 0;
		}
			.section-header-inner .section-header-title small{
				display: block;
				font-size: 20px;
				line-height: 22px;
				height: 22px;
				font-family: "mr_light";
				margin-top: 20px;
				text-transform: none;
			}
		
			.section-header-inner .section-header-nav{
				color: #FFF;
				height: 50px;
				margin: 0px auto;
				display:table;
				white-space:nowrap;
			}
				.section-header-inner .section-header-nav ul{
					list-style:none;
					margin:0;
					padding:0;
					display:table-row;
					white-space:nowrap;
					border: 1px solid #DDD;
				}
					.section-header-inner .section-header-nav ul li{
						 display:table-cell;
						 border: 1px solid #DDD;
						 border-right: 0;
						 background: #FFF;
					}
					.section-header-inner .section-header-nav ul li:last-child{
						 border-right: 1px solid #DDD;
					}
						.section-header-inner .section-header-nav ul li a{
						 	display:block;
							text-decoration:none;
							color: #2C2A27;
							padding: 0 20px;
							text-transform: uppercase;
							height: 50px;
							line-height: 50px;
							font-size: 110%;
						}
						.section-header-inner .section-header-nav ul li.active,
						.section-header-inner .section-header-nav ul li.active a,
						.section-header-inner .section-header-nav ul li a:hover{
								background: #78BE20;
								color: #FFF;
								-webkit-transition: 0.2s linear all;
								-moz-transition: 0.2s linear all;
								-o-transition: 0.2s linear all;
								transition: 0.2s linear all;
							}










/**
 * 	
 *
 * 
 * 	Contenido principal (página)
 * 
 * 
 */
.page-section{
	margin-bottom: 50px;
}
/** Sección destacada **/
.page-section-featured{
	background: #EEEEEE;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 40px 0;
}
	.page-section-header{
		
	}

		.page-section-header-title{
			font-size: 30px;
			text-transform: uppercase;
			margin: 0 0 20px 0;
			color: #2C2A29;
		}
		h1.page-section-header-title{ font-size: 40px;}
		h2.page-section-header-title{ font-size: 26px;}
		h3.page-section-header-title{ font-size: 22px;}

		.page-section-header-title small{
			display: block;
			font-size: 50%;
			font-family: "mr_light";
		}


		.page-section-header-content{}

		.page-section-header-links{
		}
			.page-section-header-links li{
				border-top: 1px dotted #CCC;
				padding: 8px 0;
				list-style-image: url("/static/assets/img/vignete-red-5.png");
				list-style-position: inside;
			}
			.page-section-header-links li:last-child{
				border-bottom: 1px dotted #CCC;
			}
			.page-section-header-links li a{
				text-decoration: none;
				color: #E4002B;
			}
			.page-section-header-links li a:hover{
				text-decoration: underline;
			}
		



	/**
	 * 	Menú de navegación para las secciones (caso blog por ejemplo)
	 */
	.page-section-nav{
		margin-bottom: 40px;
	}

		.page-section-nav-title{
			font-size: 18px;
			line-height: 20px;
			height: 20px;
			text-transform: uppercase;
			margin: 0 0 10px 0;
			color: #78BE20;
			font-family: "mr_light";
		}


		.page-section-nav-title small{
			display: block;
			font-size: 50%;
			font-family: "mr_light";
		}


		.page-section-nav-content{}

		.page-section-nav-links{
		}
			.page-section-nav-links li{
				border-top: 1px dotted #CCC;
				padding: 8px 0;
				list-style-image: url("/static/assets/img/vignete-red-5.png");
				list-style-position: inside;
			}
			.page-section-nav-links li:first-child{
				border-top: none;
			}

			.page-section-nav-links li:last-child{
				border-bottom: 1px dotted #CCC;
			}
			.page-section-nav-links li a{
				text-decoration: none;
				color: #E4002B;
			}
			.page-section-nav-links li a:hover{
				text-decoration: underline;
			}
			.page-section-nav-links li.active a{
				font-weight: bold;
			}




		
	.page-section-content{}

	.page-section-content h1,
	.page-section-content h2,
	.page-section-content h3,
	.page-section-content h4,
	.page-section-content h5,
	.page-section-content h6{
		font-weight: normal;
		font-family: "mr_light";
		margin: 30px 0 20px 0;
	}

	.page-section-content h1{}
	.page-section-content h2{margin: 30px 0 20px 0;}
	.page-section-content h3{margin: 20px 0 10px 0;}
	.page-section-content h4{margin: 20px 0 10px 0;}
	.page-section-content h5{}
	.page-section-content h6{}






/*
 * 
 * Sección Features Boxes
 * 
 * 
 */
.wdg-features{
	
}
	.feature-box{
		width: 100%;
		background: #FAFAFA;
		border: 1px solid #EEE;
		padding: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.feature-box-title{
		font-size: 22px;
		font-family: "mr";
		text-transform: uppercase;
		color: #78BE20;
		line-height: 25px;
		margin: 0 0 20px 0;
		clear: both;
	}

	.feature-box-image{
		text-align: center;
		margin-bottom: 30px;
		float: left;
		margin-right: 20px;
	}
	.feature-box-content{
		clear: both;
		font-size: 130%;
		line-height: 130%;
		text-align: left;
		width: 80%;
	}
	@media (max-width: 480px)
	{
		.wdg-features .row [class*="span"]:last-child .feature-box{
			margin-bottom: 0;
		}

		.feature-box{
			margin-bottom: 40px;
		}
		.feature-box-image{
			display: none;
		}
		.feature-box:last-child{
		}
	}


/**
 * 	Layout de páginas de secciones
 */

/** Layout a dos columnas */
.section.layout-2c{
	
}
	/** Columna 1 **/
	.section-nav{
		
	}

	/** Columna 2 **/
	.section-nav{
		
	}







