/*

	Imagination by TEMPLATED

    templated.co @templatedco

    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)

*/



@charset 'UTF-8';



@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}



/*********************************************************************************/

/* Basic                                                                         */

/*********************************************************************************/



	body

	{

		background: #FFFFFF;

	}



	body,input,textarea,select

	{

		font-family: 'Ebrima', sans-serif;

		font-size: 13pt;

		font-weight: 300;

		line-height: 1.75em;

		color: #393939;

	}



	h1,h2,h3,h4,h5,h6

	{

		font-weight: bold;

	}

	

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a

		{

			color: inherit;

			text-decoration: none;

		}

		

	/* Change this to whatever font weight/color pairing is most suitable */

	strong, b

	{

		font-weight: bold;

		color: #000000;

	}

	

	em, i

	{

		font-style: italic;

	}



	.popup {

    background-color: #ffffff;

    color: #888888;

    height: 245px;

    left: 100%;

    padding: 20px;

    position: fixed;

    right: 30%;

    top: 25%;

    width: 550px;

    z-index: 101;

    -moz-box-shadow: 0px 0px 10px 1px #888888;

    -webkit-box-shadow: 0px 0px 10px 1px #888888;

    box-shadow: 0px 0px 10px 1px #888888;

    border-radius:10px;

    -moz-border-radius:10px;

}



.overlay {

    background: #000000;

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 100;

    opacity:0.5;

}



a.close {

    background: url("cancel.png") repeat scroll left top transparent;

    cursor: pointer;

    float: right;

    height: 26px;

    left: 32px;

    position: relative;

    top: -33px;

    width: 26px;

}



	/* Don't forget to set this to something that matches the design */

	a

	{

		text-decoration: none;

		color: #000;

		font-weight: bold;

	}

	

	a:hover

	{

		text-decoration: underline;

	}



	sub

	{

		position: relative;

		top: 0.5em;

		font-size: 0.8em;

	}

	

	sup

	{

		position: relative;

		top: -0.5em;

		font-size: 0.8em;

	}

	

	hr

	{

		border: 0;

		border-top: solid 1px #ddd;

	}

	

	blockquote

	{

		border-left: solid 0.5em #ddd;

		padding: 1em 0 1em 2em;

		font-style: italic;

	}

	

	p, ul, ol, dl, table

	{

		margin-bottom: 1em;

	}



	header

	{

		margin-bottom: 4em;



	}

	

		header h2

		{

			font-size: 2.8em;

		}



		header .byline

		{

			display: block;

			margin: 1em 0 0 0;

			padding: 1em 0 1em 0;

			text-transform: uppercase;

			font-size: 1.4em;

		}

		

	footer

	{

		margin-top: 100px;

	}



	br.clear

	{

		clear: both;

	}



	/* Sections/Articles */

	

		section,

		article

		{

			margin-bottom: 3em;

		}

		

		section > :last-child,

		article > :last-child

		{

			margin-bottom: 0;

		}



		section:last-child,

		article:last-child

		{

			margin-bottom: 0;

		}



		.row > section,

		.row > article

		{

			margin-bottom: 0;

		}



	/* Images */



		.image

		{

			display: inline-block;

		}

		

			.image img

			{

				display: block;

				width: 100%;

			}



			.image.featured

			{

				display: block;

				width: 100%;

				margin: 0 0 2em 0;

			}

			

			.image.full

			{

				display: block;

				width: 100%;

				margin-bottom: 2em;

			}

			

			.image.left

			{

				float: left;

				margin: 0 2em 2em 0;

			}

			

			.image.centered

			{

				display: block;

				margin: 0 0 2em 0;

			}



				.image.centered img

				{

					margin: 0 auto;

					width: auto;

				}



	/* Lists */



		ul.default

		{

			list-style: none;

			margin: 0;

			padding: 0;

		}

		

			ul.default li

			{

				padding: 0.80em 0em;

				border-top: 1px solid;

				border-color: rgba(255,255,255,.2);

			}

			

			ul.default li:first-child

			{

				padding-top: 0em;

				border-top: none;

			}

			

			ul.default a

			{

				color: rgba(255,255,255,.6);

			}



			ul.lista

		{

			list-style:square;

			margin: 0;

			padding: 0em 3em;

		}

		

			ul.lista li

			{

				padding: 0em 0em 0em 0em;

				border-top: 1px solid;

				border-color: rgba(255,255,255,.2);

				text-align: justify;

				color: #333;

				text-align: justify;

			}

			

			ul.lista li:first-child

			{

				padding-top: 0em;

				border-top: none;

			}

			

			ul.lista a

			{

				color: rgba(255,255,255,.6);

			}



.list-style1 {

}



.list-style1 li {

	padding: 20px 0px 20px 0px;

	background: url(images/link-style1-divider.png) repeat-x left top;

}



.list-style1 h2 {

	margin: 0px;

	padding: 0px !important;

	letter-spacing: -1px !important;

	font-size: 1.2em !important;

	font-weight: 700;

}



.list-style1 p {

	margin: 0px;

	padding: 0px;

	line-height: 180%;

	font-size: 10pt;

}



.list-style1 img {

	float: left;

	margin-right: 20px;

}



.list-style1 .posted {

	padding: 10px 0px 0px 0px;

	font-size: 8pt;

	font-style: italic;

	color: #A2A2A2;

}



.list-style1 .first {

	padding-top: 0px;

	background: none;

}



