@import url("fonts.css");
/*  CSS definations for ANAFAP  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
	1.1 Defaults
	1.2 Common Tags

2. SITE STRUCTURE & APPEARANCE
	2.1 Header
		2.1.1 Logo
		2.1.2 Top Links
	2.2 Navigation
	2.3 Hero Slider
	2.4 Container
		2.4.1 Title
		2.4.2 Content
		2.4.3 Listing
		2.4.4 Contact Form
		2.4.5 Contact Info
		2.4.6 Press Blog
		2.4.7 Gallery
		2.4.8 Control Bar
	2.5 Footer
		2.5.1 Brands

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline:none;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {
	font-weight:normal;
}
i, em { 
	font-style:italic; 
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft{
	text-align:left;	
}
.alignright{
	text-align:right;	
}
.aligncenter{
	text-align:center;	
}
.clear {
	clear:both;
}
.clearfix:before,
.clearfix:after { 
	display: table; 
	content:" "; 
}
.clearfix:after { 
	clear:both;
}
textarea{
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a { 
	color:#636466;
	text-decoration:none;
}
a:hover {
	color:#000;
}
address {
	font-style:normal;
}
img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* 1.2 Common Tags */
.input,
.textarea {
	background:url(../images/bg_input.png) repeat-x left top #e1e1e0;
	border:1px solid #b8b9ba;
	font-family:'Gadugi-Regular';
	width:100%;
	height:46px;
	line-height:46px;
	padding:5px 14px;
	margin-bottom:9px;
	color:#636466;
	font-size:20px;
	box-sizing:border-box;
}
.textarea {
	height:auto;
	min-height:101px;
	line-height:normal;
	padding:10px 14px;
	margin-top:0;
	resize:vertical;
}
.btn-submit {
	/*background:url(../images/bg_btn_submit.png) repeat-x left top;*/
	background-color:#ecc859;
	border:1px solid #fff;
	font-family:'Gadugi-Regular';
	width:199px;
	height:48px;
	line-height:44px;
	float:right;
	color:#fff;
	font-size:22px;
	text-align:center;
	cursor:pointer;
}
.btn-submit:hover {
	background:#f3c22d;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	background:#fff;
	font-family:'Gadugi-Regular';
	font-size:12px;
	color:#636466;
}
.box {
	width:720px;
	margin:0 auto;
}

/* 2.1 Header */
.header {
	background:#edeeee;
	border-bottom:1px solid #d5d6d6;
	padding:53px 0 42px 0;
}
/* 2.1.1 Logo */
.logo {
	width:336px;
	margin-left:-32px;
	float:left;
}
/* 2.1.2 Top Links */
.top-links {
	padding:27px 36px 0 0;
	float:right;
}
.top-links ul {
	float:right;
}
.top-links li {
	margin-left:50px;
	float:left;
}
.top-links li:first-child {
	margin-left:0;
}
.top-links li a {
	color:#b4b5b6;
	font-size:15px;
}
.top-links li a:hover,
.top-links li.active a {
	color:#77787b;
}

/* 2.2 Navigation */
.navigation {
	background:url(../images/bg_navigation.png) repeat-x left top;
	box-shadow:rgba(0, 0, 0, 0.30) 0px 3px 6px;
	height:45px;
	position:relative;
	z-index:99;
}
.navigation li {
	background:url(../images/bg_divider.png) no-repeat left top;
	box-shadow:rgba(0, 0, 0, 0.30) 0px 3px 6px;
	line-height:45px;
	padding-left:1px;
	margin-bottom:-31px;
	float:left;
	transition: height 2s;
}
.navigation li a {
	background:url(../images/bg_nav_blue.png) repeat-x left top #26447e;
	padding:0 34px;
	display:block;
	color:#fff;
	font-size:15px;
	transition: all 0.2s;
}
.navigation li a:hover,
.navigation li.active a {
	padding-bottom:31px;
	color:rgba(255, 255, 255, 0.50);
	box-shadow:rgba(0, 0, 0, 0.30) 0px 3px 6px;
}
.navigation li.blue a {
	background:url(../images/bg_nav_blue.png) repeat-x left top #26447e;
}
.navigation li.green a {
	background:url(../images/bg_nav_green.png) repeat-x left top #a0bb3b;
}
.navigation li.light-blue a {
	background:url(../images/bg_nav_light-blue.png) repeat-x left top #325a9e;
}
.navigation li.sky-blue a {
	background:url(../images/bg_nav_sky_blue.png) repeat-x left top #5fa8bb;
}
.navigation li.red a {
	background:url(../images/bg_nav_red.png) repeat-x left top #b72025;
}
.menu-icon {
	display:none;
}

