/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}

	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:7px 0 0 0;}

	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-weight:700;}

	a {color:#266E9E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}

	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}

	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}

	ul {margin:0;padding:0;list-style:none;}
	ol {margin:15px;}

	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}

	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}

	svg:not(:root) {overflow:hidden;}

	figure {margin:0;}

	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {background-color:#F0DDDD;}

	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}

/* =============================================================================
   General Styles
   ========================================================================== */

   /* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */
   @font-face {
	    font-family:'gralfont';
	    src:url('fonts/avenir.eot');
	    src:url('fonts/avenir.eot?#iefix') format('embedded-opentype'),
	        url('fonts/avenir.woff') format('woff'),
	        url('fonts/avenir.ttf') format('truetype'),
	        url('fonts/avenir.svg#font-name') format('svg');
	    font-weight:normal;
	    font-style:normal;
	}
	@font-face {
	  font-family: 'headings';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Eurostile'), local('Eurostile Regular'), url(fonts/headings.woff) format('woff');
	}
	body {
		font-family:"gralfont", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
		font-size:18px;
		line-height:24px;
		-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
		color:#b0b0b0;
		background: #fff url(images/textura_spifil.png) repeat;
		text-align: justify;
	}
	.wrapper{
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
	.bgwrapper{
		background: #fff url(images/page-bg.png) no-repeat top center;
	}
	.big{
		font-size: 22px;
		font-weight: bold;
	}

	.lang-switcher{
		background: #A4A4A4;
		color: #FFFFFF;
		height: 32px;
		text-align: right;
		width: 1000px;
		margin: 0 auto 0 auto;
		font-size: 15px;
		font-family: 'headings';
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 3px 5px 0 0;
		box-shadow: 0 -5px 10px rgba(0,0,0,0.5);
	}

	.lang-switcher a{
		color: #FFF;
	}

	#logos{
		position: relative;
		bottom: 0; right: 50%;
		margin: 10px -500px 10px auto;
		width: 680px;
		height: 47px;
		text-align: right;
		float: right;
		font-family: "Headings";
		font-size: 11pt;
		color: rgba(0,0,0,0.8);
	}

	#copyright{
		position: relative;
		bottom: 0; left: 50%;
		margin: 10px auto 10px -500px;
		width: 280px;
		height: 47px;
		text-align: left;
		float: left;
		font-family: "Headings";
		font-size: 10pt;
		color: rgba(0,0,0,0.8);
		padding-left: 5px;
	}

	#copyright a{
		color: #EA401B;
	}
/* =============================================================================
   Structure
   ========================================================================== */

/** INTRO **/

#home-slides{
	width: 1000px;
	height: 514px;
	overflow: hidden;
	box-shadow: 0 5px 30px rgba(0,0,0,0.5);
	position: relative; /** jsut to make sure the shadow is infront of bot nav **/
	z-index: 2;
}
#bottom-nav{
	background: url(images/bot-bg.png) repeat-x;
	height: 187px;
	overflow: hidden;
	margin: 0;
	width: 1000px;
}
.logo{
	display: block;
	width: 94px;
	margin: 30px auto 0;
}
.lan_change, .lan_change a{
	color: #fff;
	font-family: "headings", Helvetica, Arial, sans-serif;
	font-size: 19px;
	margin-top: 20px;
	text-align: center;
	word-spacing: 10px;
}

/** HOME **/