.list-style1 blockquote {

	padding: 10px 0px 0px 0px;

	font-family: "Ebrima";

	font-size: 9pt;

	font-style: italic;

}



/* List style */



.list-style2 {

}



.list-style2 li {

	float: left;

	padding: 5px 5px 0px 5px;

}



.list-style2 img {

	padding: 5px;

	background: #FFFFFF;

}



	/* Buttons */





		.button

		{

			position: relative;

			display: inline-block;

			margin-top: 0.5em;

			padding: 1em 1.5em;

			background: #770000;

			border-radius: 6px;

			text-decoration: none;

			text-transform: uppercase;

			font-size: 1.1em;

			color: #FFF;

			-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;

			-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;

			-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;

			-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;

			transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;

			cursor: text;

		}



			.button:hover

			{

				background: #ad142c;

				color: #FFF !important;

			}

			

			.medium

			{

				padding: 0.5em 3em;

				font-size: 1.6em;

				cursor:default;

				background: #770000;

			}



			@media (max-width: 600px) {
				.block1{
					padding: 0.5em 3em;
					font-size: 1em;
					cursor:default;
					background: #F0F0F0;
					border-radius: 10px 10px 10px 10px;
	                -moz-border-radius: 10px 10px 10px 10px;
	                -webkit-border-radius: 10px 10px 10px 10px;
	                border: 0px solid #000000;
	                width: 100%;
				}
			}

			@media (min-width: 601px) {
				.block1{
					padding: 0.5em 3em;
					font-size: 1em;
					cursor:default;
					background: #F0F0F0;
					border-radius: 10px 10px 10px 10px;
	                -moz-border-radius: 10px 10px 10px 10px;
	                -webkit-border-radius: 10px 10px 10px 10px;
	                border: 0px solid #000000;
	                width: 50%;
				}
			}


			.blockQS

			{

				padding: 0.5em 3em;

				font-size: 1em;

				color: #fff;

				cursor:default;

				background: #770000;

				border-radius: 10px 10px 10px 10px;

                -moz-border-radius: 10px 10px 10px 10px;

                -webkit-border-radius: 10px 10px 10px 10px;

                border: 0px solid #000000;

                width: 100%;

			}



			



/*********************************************************************************/

/* Icons                                                                         */

/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */

/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */

/*********************************************************************************/



	.fa

	{

		text-decoration: none;

	}



		.fa.solo

		{

		}

		

			.fa.solo span

			{

				display: none;

			}



		.fa:before

		{

			display:inline-block;

			font-family: FontAwesome;

			font-size: 1.25em;

			text-decoration: none;

			font-style: normal;

			font-weight: normal;

			line-height: 1;

			-webkit-font-smoothing:antialiased;

			-moz-osx-font-smoothing:grayscale;

		}



		.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}

		.fa-2x{font-size:2em}

		.fa-3x{font-size:3em}

		.fa-4x{font-size:4em}

		.fa-5x{font-size:5em}

		.fa-fw{width:1.2857142857142858em;text-align:center}

		.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}

		.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}

		.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}

		.pull-right{float:right}

		.pull-left{float:left}

		.fa.pull-left{margin-right:.3em}

		.fa.pull-right{margin-left:.3em}

		.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}

		@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}

		.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

		.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}

		.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}

		.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}

		.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}

		.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}

		.fa-stack-1x{line-height:inherit}

		.fa-stack-2x{font-size:2em}

		.fa-inverse{color:#fff}

		.fa-glass:before{content:"\f000"}

		.fa-music:before{content:"\f001"}

		.fa-search:before{content:"\f002"}

		.fa-envelope-o:before{content:"\f003"}

		.fa-heart:before{content:"\f004"}

		.fa-star:before{content:"\f005"}

		.fa-star-o:before{content:"\f006"}

		.fa-user:before{content:"\f007"}

		.fa-film:before{content:"\f008"}

		.fa-th-large:before{content:"\f009"}

		.fa-th:before{content:"\f00a"}

		.fa-th-list:before{content:"\f00b"}

		.fa-check:before{content:"\f00c"}

		.fa-times:before{content:"\f00d"}

		.fa-search-plus:before{content:"\f00e"}

		.fa-search-minus:before{content:"\f010"}

		.fa-power-off:before{content:"\f011"}

		.fa-signal:before{content:"\f012"}

		.fa-copyright:before{content:"\f1f9"}

		.fa-gear:before,.fa-cog:before{content:"\f013"}

		.fa-trash-o:before{content:"\f014"}

		.fa-home:before{content:"\f015"}

		.fa-file-o:before{content:"\f016"}

		.fa-clock-o:before{content:"\f017"}

		.fa-road:before{content:"\f018"}

		.fa-download:before{content:"\f019"}

		.fa-arrow-circle-o-down:before{content:"\f01a"}

		.fa-arrow-circle-o-up:before{content:"\f01b"}

		.fa-inbox:before{content:"\f01c"}

		.fa-play-circle-o:before{content:"\f01d"}

		.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}

		.fa-refresh:before{content:"\f021"}

		.fa-list-alt:before{content:"\f022"}

		.fa-lock:before{content:"\f023"}

		.fa-flag:before{content:"\f024"}

		.fa-headphones:before{content:"\f025"}

		.fa-volume-off:before{content:"\f026"}

		.fa-volume-down:before{content:"\f027"}

		.fa-volume-up:before{content:"\f028"}

		.fa-qrcode:before{content:"\f029"}

		.fa-barcode:before{content:"\f02a"}

		.fa-tag:before{content:"\f02b"}

		.fa-tags:before{content:"\f02c"}

		.fa-book:before{content:"\f02d"}

		.fa-bookmark:before{content:"\f02e"}

		.fa-print:before{content:"\f02f"}

		.fa-camera:before{content:"\f030"}

		.fa-font:before{content:"\f031"}

		.fa-bold:before{content:"\f032"}

		.fa-italic:before{content:"\f033"}

		.fa-text-height:before{content:"\f034"}

		.fa-text-width:before{content:"\f035"}

		.fa-align-left:before{content:"\f036"}

		.fa-align-center:before{content:"\f037"}

		.fa-align-right:before{content:"\f038"}

		.fa-align-justify:before{content:"\f039"}

		.fa-list:before{content:"\f03a"}

		.fa-dedent:before,.fa-outdent:before{content:"\f03b"}

		.fa-indent:before{content:"\f03c"}

		.fa-video-camera:before{content:"\f03d"}

		.fa-picture-o:before{content:"\f03e"}

		.fa-pencil:before{content:"\f040"}

		.fa-map-marker:before{content:"\f041"}

		.fa-adjust:before{content:"\f042"}

		.fa-tint:before{content:"\f043"}

		.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}

		.fa-share-square-o:before{content:"\f045"}

		.fa-check-square-o:before{content:"\f046"}

		.fa-move:before{content:"\f047"}

		.fa-step-backward:before{content:"\f048"}

		.fa-fast-backward:before{content:"\f049"}

		.fa-backward:before{content:"\f04a"}

		.fa-play:before{content:"\f04b"}

		.fa-pause:before{content:"\f04c"}

		.fa-stop:before{content:"\f04d"}

		.fa-forward:before{content:"\f04e"}

		.fa-fast-forward:before{content:"\f050"}

		.fa-step-forward:before{content:"\f051"}

		.fa-eject:before{content:"\f052"}

		.fa-chevron-left:before{content:"\f053"}

		.fa-chevron-right:before{content:"\f054"}

		.fa-plus-circle:before{content:"\f055"}

		.fa-minus-circle:before{content:"\f056"}

		.fa-times-circle:before{content:"\f057"}

		.fa-check-circle:before{content:"\f058"}

		.fa-question-circle:before{content:"\f059"}

		.fa-info-circle:before{content:"\f05a"}

		.fa-crosshairs:before{content:"\f05b"}

		.fa-times-circle-o:before{content:"\f05c"}

		.fa-check-circle-o:before{content:"\f05d"}

		.fa-ban:before{content:"\f05e"}

		.fa-arrow-left:before{content:"\f060"}

		.fa-arrow-right:before{content:"\f061"}

		.fa-arrow-up:before{content:"\f062"}

		.fa-arrow-down:before{content:"\f063"}

		.fa-mail-forward:before,.fa-share:before{content:"\f064"}

		.fa-resize-full:before{content:"\f065"}

		.fa-resize-small:before{content:"\f066"}

		.fa-plus:before{content:"\f067"}

		.fa-minus:before{content:"\f068"}

		.fa-asterisk:before{content:"\f069"}

		.fa-exclamation-circle:before{content:"\f06a"}

		.fa-gift:before{content:"\f06b"}

		.fa-leaf:before{content:"\f06c"}

		.fa-fire:before{content:"\f06d"}

		.fa-eye:before{content:"\f06e"}

		.fa-eye-slash:before{content:"\f070"}

		.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}

		.fa-plane:before{content:"\f072"}

		.fa-calendar:before{content:"\f073"}

		.fa-random:before{content:"\f074"}

		.fa-comment:before{content:"\f075"}

		.fa-magnet:before{content:"\f076"}

		.fa-chevron-up:before{content:"\f077"}

		.fa-chevron-down:before{content:"\f078"}

		.fa-retweet:before{content:"\f079"}

		.fa-shopping-cart:before{content:"\f07a"}

		.fa-folder:before{content:"\f07b"}

		.fa-folder-open:before{content:"\f07c"}

		.fa-resize-vertical:before{content:"\f07d"}

		.fa-resize-horizontal:before{content:"\f07e"}

		.fa-bar-chart-o:before{content:"\f080"}

		.fa-twitter-square:before{content:"\f081"}

		.fa-facebook-square:before{content:"\f082"}

		.fa-camera-retro:before{content:"\f083"}

		.fa-key:before{content:"\f084"}

		.fa-gears:before,.fa-cogs:before{content:"\f085"}

		.fa-comments:before{content:"\f086"}

		.fa-thumbs-o-up:before{content:"\f087"}

		.fa-thumbs-o-down:before{content:"\f088"}

		.fa-star-half:before{content:"\f089"}

		.fa-heart-o:before{content:"\f08a"}

		.fa-sign-out:before{content:"\f08b"}

		.fa-linkedin-square:before{content:"\f08c"}

		.fa-thumb-tack:before{content:"\f08d"}

		.fa-external-link:before{content:"\f08e"}

		.fa-sign-in:before{content:"\f090"}

		.fa-trophy:before{content:"\f091"}

		.fa-github-square:before{content:"\f092"}

		.fa-upload:before{content:"\f093"}

		.fa-lemon-o:before{content:"\f094"}

		.fa-phone:before{content:"\f095"}

		.fa-square-o:before{content:"\f096"}

		.fa-bookmark-o:before{content:"\f097"}

		.fa-phone-square:before{content:"\f098"}

		.fa-twitter:before{content:"\f099"}

		.fa-facebook:before{content:"\f09a"}

		.fa-github:before{content:"\f09b"}

		.fa-unlock:before{content:"\f09c"}

		.fa-credit-card:before{content:"\f09d"}

		.fa-rss:before{content:"\f09e"}

		.fa-hdd-o:before{content:"\f0a0"}

		.fa-bullhorn:before{content:"\f0a1"}

		.fa-bell:before{content:"\f0f3"}

		.fa-certificate:before{content:"\f0a3"}

		.fa-hand-o-right:before{content:"\f0a4"}

		.fa-hand-o-left:before{content:"\f0a5"}

		.fa-hand-o-up:before{content:"\f0a6"}

		.fa-hand-o-down:before{content:"\f0a7"}

		.fa-arrow-circle-left:before{content:"\f0a8"}

		.fa-arrow-circle-right:before{content:"\f0a9"}

		.fa-arrow-circle-up:before{content:"\f0aa"}

		.fa-arrow-circle-down:before{content:"\f0ab"}

		.fa-globe:before{content:"\f0ac"}

		.fa-wrench:before{content:"\f0ad"}

		.fa-tasks:before{content:"\f0ae"}

		.fa-filter:before{content:"\f0b0"}

		.fa-briefcase:before{content:"\f0b1"}

		.fa-fullscreen:before{content:"\f0b2"}

		.fa-group:before{content:"\f0c0"}

		.fa-chain:before,.fa-link:before{content:"\f0c1"}

		.fa-cloud:before{content:"\f0c2"}

		.fa-flask:before{content:"\f0c3"}

		.fa-cut:before,.fa-scissors:before{content:"\f0c4"}

		.fa-copy:before,.fa-files-o:before{content:"\f0c5"}

		.fa-paperclip:before{content:"\f0c6"}

		.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}

		.fa-square:before{content:"\f0c8"}

		.fa-reorder:before{content:"\f0c9"}

		.fa-list-ul:before{content:"\f0ca"}

		.fa-list-ol:before{content:"\f0cb"}

		.fa-strikethrough:before{content:"\f0cc"}

		.fa-underline:before{content:"\f0cd"}

		.fa-table:before{content:"\f0ce"}

		.fa-magic:before{content:"\f0d0"}

		.fa-truck:before{content:"\f0d1"}

		.fa-pinterest:before{content:"\f0d2"}

		.fa-pinterest-square:before{content:"\f0d3"}

		.fa-google-plus-square:before{content:"\f0d4"}

		.fa-google-plus:before{content:"\f0d5"}

		.fa-money:before{content:"\f0d6"}

		.fa-caret-down:before{content:"\f0d7"}

		.fa-caret-up:before{content:"\f0d8"}

		.fa-caret-left:before{content:"\f0d9"}

		.fa-caret-right:before{content:"\f0da"}

		.fa-columns:before{content:"\f0db"}

		.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}

		.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}

		.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}

		.fa-envelope:before{content:"\f0e0"}

		.fa-linkedin:before{content:"\f0e1"}

		.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}

		.fa-legal:before,.fa-gavel:before{content:"\f0e3"}

		.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}

		.fa-comment-o:before{content:"\f0e5"}

		.fa-comments-o:before{content:"\f0e6"}

		.fa-flash:before,.fa-bolt:before{content:"\f0e7"}

		.fa-sitemap:before{content:"\f0e8"}

		.fa-umbrella:before{content:"\f0e9"}

		.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}

		.fa-lightbulb-o:before{content:"\f0eb"}

		.fa-exchange:before{content:"\f0ec"}

		.fa-cloud-download:before{content:"\f0ed"}

		.fa-cloud-upload:before{content:"\f0ee"}

		.fa-user-md:before{content:"\f0f0"}

		.fa-stethoscope:before{content:"\f0f1"}

		.fa-suitcase:before{content:"\f0f2"}

		.fa-bell-o:before{content:"\f0a2"}

		.fa-coffee:before{content:"\f0f4"}

		.fa-cutlery:before{content:"\f0f5"}

		.fa-file-text-o:before{content:"\f0f6"}

		.fa-building:before{content:"\f0f7"}

		.fa-hospital:before{content:"\f0f8"}

		.fa-ambulance:before{content:"\f0f9"}

		.fa-medkit:before{content:"\f0fa"}

		.fa-fighter-jet:before{content:"\f0fb"}

		.fa-beer:before{content:"\f0fc"}

		.fa-h-square:before{content:"\f0fd"}

		.fa-plus-square:before{content:"\f0fe"}

		.fa-angle-double-left:before{content:"\f100"}

		.fa-angle-double-right:before{content:"\f101"}

		.fa-angle-double-up:before{content:"\f102"}

		.fa-angle-double-down:before{content:"\f103"}

		.fa-angle-left:before{content:"\f104"}

		.fa-angle-right:before{content:"\f105"}

		.fa-angle-up:before{content:"\f106"}

		.fa-angle-down:before{content:"\f107"}

		.fa-desktop:before{content:"\f108"}

		.fa-laptop:before{content:"\f109"}

		.fa-tablet:before{content:"\f10a"}

		.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}

		.fa-circle-o:before{content:"\f10c"}

		.fa-quote-left:before{content:"\f10d"}

		.fa-quote-right:before{content:"\f10e"}

		.fa-spinner:before{content:"\f110"}

		.fa-circle:before{content:"\f111"}

		.fa-mail-reply:before,.fa-reply:before{content:"\f112"}

		.fa-github-alt:before{content:"\f113"}

		.fa-folder-o:before{content:"\f114"}

		.fa-folder-open-o:before{content:"\f115"}

		.fa-expand-o:before{content:"\f116"}

		.fa-collapse-o:before{content:"\f117"}

		.fa-smile-o:before{content:"\f118"}

		.fa-frown-o:before{content:"\f119"}

		.fa-meh-o:before{content:"\f11a"}

		.fa-gamepad:before{content:"\f11b"}

		.fa-keyboard-o:before{content:"\f11c"}

		.fa-flag-o:before{content:"\f11d"}

		.fa-flag-checkered:before{content:"\f11e"}

		.fa-terminal:before{content:"\f120"}

		.fa-code:before{content:"\f121"}

		.fa-reply-all:before{content:"\f122"}

		.fa-mail-reply-all:before{content:"\f122"}

		.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}

		.fa-location-arrow:before{content:"\f124"}

		.fa-crop:before{content:"\f125"}

		.fa-code-fork:before{content:"\f126"}

		.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}

		.fa-question:before{content:"\f128"}

		.fa-info:before{content:"\f129"}

		.fa-exclamation:before{content:"\f12a"}

		.fa-superscript:before{content:"\f12b"}

		.fa-subscript:before{content:"\f12c"}

		.fa-eraser:before{content:"\f12d"}

		.fa-puzzle-piece:before{content:"\f12e"}

		.fa-microphone:before{content:"\f130"}

		.fa-microphone-slash:before{content:"\f131"}

		.fa-shield:before{content:"\f132"}

		.fa-calendar-o:before{content:"\f133"}

		.fa-fire-extinguisher:before{content:"\f134"}

		.fa-rocket:before{content:"\f135"}

		.fa-maxcdn:before{content:"\f136"}

		.fa-chevron-circle-left:before{content:"\f137"}

		.fa-chevron-circle-right:before{content:"\f138"}

		.fa-chevron-circle-up:before{content:"\f139"}

		.fa-chevron-circle-down:before{content:"\f13a"}

		.fa-html5:before{content:"\f13b"}

		.fa-css3:before{content:"\f13c"}

		.fa-anchor:before{content:"\f13d"}

		.fa-unlock-o:before{content:"\f13e"}

		.fa-bullseye:before{content:"\f140"}

		.fa-ellipsis-horizontal:before{content:"\f141"}

		.fa-ellipsis-vertical:before{content:"\f142"}

		.fa-rss-square:before{content:"\f143"}

		.fa-play-circle:before{content:"\f144"}

		.fa-ticket:before{content:"\f145"}

		.fa-minus-square:before{content:"\f146"}

		.fa-minus-square-o:before{content:"\f147"}

		.fa-level-up:before{content:"\f148"}

		.fa-level-down:before{content:"\f149"}

		.fa-check-square:before{content:"\f14a"}

		.fa-pencil-square:before{content:"\f14b"}

		.fa-external-link-square:before{content:"\f14c"}

		.fa-share-square:before{content:"\f14d"}

		.fa-compass:before{content:"\f14e"}

		.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}

		.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}

		.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}

		.fa-euro:before,.fa-eur:before{content:"\f153"}

		.fa-gbp:before{content:"\f154"}

		.fa-dollar:before,.fa-usd:before{content:"\f155"}

		.fa-rupee:before,.fa-inr:before{content:"\f156"}

		.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}

		.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}

		.fa-won:before,.fa-krw:before{content:"\f159"}

		.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}

		.fa-file:before{content:"\f15b"}

		.fa-file-text:before{content:"\f15c"}

		.fa-sort-alpha-asc:before{content:"\f15d"}

		.fa-sort-alpha-desc:before{content:"\f15e"}

		.fa-sort-amount-asc:before{content:"\f160"}

		.fa-sort-amount-desc:before{content:"\f161"}

		.fa-sort-numeric-asc:before{content:"\f162"}

		.fa-sort-numeric-desc:before{content:"\f163"}

		.fa-thumbs-up:before{content:"\f164"}

		.fa-thumbs-down:before{content:"\f165"}

		.fa-youtube-square:before{content:"\f166"}

		.fa-youtube:before{content:"\f167"}

		.fa-xing:before{content:"\f168"}

		.fa-xing-square:before{content:"\f169"}

		.fa-youtube-play:before{content:"\f16a"}

		.fa-dropbox:before{content:"\f16b"}

		.fa-stack-overflow:before{content:"\f16c"}

		.fa-instagram:before{content:"\f16d"}

		.fa-flickr:before{content:"\f16e"}

		.fa-adn:before{content:"\f170"}

		.fa-bitbucket:before{content:"\f171"}

		.fa-bitbucket-square:before{content:"\f172"}

		.fa-tumblr:before{content:"\f173"}

		.fa-tumblr-square:before{content:"\f174"}

		.fa-long-arrow-down:before{content:"\f175"}

		.fa-long-arrow-up:before{content:"\f176"}

		.fa-long-arrow-left:before{content:"\f177"}

		.fa-long-arrow-right:before{content:"\f178"}

		.fa-apple:before{content:"\f179"}

		.fa-windows:before{content:"\f17a"}

		.fa-android:before{content:"\f17b"}

		.fa-linux:before{content:"\f17c"}

		.fa-dribbble:before{content:"\f17d"}

		.fa-skype:before{content:"\f17e"}

		.fa-foursquare:before{content:"\f180"}

		.fa-trello:before{content:"\f181"}

		.fa-female:before{content:"\f182"}

		.fa-male:before{content:"\f183"}

		.fa-gittip:before{content:"\f184"}

		.fa-sun-o:before{content:"\f185"}

		.fa-moon-o:before{content:"\f186"}

		.fa-archive:before{content:"\f187"}

		.fa-bug:before{content:"\f188"}

		.fa-vk:before{content:"\f189"}

		.fa-weibo:before{content:"\f18a"}

		.fa-renren:before{content:"\f18b"}

		.fa-pagelines:before{content:"\f18c"}

		.fa-stack-exchange:before{content:"\f18d"}

		.fa-arrow-circle-o-right:before{content:"\f18e"}

		.fa-arrow-circle-o-left:before{content:"\f190"}

		.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}

		.fa-dot-circle-o:before{content:"\f192"}

		.fa-wheelchair:before{content:"\f193"}

		.fa-vimeo-square:before{content:"\f194"}

		.fa-turkish-lira:before,.fa-try:before{content:"\f195"}

		.fa-cubes:before{content:"\f1b3"}

		.fa-vimeo:before{content:"\f27d"}