/* 2.3 Hero Slider */
.flexslider{
	background:url(../images/loader.gif) no-repeat scroll center center;
}
.flexslider .slides{
	margin:0;
	list-style-type:none;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	background-position:center top!important;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
html[xmlns] .slides {
	display: block;
} 
* html .slides {
	height: 1%;
}
.flexslider .slides {
	zoom: 1;
}
.hero-slider {
	text-align:center;
}
.hero-slider li img {
	width:100%;
	height:auto;
}

/* 2.4 Container */
.container {
	padding-bottom:170px;
}
/* 2.4.1 Title */
.title {
	background:url(../images/bg_title.png) repeat-x left top #26437d;
	padding:31px 35px 30px 35px;
	margin-top:-83px;
	margin-bottom:20px;
	position:relative;
	z-index:2;
}
.title2 {
	background:url(../images/bg_title2.png) repeat-x left top #e8ba2f;
	margin-bottom:96px;
}
.title3 {
	background:url(../images/bg_title3.png) repeat-x left top #b8272a;
}
.title h3 {
	color:#fff;
	font-size:22px;
}
.title h3 a {
	color:#fff;
}
.title h3 a:hover {
	color:#dde8fd;
}
/* 2.4.2 Content */
.content .row {
	border-top:1px solid #d4d5d6;
	padding:25px 35px 16px 35px;
}
.content .row.border-none {
	border-top:none;
}
.heading {
	margin-bottom:14px;
	color:#26437d;
	font-size:20px;
}
.content p {
	    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
}
/* 2.4.3 Listing */
.listing li {
	background:url(../images/listing_bullets.png) no-repeat left center;
	line-height:14px;
	padding-left:10px;
	margin-bottom:14px;
}
/* 2.4.4 Contact Form */
.contact-form {
	border-bottom:1px solid #d5d5d6;
	padding-bottom:59px;
	margin-bottom:25px;
}
.contact-form .col {
	width:301px;
	float:left;
}
.contact-form .col2 {
	width:401px;
	float:right;
}
/* 2.4.5 Contact Info */
.contact-info {
	padding:0 16px;
}
.contact-info h3 {
	margin-bottom:26px;
	color:#e7b622;
	font-size:22px;
}
.contact-info address {
	line-height:24px;
	margin-bottom:30px;
	color:#646567;
	font-size:20px;
}
.contact-info .phone {
	margin-bottom:28px;
	display:block;
	color:#636466;
	font-size:21px;
}
.contact-info .mail {
	color:#5fa8bb;
	font-size:17px;
}
.contact-info .mail:hover {
	color:#e7b622;
}
/* 2.4.6 Press Blog */
.press-blog .common-content-row {
	border-bottom:1px solid #d5d5d6;
	padding-bottom:50px;
	margin-bottom:50px;
}
.press-blog .txtb {
	padding:0 30px;
}
.press-blog h3 {
	margin-bottom:40px;
	color:#b72025;
	font-size:20px;
}
.press-blog h3 .date {
	margin-bottom:10px;
	display:block;
	color:#939598;
	font-size:12px;
}
.press-blog p {
	line-height:15px;
	margin-bottom:30px;
}
/* 2.4.7 Gallery */
.gallery {
	margin-bottom:30px;
}
.gallery li {
	width:240px;
	float:left;
}
.gallery li img {
	width:100%;
/*	height:100px;*/
}
.press-blog .mail {
	color:#5fa8bb;
	font-size:14px;
	text-decoration:underline;
}
.press-blog .mail:hover {
	color:#347b8e;
}
	
.press-blog .pdf {
	background:url(../images/ico_pdf.png) no-repeat left top;
	line-height:41px;
	padding-left:45px;
	float:right;
	color:#5fa8bb;
	font-size:15px;
}
.press-blog .pdf:hover {
	text-decoration:underline;
}
.pdf_index {
	background:url(../images/ico_pdf.png) no-repeat left top;
	line-height:41px;
	padding-left:45px;
	float:left;
	color:#5fa8bb;
	font-size:15px;
	margin-top:50px;
}
.pdf_index:hover {
	text-decoration:underline;
}
/* 2.4.8 Control Bar */
.control-bar {
	text-align:center;
	position:relative;
}
.control-bar li {
	width:44px;
	line-height:44px;
	display:inline-block;
	color:#b72025;
	font-size:20px;
}
.control-bar li a {
	background:#b72025;
	width:44px;
	height:44px;
	display:block;
	color:#fff;
}
.control-bar .prev,
.control-bar .next {
	background:#b72025;
	width:126px;
	height:44px;
	line-height:44px;
	text-align:center;
	display:block;
	color:#fff;
	font-size:17px;
	top:0;
	position:absolute;
}
.control-bar .prev:hover,
.control-bar .next:hover,
.control-bar li a:hover {
	background:#bbb;
}
.control-bar .prev {
	left:0;
}
.control-bar .prev span {
	background:url(../images/bg_arrow_prev.png) no-repeat left 18px;
	padding-left:16px;
	display:inline-block;
}
.control-bar .next {
	right:0;
}.control-bar .next span {
	background:url(../images/bg_arrow_next.png) no-repeat right 18px;
	padding-right:16px;
	display:inline-block;
}

/* 2.5 Footer */
.footer {
	width:100%;
}
/* 2.5.1 Brands */
.brands {
	margin-bottom:34px;
}
.brands li {
	margin-left:73px;
	float:left;
}
.brands li:first-child {
	margin-left:0;
}
.footer-bottom {
	background:#e6b621;
	text-align:center;
}

/* Fonts */
.contact-info .phone span {
	font-family:'Gadugi-Bold';
}

.presentaciones{

background: #4f8d9d; /* Old browsers */
background: -moz-linear-gradient(top,  #4f8d9d 0%, #5fa8bb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4f8d9d 0%,#5fa8bb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4f8d9d 0%,#5fa8bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8d9d', endColorstr='#5fa8bb',GradientType=0 ); /* IE6-9 */
	}
	.eventos{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a4a86+0,335a9f+100 */
background: #2a4a86; /* Old browsers */
background: -moz-linear-gradient(top,  #2a4a86 0%, #335a9f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2a4a86 0%,#335a9f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2a4a86 0%,#335a9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4a86', endColorstr='#335a9f',GradientType=0 ); /* IE6-9 */
	}
	.contacto{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#be971a+0,e7b621+100 */
background: #be971a; /* Old browsers */
background: -moz-linear-gradient(top,  #be971a 0%, #e7b621 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #be971a 0%,#e7b621 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #be971a 0%,#e7b621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be971a', endColorstr='#e7b621',GradientType=0 ); /* IE6-9 */
	}
	.indicadores{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#839c2f+0,a0bb3b+100 */
background: #839c2f; /* Old browsers */
background: -moz-linear-gradient(top,  #839c2f 0%, #a0bb3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #839c2f 0%,#a0bb3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #839c2f 0%,#a0bb3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#839c2f', endColorstr='#a0bb3b',GradientType=0 ); /* IE6-9 */
	}
	.prensa{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9a171b+0,b72025+100 */
background: #9a171b; /* Old browsers */
background: -moz-linear-gradient(top,  #9a171b 0%, #b72025 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9a171b 0%,#b72025 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9a171b 0%,#b72025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a171b', endColorstr='#b72025',GradientType=0 ); /* IE6-9 */
	}
	.quienes{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e376a+0,26437d+100 */
background: #1e376a; /* Old browsers */
background: -moz-linear-gradient(top,  #1e376a 0%, #26437d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e376a 0%,#26437d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e376a 0%,#26437d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e376a', endColorstr='#26437d',GradientType=0 ); /* IE6-9 */
	}

/* Responsive */
@media (min-width:768px) and (max-width:1023px) {
	.logo {
		margin-left:0;
	}
}

@media only screen and (max-width:767px) {
	.box {
		width:auto;
	}
	.header {
		padding:40px 0 36px 0;
	}
	.header .box {
		padding:0 30px;
	}
	.logo {
		width:300px;
		margin-left:0;
	}
	.top-links {
		display:none;
	}
	.navigation .box {
		padding:0 30px;
	}
	.menu-icon {
		background:url(../images/ico_menu.png) left top no-repeat;
		display:block;
		width:47px;
		height:33px;
		float:right;
		padding:0 !important;
		margin-top:-70px;
		color:#fe9807 !important;
		text-indent:-9999px;
		text-transform:uppercase;
	}
	.navigation ul {
		background:#f5f5f5;
		display:none;
		width:100%;
		position:absolute;
		top:100%;
		left:0;
		z-index:9999;
	}
	.navigation li {
		line-height:53px;
		margin:0;
		padding:0;
		float:none;
		text-align:center;
	}
	.navigation li a {
		padding:0;
	}
	.navigation li a:hover,
	.navigation li.active a {
		padding-bottom:0;
	}
	.hero-slider {
		display:none;
	}
	.container {
		padding-bottom:90px;
	}
	.title {
		margin-top:0;
	}
	.title h3 {
		line-height:25px;
		font-size:20px;
	}
	.footer .box {
		padding:0 20px;
	}
	.brands li {
		width:26.6%;
		margin-left:10%;
	}
	.title2 {
		margin-bottom:45px;
	}
	.contact {
		padding:0 30px;
	}
	.contact-form .col,
	.contact-form .col2 {
		width:auto;
		float:none;
	}
	.press-blog .common-content-row {
		margin-bottom:35px;
	}
	.gallery li {
		margin-left:30px;
		margin-bottom:5px;
		float:none;
	}
	.control-bar {
		padding-top:35px;
	}
	.control-bar li {
		width:25px;
		line-height:25px;
		font-size:12px;
	}
	.control-bar li a {
		width:25px;
		height:25px;
	}
	.control-bar .prev, 
	.control-bar .next {
		width:110px;
		height:25px;
		line-height:25px;
		font-size:12px;
	}
	.press-blog .pdf {
		margin-bottom:10px;
		display:block;
		float:none;
	}
	.control-bar .prev {
		left:50%;
		margin-left:-112px;
	}
	.control-bar .next {
		right:50%;
		margin-right:-112px;
	}
	.control-bar .prev span {
		background-position:left 8px;
	}
	.control-bar .next span {
		background-position:right 8px;
	}
}

@media only screen and (max-width:379px) {
	.logo {
		width:215px;
	}
	.header .box,
	.navigation .box {
		padding:0 15px;
	}
	.title {
		padding:25px 15px;
	}
	.title h3 {
		font-size:14px;
	}
	.content .row {
		padding:25px 15px 16px 15px;
	}
	.brands {
		margin-bottom:15px;
	}
	.brands li {
		width:100%;
		margin:0 0 30px 0;
		float:none;
		text-align:left;
	}
	.contact {
		padding:0 15px;
	}
	
	.gallery li {
		margin-left:30px;
		margin-bottom:5px;
		float:none;
	}
	

	
}