.home-espanol{
	width: 999px;
	height: 700px;
	margin: 0 auto;
	background: url(images/home-bgs.jpg) no-repeat top left;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.move-contacto{
	background-position: -2000px 0;
}
.move-localidades{
	background-position: -1000px 0;
}
.move-historia{
	background-position: -2000px -700px;
}
.move-productos{
	background-position: -1000px -700px;
}
.move-nosotros{
	background-position: 0 -700px;
}
.home-espanol a{
	display: block;
	cursor: pointer;
	position:absolute;
	float: left;
	/*******/
	border: solid 2px rgba(180, 51, 19, 0.9);
	border-radius: 50%;
	padding: 2px;
	-webkit-animation-duration: 5s !important;
	-webkit-animation-iteration-count: infinite;
	animation-duration: 5s !important;
	animation-iteration-count: infinite;
}
.home-espanol a:hover{
	border: 0;
}
.home-nosotros{
	width: 32px;
	height: 32px;
	top: 514px;
	margin-left: 234px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	/*top: 521px;
	margin-left: 236px;*/
}
.home-nosotros:hover{
	width: 104px;
	height: 60px;
	top: 503px;
	margin-left: 196px;
}
.home-historia{
	width: 32px;
	height: 32px;
	top: 453px;
	margin-left: 359px;
	padding: 0 !important;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
/*	top: 458px;
	margin-left: 360px;*/
}
.home-historia:hover{
	width: 84px;
	height: 66px;
	top: 438px;
	margin-left: 335px;
}
.home-productos{
	width: 32px;
	height: 32px;
	top: 482px;
	margin-left: 572px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	/*top: 488px;
	margin-left: 575px;*/
}
.home-productos:hover{
	width: 104px;
	height: 90px;
	top: 458px;
	margin-left: 540px;
}
.home-localidades{
	width: 32px;
	height: 32px;
	top: 395px;
	margin-left: 727px;
	padding: 0 !important;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	/*top: 398px;
	margin-left: 728px;*/
}
.home-localidades:hover{
	width: 140px;
	height: 75px;
	top: 378px;
	margin-left: 678px;
}
.home-contacto{
	width: 32px;
	height: 32px;
	top: 484px;
	margin-left: 909px;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
	/*top: 489px;
	margin-left: 912px;*/
}
.home-contacto:hover{
	width: 100px;
	height: 70px;
	top: 469px;
	margin-left: 878px;
}

.slogan{
	position: absolute;
	top: 704px;
	left: 50%;
	text-align: center;
	width: 600px;
	margin-left: -290px;
	color: #FFF;
	font-family: 'headings';
	font-size: 11pt;
}

.intermitente{
	-webkit-animation-name: intermitente;
	animation-name: intermitente;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes intermitente{
	0%,25%,50%, 75%, 100%{
		opacity:1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	13%,37%, 63%, 87%{
		opacity:0.3;
		-webkit-transform: scale(.95);
		-moz-transform: scale(.95);
		-ms-transform: scale(.95);
		-o-transform: scale(.95);
		transform: scale(.95);
	}
}
@keyframes intermitente{
	0%,25%,50%, 75%, 100%{opacity:1;}
	13%,37%, 63%, 87%{opacity:0.3;}
}

/*** HISTORIA ***/
.text-content-full{
	width: 842px;
	margin: 0 auto;
	word-break: hyphenate;
}
.historia-text{
	height: 245px;
	overflow-y: hidden;
	margin: 30px auto 30px auto;
}
.navigation a{
	color: #8a8c8f;
}
.navigation{
	background: url(images/nav-bg.png) repeat-x;
	height: 119px;
}
.navigation > li{
	float: left;
	padding-top: 45px;
	padding-bottom: 45px;
	min-width: 113px;
	text-align: center;
	font-family: "headings", helvetica, arial, sans-serif;
}
.navigation > li.first-item{
	margin-left: 25px;
}
.navigation > li.second-item{
	margin-left: 45px;
}
.navigation > li.third-item{
	margin-left: 43px;
}
.navigation > li.fourth-item{
	margin-left: 53px;
}
.navigation > li.fifth-item{
	margin-left: 51px;
}
.navigation > li.sixth-item{
	margin-left: 59px;
}
.navigation > li.active, .navigation > li:hover{
	background: url(images/active-nav.png) no-repeat;
	background-position: 50% 1px;
	color: #fff;
}
.navigation > li.active a, .navigation > li:hover a{color: #fff;}

.productsubnav{
	position: absolute;
	font-size: 14px;
	line-height: 1.2;
	text-align: left !important;
	margin-left: 110px;
	margin-top: -105px;
}
.productsubnav li{
	padding-left: 12px;
}
.productsubnav li.current, .productsubnav li:hover{
	background: url(images/redbullet.png) no-repeat 0 4px;
}
.productsubnav li a{
	color: #8a8c8f !important;
	font-weight: bold;
}
.localidadessubnav{
	margin-top: -64px;
}

/** ASESORIA **/
.map-asesoria{
	width: 100%;
	height: 535px;
	background: url(images/map2.png) no-repeat top left;
	overflow: hidden;
}
.big-globe{
	background: url(images/bigglobe.png) no-repeat top left;
	width: 612px;
	height: 450px;
	overflow: hidden;
	margin: 15px 0 0 250px;
}
.asesoria-text{
	width: 380px;
	height: 380px;
	overflow-y: hidden;
	float: right;
	margin: 20px 20px 0 0;
	color: #fff;
	font-family: 'headings';
}
strong{
	font-weight: bold;
}
/** FOOTER **/
footer{
	background: url(images/bot-bg.png) repeat-x;
	height: 90px;
}
/*** NOSOTROS **/
.nosotros-img{
	/*height: 222px;*/
	width: 100%;
	text-align: center;
}
.big-padding-bot{
	/*padding-bottom: 113px;*/
}
.nosotros-text{
	height: 157px;
	margin: 40px auto 87px;
}

/*** EVENTOS **/
.gal_btn{
	background-repeat: no-repeat;
	height: 32px;
	margin: 20px 0;
	width: 1000px;
	cursor: pointer;
}
.gal_btn:hover{
	background-position: bottom;
}
.congreso_btn{
	background-image: url(images/eventos/titulo_1.jpg);
}
.visita_btn{
	background-image: url(images/eventos/titulo_2.jpg);
}
.congreso_btn_en{
	background-image: url(images/eventos/titulo_1_en.jpg);
}
.visita_btn_en{
	background-image: url(images/eventos/titulo_2_en.jpg);
}
/*** EVENTOS **/
/*** PRODUCTS **/
.products-text{
	float: right;
	width: 630px;
	height: 177px;
	overflow-y: hidden;
	margin: 60px 60px 78px 0;
}
.container{
	width: 100%;
	overflow: hidden;
}
#products-title{
	width: 180px;
	margin-left: 60px;
	margin-top: 60px;
	float: left;

	font-family: "headings", helvetica, arial, sans-serif;
	text-transform: uppercase;
}
#products-title h1{
	font-weight: normal;
	letter-spacing: 4px;
	padding: 5px 0 5px 18px;
	font-size: 18px;
	text-align: left;
}
#products-title h1 a{
	color: #d1d1d1;
}
#products-title h1.active-page, #products-title h1:hover{
	background: url(images/product-title-bullet.png) no-repeat top left;
}
#products-title h1.active-page a, #products-title h1:hover a{
	color: #575757;
}
.products-aire-examples{
	width: 100%;
	overflow: hidden;
}
.serial{
	float: left;
	width: 25%;
	font-weight: bold;
	padding: 3px 0;
}
.name{
	float: left;
	width: 75%;
	padding: 3px 0;
}
/** LOCALIDADES **/