/*********************************************************************************/

/* Header                                                                        */

/*********************************************************************************/



	#header-wrapper

	{

		padding: 0em;

		background: #fff;

		background-size:cover;

	}



	#header

	{

		position: fixed;

		background: #FFF;

		z-index: 900;

		width: 100%;

	}

	

		#header .container

		{

			position:relative;
			height: 65px;
			padding: 1.5em 0em;

		}



/*********************************************************************************/

/* Logo                                                                          */

/*********************************************************************************/



	#logo

	{

		position: absolute;

		left: 0em;

		top: 1em;

		padding-left: 1em;

	}

	

		#logo a

		{

			display: table-cell;

			text-decoration: none;

			text-transform:none;;

			font-size: 2.4em;

			font-weight: 600;

		}



/*********************************************************************************/

/* Nav                                                                           */

/*********************************************************************************/



	#nav

	{

		position: absolute;

		right: 0em;

		top: 1em;

	}



		#nav > ul > li

		{

			float: left;

			padding-top: -0.7em;

		}

		

			#nav > ul > li:last-child

			{

				padding-right: 0;



			}



			#nav > ul > li > a,

			#nav > ul > li > span

			{

				display: inline-block;

				margin-left: 0.5em;

				padding: 0.5em 1.7em;

				letter-spacing: 0;

				text-decoration: none;

				text-transform: uppercase;

				font-size: 1.1em;

				outline: 0;

				color: #252525;

			}



			#nav li.soporte a

			{

				background: #333;

				border-radius: 5px;

				color: #FFF;

			}







			#nav li.active a

			{

				background: #770000;

				border-radius: 5px;

				color: #FFF;

			}







			#nav > ul > li > ul

			{

				display: none;

			}

	