.map{
	background: url(images/map.png) no-repeat top center;
	width: 1000px;
	height: 510px;
	overflow: hidden;
}
.redball{
	width: 10px;
	height: 10px;
	background: transparent;
	position: relative;
	border-radius: 100px;
	cursor: pointer;
	z-index: 100;
}
.texas{
	top: 206px;
	left: 158px;
}
.veracruz{
	top: 234px;
	left: 158px;
}
.peru{
	top: 338px;
	left: 241px;
}
.francia{
	top: 122px;
	left: 478px;
}
.map-dialog{
	background: url(images/redglobe.png) no-repeat top left;
	color: #fff;
	padding: 45px 15px 0 25px;
	text-align: center;
	width: 125px;
	height: 106px;
	position: relative;
	font-family: "headings", helvetica, arial, sans-serif;
	display:none;
}
.spifil-name{
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}
.spifil-loc, .spifil-mail{
	font-size: 15px;
	line-height: 1;
}
.spifil-person{
	font-size: 13px;
	line-height: 1;
}
.map-dialog[data-place="texas"]{
	top: 20px;
	left: 157px;
}
.map-dialog[data-place="veracruz"]{
	top: 60px;
	left: 157px;
}
.map-dialog[data-place="peru"]{
	top: 172px;
	left: 240px;
}
.map-dialog[data-place="francia"]{
	top: -34px;
	left: 480px;
}
.map-dialog[data-place="peru"] .spifil-name{
	margin-top: -15px;
}
/** CONTACTO **/