/*********************************************************************************/

/* Banner                                                                        */

/*********************************************************************************/



	#banner

	{

		position: relative;

		text-align: center;

		color: #fff;

	}

	

	#banner .fa

	{

	}



		#banner .fa:before

		{

			padding-bottom: 0.50em;

			font-size: 8em;

		}



	#banner .button

	{

	}

	

		#banner .button:hover

		{

		}



	#servicios{

		width: 100%;

		display: inline-block;

	}



	.box{

		width: 100%;

		background: white;

	}



	.contenedor{

		display: inline-block;

		width: 100%;

	}



	.contenedor .top{

		width: 100%;

		display: inline-block;

		margin: 0 auto;

	}



	.contenedor .uno{

		width: 33%;

		height: 100px;

		background-color: #300574;

		z-index: 1;

		opacity: 1;

		display: inline-block;



	}



		.contenedor .uno:hover {

			transition: all 1.4s;

			opacity: 0.8;

			cursor: pointer;

		}

	

	.contenedor .dos{

		width: 33%;

		height: 100px;

		opacity: 1;

		background-color: #770000;

		display: inline-block;

		z-index: 3;

		margin-left: -0.3em;

		margin-right: -0.3em;

	}



		.contenedor .dos:hover{

			transition: all 1.4s;

			opacity: 0.8;

			cursor: pointer;

		}



	.contenedor .tres{

		width: 34%;

		height: 100px;

		opacity: 1;

		background-color: #060361;

		display: inline-block;

		z-index: 2;

	}



		.contenedor .tres:hover{

			transition: all 1.4s;

			opacity: 0.8;

			cursor: pointer;

		}



	.encabezado{

		text-align: center;

		margin: 0 auto;

		vertical-align: middle;

		color: #fff;

		font-weight: bold;

		padding-top: 9%;

		font-size: x-large;

	}



	.titulo{

		text-align: right;

		display: inline-block;

		vertical-align: middle;

		color: #fff;

		font-weight: bold;

		font-size: 40px;

		text-shadow: 3px 4px 2px #000;

		margin-top: 250px;

		margin-left: 20px;

	}



	.logo-w{

		text-align: right;

		margin-top: 250px;

		margin-left: 80px;

		display: inline-block;

		vertical-align: middle;

	}



	.subtitulo{

		text-align: center;

		margin: 0 auto;

		vertical-align: middle;

		color: #000;

		font-weight: bold;		

		font-size: 40px;

	}

	



	.b1{

		background-image: url(../images/banner8v2.jpg);

		background-size: cover;

		min-height: 520px;

	}



	.b2{

		background-image: url(../images/bannerF02.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.b3{

		background-image: url(../images/bannerF03.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.b4{

		background-image: url(../images/bannerF04.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.b5{

		background-image: url(../images/bannerF05.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.b6{

		background-image: url(../images/bannerF06.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.b7{

		background-image: url(../images/bannerFv2.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.b8{

		background-image: url(../images/bannerFF2.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.b9{

		background-image: url(../images/bannerFF3.jpg);	

		background-size: cover;

		min-height: 520px;

	}



	.form > li > input{

		border-radius: 5px;

		border: 1px #FBD3D3 solid;

		padding: 5px;

		margin-top: 3px;

		min-width: 100%;

	}



	.form > li > textarea{

		border-radius: 5px;

		border: 1px #FBD3D3 solid;

		padding: 5px;

		margin-top: 3px;

		min-width: 100%;

	}



	.form > li > center > button{

		border-radius: 10px;

		border: 1px #BFBABB solid;

		background-color: #403A3B;

		color: #fff;

		padding: 10px 25px;

	}



	.form > li > button:hover{

		border-radius: 10px;

		border: 1px #FBD3D3 solid;

		background-color: #FBD3D3;

		color: #000;

		cursor: pointer;

	}



	.form > li > label.text{

		display: inline-block;

	}



  	.form >li > input[type="checkbox"] {

	    min-width: 5px;

	    margin-left: 10px;

	    display: inline-block;

	    text-align: left!important;
  	}



/*********************************************************************************/

/* Main                                                                          */

/*********************************************************************************/



	#main

	{

		position: relative;

	}

	

		.homepage #main header,

		.homepage #main

		{

			text-align: center;

		}

		

		#main .left

		{

			text-align: left;

		}

		

		#main .right

		{

			text-align: right;

		}

		

		#main .button

		{

			display: inline-block;

			margin-top: 4em;

		}

		

		#main .divider

		{

			margin-top: 4em;

			border-bottom: 1px solid rgba(0,0,0,.2);

		}



		

		.sidebar .default li

		{

			border-color: rgba(0,0,0,.1);

		}

		

		.sidebar .default a

		{

			color: #333;

		}



	

/*********************************************************************************/

/* Extra                                                                         */

/*********************************************************************************/



	#extra

	{

		min-height: 500px;

		background: #f5f5f5;

		text-align: center;



	}

	

	#extra header h2

	{

		text-transform: uppercase;

		font-size: 1.6em;

		color: #D50C0F;

	}



	#extra header h3

	{

		text-transform: uppercase;

		font-size: 1.2em;

		color: #333;

	}

	

	#extra .fa

	{

	}



		#extra .fa:before

		{

			margin-bottom: 1em;

			width: 2em;

			height: 2em;

			line-height: 2em;

			font-size: 3em;

			border-radius: 50%;

			border: 2px solid;

			border-color: rgba(0,0,0,.8);

			color: rgba(0,0,0,.8);

		}

		

	#extra .button

	{

		margin-top: 4em;

	}



	.botonS:hover

	{

		transform: scale(1.1);

		transition-duration: 1.6s;

	}



	#extra .fa:hover{

		color: #D50C0F;

		border-color: #D50C0F;

	}





/*********************************************************************************/

/* Featured                                                                      */

/*********************************************************************************/

	

	#featured

	{

		position: relative;

		background: url(images/featured-wrapper-bg.jpg) repeat;

		text-align: center;

		color: #FFF;

	}

	

	#featured header

	{

	}



/*********************************************************************************/

/* Footer                                                                        */

/*********************************************************************************/

	

	#footer

	{

		position: relative;

		background: url(images/footer-content-wrapper-bg.jpg) repeat;

		color: rgba(255,255,255,.6);

	}

	

	#footer header h2

	{

		text-transform: uppercase;

		font-weight: 600;

		font-size: 1.4em;

		color: #FFF;

	}



	#body body h2

	{

		text-transform: uppercase;

		font-weight: 600;

		font-size: 1.4em;

		color: #FFF;

	}

	

/*********************************************************************************/

/* Copyright                                                                     */

/*********************************************************************************/

	

	#copyright

	{

		position: relative;

		padding: 3em 0em;

		text-align: center;

		color: rgba(255,255,255,.4);

	}

	

	#copyright .container

	{

	}

	

	#copyright a

	{

		text-decoration: none;

		color: rgba(255,255,255,.6);

	}			





/* Forms

   ========================================================================== */



/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */



/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */



button .contacto,

input,

optgroup,

select,

textarea {

  color: inherit; /* 1 */

  font: inherit; /* 2 */

  margin: 0; /* 3 */

}



/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */



button .contacto {

  overflow: visible;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */



button .contacto,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */



button .contacto,

html input[type="button"], /* 1 */

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button; /* 2 */

  cursor: pointer; /* 3 */

}



/**

 * Re-set default cursor for disabled elements.

 */



button .contacto [disabled],

html input[disabled] {

  cursor: default;

}



/**

 * Remove inner padding and border in Firefox 4+.

 */



button .contacto ::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */



input {

  line-height: normal;

}



/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box; /* 1 */

  padding: 0; /* 2 */

  margin-top: 30px;

  height: 25px;
  width: 25px;

}


/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.

 */



input[type="search"] {

  -webkit-appearance: textfield; /* 1 */

  box-sizing: content-box; /* 2 */

}



/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Define consistent border, margin, and padding.

 */



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */



legend {

  border: 0; /* 1 */

  padding: 0; /* 2 */

}



/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */



textarea {

  overflow: auto;

}



/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */



optgroup {

  font-weight: bold;

}



.social {

	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/

	left: 0; /* Establecemos la barra en la izquierda */

	top: 450px; /* Bajamos la barra 200px de arriba a abajo */

	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */

}

 

	.social ul {

		list-style: none;

	}

 

	.social ul li a {

		display: inline-block;

		color: #fff;

		background: #37455C;

		padding: 10px 10px;

		text-decoration: none;

		-webkit-transition:all 500ms ease;

		-o-transition:all 500ms ease;

		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */

	}

 

	.social ul li .fa-facebook-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-linkedin-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-vimeo-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-twitter-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-youtube {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	 

	.social ul li a:hover {

		background: #643955; /* Cambiamos el fondo cuando el usuario pase el mouse */

		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */

	}

	ul.column

		{

			list-style:inside;

			margin: 0;

			padding: 0em 0em;

		}

			ul.column li

			{

				padding: 0em 0em;

				border-top: 1px solid;

				border-color: rgba(255,255,255,.2);

				color: #333;

				text-align: justify;

				text-indent: -16px;

				margin-left: 25px;   

			}

			

			ul.column li:first-child

			{

				padding-top: 0em;

				border-top: none;

			}

			

			ul.column a

			{

				color: rgba(255,255,255,.6);

			}




	.barra{

		width: 100%;

		background-color: #C70039;

		height: 5px;

		position: fixed;

		z-index: 1000;

	}





.soporte {

	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/

	right: 0; /* Establecemos la barra en la izquierda */

	top: 0px; /* Bajamos la barra 90px de arriba a abajo */

	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */

}

 

	.soporte ul {

		list-style: none;

	}

 

	.soporte ul li a {

		display: inline-block;

		color: #fff;

		background: #2E86C1;

		padding: 15px 25px;

		text-decoration: none;

		-webkit-transition:all 500ms ease;

		-o-transition:all 500ms ease;

		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */

	}

 

	.soporte ul li .fa-video-camera {color:#fff;} /* Establecemos los colores de cada red soporte, aprovechando su class */

	 

	.soporte ul li a:hover {

		background: #1B4F72; /* Cambiamos el fondo cuando el usuario pase el mouse */

		padding: 30px 45px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */

	}



.redsocial {

	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/

	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */

	bottom: 0px;

	right: 0px;

}

 

	.redsocial ul {

		list-style: none;

	}

 

	.redsocial ul li a {

		display: inline-block;

		color: #fff;

		background: #000;

		padding: 15px 25px;

		text-decoration: none;

		-webkit-transition:all 500ms ease;

		-o-transition:all 500ms ease;

		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */

	}

 

	.redsocial ul li .fa-video-camera {color:#fff;} /* Establecemos los colores de cada red redsocial, aprovechando su class */

	 

	.redsocial ul li a:hover {

		background: #C10202; /* Cambiamos el fondo cuando el usuario pase el mouse */

		padding: 30px 45px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */

	}



.promocion {

	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/

	right: 0; /* Establecemos la barra en la izquierda */

	top: 320px; /* Bajamos la barra 200px de arriba a abajo */

	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */

}

 

	.promocion ul {

		list-style: none;

	}

 

	.promocion ul li a {

		display: inline-block;

		color: #fff;

		background: #C11818;

		padding: 15px 25px;

		text-decoration: none;

		-webkit-transition:all 500ms ease;

		-o-transition:all 500ms ease;

		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */

	}

 

	.promocion ul li .fa-video-camera {color:#fff;} /* Establecemos los colores de cada red promocion, aprovechando su class */

	 

	.promocion ul li a:hover {

		background: #F20909; /* Cambiamos el fondo cuando el usuario pase el mouse */

		padding: 20px 40px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */

	}



.social {

	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/

	left: 0; /* Establecemos la barra en la izquierda */

	top: 382px; /* Bajamos la barra 200px de arriba a abajo */

	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */

}

 

	.social ul {

		list-style: none;

	}

 

	.social ul li a {

		display: inline-block;

		color: #fff;

		background: #37455C;

		padding: 10px 10px;

		text-decoration: none;

		-webkit-transition:all 500ms ease;

		-o-transition:all 500ms ease;

		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */

	}

 

	.social ul li .fa-facebook-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-linkedin-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-vimeo-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-twitter-square {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	.social ul li .fa-youtube {color: #fff;} /* Establecemos los colores de cada red social, aprovechando su class */

	 

	.social ul li a:hover {

		background: #643955; /* Cambiamos el fondo cuando el usuario pase el mouse */

		padding: 10px 15px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */

	}




.fadebox {

	display: none;

	position: absolute;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: black;

	z-index:1001;

	-moz-opacity: 0.8;

	opacity:.80;

	filter: alpha(opacity=80);

}

.overbox {

	display: none;

	position: absolute;

	top: 6%;

	left: 30%;

	width: 65%;

	height: 74%;

	z-index:1002;

	overflow: auto;

}

#content {

	background: transparent;

	border: transparent;

	padding: 10px;

}

/*'''''''''''*/