/*.espanol-form input[type="text"]{
	width: 521px;
	height: 35px;
	background: url(images/nombre-field.png) no-repeat;
	border: none;
	color: #fff;
	padding-left: 130px;
	margin: 129px auto 0;
}*/
.espanol-form input[type="text"]{
	width: 631px;
	height: 35px;
	background: #e33d37;
	border: none;
	color: #fff;
	margin: 20px auto 0 auto;
	padding: 0 10px;
}
/*.espanol-form input[type="email"]{
	width: 521px;
	height: 35px;
	background: url(images/email-field.png) no-repeat;
	border: none;
	color: #fff;
	padding-left: 130px;
	margin: 20px auto;
}*/
.espanol-form input[type="email"]{
	width: 631px;
	height: 35px;
	background: #e33d37;
	border: none;
	color: #fff;
	margin: 20px auto 0 auto;
	padding: 0 10px;
}
/*.espanol-form textarea{
	width: 521px;
	height: 132px;
	background: url(images/mensaje-field.png) no-repeat;
	border: none;
	color: #fff;
	padding-left: 130px;
}*/
.espanol-form textarea{
	width: 631px;
	height: 112px;
	background: #e33d37;
	border: none;
	color: #fff;
	padding: 10px;
	margin: 20px auto;
}
.espanol-form input[type="submit"]{
	width: 137px;
	height: 27px;
	background: url(images/enviar-field.png) no-repeat;
	border: none;
	clear: both;
	float: right;
	margin: 20px 70px 0 0;
}
::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

:-ms-input-placeholder {
   color: #fff;
}
.espanol-form{
	width: 721px;
	height: auto;
	margin: 110px auto auto 110px;
}
.email-send{
	text-align: center;
	width: 100%;
	margin: 20px 0 60px;
	clear: both;
	font-weight: bold;
}

.galeria{
	width: 1000px;
	height: 195px;
	overflow: hidden;
}

.internal{
	width: 1500px;
}

.internal img{
	display: inline-block;
	margin-left: -95px;
	text-wrap: none;
	float: left;
}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */

   /* Custom Selection Styles */
   ::selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-moz-selection {background:#D31245;color:#FFF;text-shadow:none;}

   /* Input focus styles */
   input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */

/* ==========================================================================
   Print styles
   ========================================================================== */

	@media print {
		* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
		a,a:visited {text-decoration:underline;}
		a[href]:after {content:" (" attr(href) ")";}
	    abbr[title]:after {content:" (" attr(title) ")";}
	    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	    pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	    thead {display:table-header-group;}
	    tr,img {page-break-inside:avoid;}
	    img {max-width:100% !important;}
	    @page {margin:0.5cm;}
	    p,h2,h3 {orphans:3;widows:3;}
	    h2,h3 {page-break-after:avoid;}
	}