@charset "UTF-8";

/* CSS Document */

/*copyright vcoronel.com 2013
Victor Coronel. Fort Lauderdale, FL.
*/

/* desolve color palette
#4C4341     rgb(76, 67, 65)  ASH
#646266      rgb(100, 98, 102)  DULL GRAY
#7B798F     rgb(123, 121, 143)  PEWTER BLUE
#ADA982    rgb(173, 169, 130)  DARK TAN
#D8D5BC   rgb(216, 213, 188)  MED TAN
#EDE4D6   rgb(237, 228, 214)  LIGHT TAN
#667F6A     rgb(102, 127, 106)  DARK GREEN
*/
/*Fonts*/
@font-face {
	font-family: 'Cantarell';
	src: url('../_fonts/Cantarell-Regular-webfont.eot');
	src: url('../_fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../_fonts/Cantarell-Regular-webfont.woff') format('woff'), url('../_fonts/Cantarell-Regular-webfont.ttf') format('truetype'), url('../_fonts/Cantarell-Regular-webfont.svg#webfont9UOzsjXz') format('svg');
	font-weight: normal;
	font-style:normal;
}

@font-face {
	font-family: 'Cantarell';
	src: url('../_fonts/Cantarell-Oblique-webfont.eot');
	src: url('../_fonts/Cantarell-Oblique-webfont.eot?#iefix') format('embedded-opentype'), url('../_fonts/Cantarell-Oblique-webfont.woff') format('woff'), url('../_fonts/Cantarell-Oblique-webfont.ttf') format('truetype'), url('../_fonts/Cantarell-Oblique-webfont.svg#webfontRl4nowrT') format('svg');
	font-weight: normal;
	font-style:italic;
}

@font-face {
	font-family: 'Cantarell';
	src: url('../_fonts/Cantarell-Bold-webfont.eot');
	src: url('../_fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../_fonts/Cantarell-Bold-webfont.woff') format('woff'), url('../_fonts/Cantarell-Bold-webfont.ttf') format('truetype'), url('../_fonts/Cantarell-Bold-webfont.svg#webfontKr2CkGZp') format('svg');
	font-weight: bold;
	font-style:normal;
}

@font-face {
	font-family: 'Cantarell';
	src: url('../_fonts/Cantarell-BoldOblique-webfont.eot');
	src: url('../_fonts/Cantarell-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'), url('../_fonts/Cantarell-BoldOblique-webfont.woff') format('woff'), url('../_fonts/Cantarell-BoldOblique-webfont.ttf') format('truetype'), url('../_fonts/Cantarell-BoldOblique-webfont.svg#webfontQ1aSR0ux') format('svg');
	font-weight: bold;
	font-style:italic;
}

@font-face {
	font-family: "Cardo";
	src: url("../_fonts/Cardo99s-webfont.eot");
	src: url("../_fonts/Cardo99s-webfont.eot?#iefix") format("embedded-opentype"), url("../_fonts/Cardo99s-webfont.woff") format("woff"), url("../_fonts/Cardo99s-webfont.ttf") format("truetype"), url("../_fonts/Cardo99s-webfont.svg#webfontQ5EXXZTZ") format("svg");
	font-weight: normal;
	font-style: normal;
}

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

/*Global styles -----------------------------------------------------------------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
a {
	text-decoration: none;
	color: #667F6A;
	border-bottom: 1px dotted #667F6A;
}

a:hover {
	color: #7B798F;
	border-bottom: 1px solid #7B798F;
}

a img {
	border: none;
	outline: 0;
}

.innerContainer a {
	display: block;
	height:100%;
}

.innerContainer a:hover {
	border: none;
}

a.phone {
	border: none;
	color: inherit;
}

a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
}

html {
	background: rgb(123, 121, 143);
	background:#93bd91;
	background:url(../_images/patterns/subtle_zebra_3d.png) repeat;
}

body {
	font: 100% Cantarell, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	background: #fff;
	color: rgb(76, 67, 65);
	font-weight: normal;
	font-style: normal;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
}

#mainNav h2, #mainNav #menuToggle {
	display: none;
}

nav ul {
	list-style: none;
}

/*header styles*/
header {
	background: rgb(100, 98, 102);
	background: rgb(156, 196, 154);
	width: 100%;
	padding-top: 1px;
	overflow: hidden;
	margin-bottom: 1.5em;
}

header h1 {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

header a {
	text-decoration: none;
	border: none;
	color: white;
}
header a:hover {
	border: none;
	color: white;
}

/*nav styles*/
#mainNav {
	margin-bottom: .5em;
	width: 100%;
}
#mainNav li {
	float: left;
}
#mainNav a, #mainNav h3 {
	/*text-transform: uppercase;*/
	display: block;
	color: rgb(76, 67, 65);
	border: none;
}
#mainNav a:hover {
	color: rgb(123, 121, 143);
	color:#004b8d; /* vac2013 > menu color selection */
}
#mainNav a.current {
	color: rgb(123, 121, 143);
	cursor: default;
}
#mainNav ul.submenu li a { /* vac2013 */
	text-transform:capitalize;
}

/*misson styles*/
.mission h1 {
	text-transform: uppercase;
}

/*article styles*/
article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 2em;
}

article h1 {
	font: 1.8em Cardo, Georgia, serif;
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 1.5em;
}

article h2 a {
	color: rgb(76, 67, 65);
	border: none;
}

article h2 a:hover {
	color: rgb(123, 121, 143);
	border: none;
}

.innerContainer a, .innerContainer a:hover {
	display: block;
	border: none;
}

/*gallery styles*/
#gallery {
	margin-top: 2em;
}

#gallery h1 {
	background: none;
	padding: 0;
	border: none;
	margin: 0;
}

.intro p {
	font-size: 1em;
	margin: 0 0 1em;
}

#gallery ul, #gallery li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*contact styles*/
#contact h1 {
	background-position: right -390px; 
	margin-bottom: 1em;
}

#contact h2 {
	font-size: 1.4em;
}

#contact h3 {
	font-size: 1em;
	border-bottom: 1px solid rgb(76, 67, 65);
	margin: 1em 0 .5em;
}

#contact ul {
	list-style: none;
}

#contact ul li {
	margin-bottom: 1em;
	width: 44%;
	display: inline-block;
}

#contact li a {
	color:rgb(76, 67, 65);
	border: none;
	padding-left: 40px;
	line-height: 50px;
	font-size: 1.2em;
	display:block;
}

#contact li a:hover {
	color: rgb(123, 121, 143);
}

/*form styles*/
fieldset {
	border: none;
	background: rgb(237, 228, 214);
	background:#e4e0dc;
	position: relative;
	min-width: 250px;
	padding:1em;
	margin: 1em 0;
	-webkit-border-radius: .5em .5em .5em .5em;
	-moz-border-radius: .5em .5em .5em .5em;
	border-radius: .5em .5em .5em .5em;
}

fieldset:before {
	content:attr(title);
	display: block;
	font: 1.2em Cantarell, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*border-bottom: 1px solid rgb(76, 67, 65);*/
	width: 100%;
}

legend {
	position: absolute;
	top:0;
	left: -2000em;
}

fieldset p {
	font: .8em Cantarell, Arial, Helvetica, sans-serif;
	margin: 1em 0 0;
	font-style: italic;
}

label {
	display:block;
	font-size: 1em;
	margin: .8em 0 0;
}

input[type="submit"] {
	display:block;
	margin: 1em 0;
}

/*
input[type="text"], input[type="email"], input[type="url"], textarea {
width: 95%;
border:1px solid #333;
}
vac2013*/

#frmFORMA.resize { /*vac2013 login page @ half size */
	width:50%;
	margin:0 auto;
}


.inline {
	display: inline;
}

/*aside styles*/
aside h2 {
	font-family: Cardo, Georgia, serif;
}

.enter a {
	border: 1px solid #999;
	margin: 1em 0 1.5em;
	color: rgb(76, 67, 65);
	width: 5em;
	height: 1.4em;
	line-height: 1.4em;
	text-align: center;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	background: rgb(226,226,226);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* W3C */
}

.enter a:hover {
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(49%, rgba(209,209,209,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(100%, rgba(226,226,226,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 49%, rgba(219,219,219,1) 50%, rgba(226,226,226,1) 100%); /* W3C */
}

/*footer styles*/
#pageFooter {
	background: rgb(173, 169, 130);
	background:#cac1b9;
	padding-top: 1.5em;
}

#pageFooter input[type="search"] {
	width: 200px;
}

#pageFooter label {
	display: block;
	font-size: 1.2em;
	text-transform:uppercase;
}

#pageFooter a {
	display:block;
	height: 100px;
	line-height: 100px;
	border: none;
	color:rgb(76, 67, 65);
	padding-left: 95px;
	background: url(../_images/tweet_90.png) no-repeat;
}

/*mobile styles*/
@media only screen and (max-width:480px) {

/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}

body {
	width: 90%;
	margin: 0 auto;
	min-width: 320px;
	max-width: 480px;
}
nav p {
	text-align:center;
}
/*header styles*/
header {
	height: 90px; /* vac2013 changed it from 70px */
}

header h1 {
	font-size: 2em;
	padding-left: 55px;
	line-height: 70px;
	width: 190px;
	margin: 0 auto;
	background:url(../_images/easyInvoice_logo_mobile.png)no-repeat center center;
}

header h2 {
	display: none;
}

/*nav styles*/
#mainNav {
	width: auto;
	margin: 0;
	margin-bottom: 1em;
	background: white;
	overflow: hidden
}

#mainNav li {
	margin: 0;
	float: none;
	position: relative;
}
.topMenu {
	max-height: 0;
	visibility: hidden;
}
.topMenu.expand {
	max-height: 900em;
	visibility: visible;
}

#mainNav a, #mainNav h3 {
	font-size: 1.2em;
	text-align: left;
	color: white;	
	display: block;
	margin-bottom: 1px;
	background: rgb(76, 67, 65);
	padding-left: 1em;
	line-height: 2em;
	text-transform: uppercase;
	cursor: pointer;
}
#mainNav a:hover {
	color: white;
}
#mainNav a.current {
	color: rgb(237, 228, 214);
}
#mainNav span.indicator {
	position: absolute;
	right: 1em;
}
/*dropdown menu styles*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
}
#mainNav ul.submenu.expand {
	max-height: 20em;
}

#mainNav ul.submenu li a {
	padding: .2em 1em;
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1em;
	padding-left: 3em;
	background: rgb(100, 98, 102);
}
#mainNav .menuToggle {
	display: block;
	background: rgb(76, 67, 65);
	width: 8em;
	margin-bottom: .2em;
	position: relative;
}
.menuToggle a {
	text-align: center;
	padding: 0;
}

/*mission styles*/
.mission {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2.4em;
}

.mission h1 {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	margin-bottom: .5em;
}

.mission p {
	width: 90%;
	font-size: .8em;
	margin: 0 auto;
	line-height: 2;
}
.mission p a:hover {
	color:#F00;
}

/* article styles */
article {
	width: 90%;
	margin: 0 auto;
}

article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 1.6em;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}

article h1 {
	background: url(../_images/icon_sprites_50.png) no-repeat right top;
	padding: 20px 0 5px;
}

article h2 {
	font: 2em Cardo, Georgia, serif;
	margin-bottom: 0;
}

.caption {
	font-size: .8em;
	margin-top: 1em;
}

article p.pubdate {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

article .innerContainer {
	/*height: 175px; vac2013 */
}


/*gallery styles*/
#gallery h1 {
	font: 4em OstrichSansBold;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	color: rgb(123, 121, 143);
}

.intro {
	margin-bottom: 2em;
}

.intro p {
	font-size: .8em;
	margin: 0 0 1em;
}

.photos img {
	max-width: 90%;
	margin: 0 auto;
	display: block;
	margin-bottom:.8em;
}
.photos li {
	position: relative;
	float: none;
}

#gallery .photos a:after {
	content: attr(title);
	display: block;
	width: 90%;
	position: absolute;
	top: 0;
	left: 5%;
	line-height: 2em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}

/*contact styles*/
#contact h2 {
	margin-bottom: 1em;
}

a.phone {
	padding: .5em .5em .5em 30px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWBJREFUeNpiZMADfF2cEoCUAgN54MHmPfsW4JJkxGPpfCCVwEAZWAC0PJFoi4GWGgCp8wzUAYZAyy+gC7LgUCwAIpzd3BnEJCTIsu3VixcMe3fthJtFrMUMMIt19PXJsvjKxYswi7ECJoYBAqMWj1o8avGoxaMWj1o8+CzGWx/Pnj6VgYeHhyyDv3z5QromYNPHAYj/X75w4T8IVBUXotDLFi2Ey4HY2ORAGGQGyCxsdjBjE1RXUlSANfTu37vLcBnYmvj69SucvnLxAsOrly/BcjA2htzdu2AMBAtv3bv/gKQ4BjVdQG2ngtIyhhNHj8DpyNh4BkVlZbAciI1NDl+zZ0ATF67mLShe9sNamXt37mRwdneH06DgFBOXAMuB2Dr6BhhysBADAkdg8/YAWa1MkGGRsXFwejlQTldPHywHYmOTQ7KYJB/TvEGPNY6hChdQwdIF2CzF23eidacNIMAAxi/joc6jdacAAAAASUVORK5CYII=)no-repeat left center;
	border: 1px solid rgb(123, 121, 143);
	margin: 2.4em auto;
	width: 200px;
	display:block;
}
.connect {
	margin-top: 2em;
}

#contact li a {
	padding-left: 30px;
	line-height: 35px;
	font-size: 1em;
	display:block;
	background-size: 20%;
}
a.phone:hover {
	border: 1px solid rgb(123, 121, 143);
}

/*form styles*/
fieldset {
	width: 90%;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 95%;
}

fieldset p {
	float: none;
	width: auto;
}


/*aside styles*/
aside {
	width: 90%;
	margin: 0 auto;
}

aside section {
	clear: both;
}

aside h2 {
	font-size: 1.6em;
	margin: 1em 0 .8em;
	padding-top: .8em;
	border-top: 2px solid rgb(76, 67, 65);
	text-align:center;
}

aside nav h2 {
	border: none;
	padding-top: 0;
}

aside nav {
	margin-bottom: 2em;
}

aside nav ul {
	display: none;
}

nav select {
	width: 200px;
	margin-left: 20%;
}

.contest img {
	display: block;
	margin: 0 auto .8em;
}

.contest p {
	font-size: .9em;
	margin: 0 auto;
	margin-bottom: 1.5em;
	width: 80%;
	line-height: 1.5;
}

.enter a {
	display: block;
}

/*footer styles*/
#pageFooter {
	clear:both;
	overflow:hidden;
	padding-bottom: 2em;
}

#pageFooter form {
	width: 90%;
	margin: 0 auto 1em;
}

.notice {
	width: 300px;
}

#pageFooter p {
	margin-left: 5%;
}

/*---------------------------------------*/
/* LAST MINUTE ADDITIONAL STYLES vac2013 */
/*---------------------------------------*/
/* FORM STYLES */
article section.formContainer {
	border-bottom:none;
}
/*vac2013 login page > Back to 100% size */
#frmFORMA.resize { 
	width:100%;
}
article h1 {
	background: url(../_images/icon_sprites_25.png) no-repeat right top;
	padding: 20px 0 5px;
	font-size:1em;
}




}

/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {

body {
	width: 90%;
	margin: 0 auto;
	min-width: 500px;
	max-width: 768px;
}

/*header styles*/
header {
	height: 165px;
	margin-bottom: 1em;
}

header h1 {
	font-size: 3.2em;
	padding-left: 110px;
	line-height: 165px;
	width: 270px;
	margin: 0 auto;
	background:url(../_images/easyInvoice_logo_tablets.png) no-repeat center center;
}

header h2 {
	display: none;
}
nav p {
	text-align:center;
}

/*nav styles*/
#mainNav {
	width: 100%;
	font-size: 90%;
	padding-bottom: 0;
	margin-bottom: 1em;
}
.topMenu {
	width: 450px;
	margin: 0 auto;
}

#mainNav li {
	margin-right: 5%;
	position: relative;
	width: auto;
}

#mainNav li:last-child {
	margin-right: 0;
}

#mainNav a, #mainNav h3 {
	font-size: 1em;
	text-align: center;
	cursor: pointer;
}
/*dropdown menu styles*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	padding-top: 1.1em;
	max-height: 0;
	-moz-transition:max-height 0.2s ease;
	-webkit-transition:max-height 0.2s ease;
	-o-transition:max-height 0.2s ease;
	transition:max-height 0.2s ease;
	overflow: hidden;
	z-index: 1000;
	position: absolute;
}
#mainNav ul.submenu li {
	float: none;
	margin: 0;
	background: rgb(76, 67, 65);
}
#mainNav li.hover:hover ul, #mainNav ul.submenu.expand {
	max-height: 20em;
}
#mainNav ul.submenu li a {
	border-bottom: 1px solid white;
	padding: .2em 1em;
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1.1em;
}
#mainNav ul.submenu li:last-child a {
	border-bottom: none;
}
#mainNav ul.submenu li a:hover {
	background: rgb(123, 121, 143);
	background: rgba(147, 189, 145, .7);

}

/*mission styles*/
.mission {
	padding-left: 3.9%;
	overflow: hidden;
	/*background: url(../_images/sm_skyline.jpg) no-repeat; vac2013 > COMEBACK*/
	background: url(../_images/sm_banner_1.jpg) no-repeat;
	margin-bottom: 3em;
	position: relative;
	height: 200px;
}

.bienvenido {
	background:url(../_images/b_bienvenido_s.jpg) no-repeat #d0d1cc;
}
.listado {
	background: url(../_images/b_listados_s.jpg) no-repeat #d0d1cc;
}


.mission h1 {
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	letter-spacing:.1em;
	text-align: center;
	margin-top: 1em;
}

.mission p {
	width: 80%;
	margin: 0 auto;
	margin-top: 220px;
}

.mission p a:hover {
	color:#FF3;
}


/* vac2013 -> SAME AS SMALL SCREEENS  */

/* article styles */
article {
	width: 90%;
	margin: 0 auto;
}

article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 1.6em;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}

article h1 {
	background: url(../_images/icon_sprites_50.png) no-repeat right top;
	padding: 20px 0 5px;
}

article h2 {
	font: 2em Cardo, Georgia, serif;
	margin-bottom: 0;
}

.caption {
	font-size: .8em;
	margin-top: 1em;
}

article p.pubdate {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

article .innerContainer {
	/*height: 175px; vac2013 */
}



/*gallery styles*/
#gallery h1 {
	font: 6.2em OstrichSansBold;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: rgba(123, 121, 143,.8)
}

/*gallery title styles*/
.char1 {
	text-shadow: 0 -.2em .02em rgba(226,100,100,.6), 0 .2em .02em rgba(102,151,188,.6);
}

.char2 {
	text-shadow: 0 -.18em .02em rgba(226,100,100,.6), 0 .18em .02em rgba(102,151,188,.6);
}

.char3 {
	text-shadow: 0 -.14em .01em rgba(226,100,100,.6), 0 .14em .01em rgba(102,151,188,.6);
}

.char4 {
	text-shadow: 0 -.1em .01em rgba(226,100,100,.6), 0 .1em .01em rgba(102,151,188,.6);
}

.char5 {
	text-shadow: 0 -.06em 0 rgba(226,100,100,.6), 0 .06em 0 rgba(102,151,188,.6);
}

.char6 {
	text-shadow: 0 -.02em 0 rgba(226,100,100,.6), 0 .02em 0 rgba(102,151,188,.6);
}

.char7 {
	text-shadow: 0 .02em 0 rgba(226,100,100,.6), 0 -.02em 0 rgba(102,151,188,.6);
}

.char8 {
	text-shadow: 0 .06em 0 rgba(226,100,100,.6), 0 -.06em 0 rgba(102,151,188,.6);
}

.char9 {
	text-shadow: 0 .1em .01em rgba(226,100,100,.6), 0 -.1em .01em rgba(102,151,188,.6);
}

.char10 {
	text-shadow: 0 .14em .01em rgba(226,100,100,.6), 0 -.14em .01em rgba(102,151,188,.6);
}

.char11 {
	text-shadow: 0 .18em .02em rgba(226,100,100,.6), 0 -.18em .02em rgba(102,151,188,.6);
}

.char12 {
	text-shadow: 0 .2em .02em rgba(226,100,100,.6), 0 -.2em .02em rgba(102,151,188,.6);
}

.intro p {
	font-size: .8em;
	margin: 0 0 1em;
	float: none;
	clear: none;
	width: auto;
}

.intro {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: .5em;
	margin-bottom: 2em;
}

.photos {
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	column-count: 2;
	column-gap: .5em;
	margin-bottom: 2em;
}

.photos img {
	max-width: 100%;
	margin-bottom: .5em;
}
.photos li {
	position: relative;
	float: none;
}

#gallery .photos a:after {
	content: attr(title);
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}

/*contact styles*/
#contact ul li {
	width: 38%;
	display: inline-block;
}

#contact h2 {
	font-size: 1.4em;
	float: none;
	clear: left;
	margin-bottom: 1.5em;
	width: auto;
}

/*form styles*/
fieldset {
	width: 90%;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 95%;
}

fieldset p {
	float: none;
	width: auto;
}

/*aside styles*/
aside {
	width: 92.2%;
	padding: 0 3.9%;
}

aside section {
	clear: both;
}

aside h2 {
	font-size: 1.2em;
	margin-bottom: 1em;
	border-top: 2px solid rgb(76, 67, 65);
	padding-top: .8em;
}

aside nav h2 {
	float: left;
	margin-right: 1em;
	font-size: 1.6em;
	border: none;
	padding-top: 0;
}

aside nav {
	margin-bottom: 2em;
}

aside nav ul {
	display: none;
}

nav select {
	float: left;
	margin-top: 1em;
	width: 200px;
}

.contest img {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}

.contest p {
	font-size: .9em;
	margin-bottom: 1.5em;
	width: 85%;
	line-height: 2;
}

.enter a {
	clear: both;
	display: block;
}

/*footer styles*/
#pageFooter {
	clear:both;
	overflow:hidden;
	height: 150px;
}

#pageFooter form {
	float: left;
	margin-left: 3.9%;
	display: inline;
}

.notice {
	width: 300px;
}

#pageFooter p {
	float: right;
	clear: right;
	margin-right: 3.9%;
	text-align: right;
}

/*---------------------------------------*/
/* LAST MINUTE ADDITIONAL STYLES vac2013 */
/*---------------------------------------*/
/* FORM STYLES */
article section.formContainer {
	border-bottom:none;
}
/*vac2013 login page > Back to 100% size */
#frmFORMA.resize { 
	width:100%;
	margin:0 auto;
}

}
/*desktop styles*/
@media only screen and (min-width:769px) {

body {
	width: 90%;
	margin: 0 auto;
	min-width: 1024px;
	max-width: 1280px;
}

/*header styles*/
header {
	height: 165px;
	margin-bottom: 1em;
}

header h1 {
	font-size: 3.2em;
	padding-left: 300px;
	line-height: 100px;
	line-height: 165px;
	margin-right: .5em;
	float: left;
	margin-left: 3.9%;/* fixes nasty 1px header fitting problem*/
	display: inline;
	background:url(../_images/easyInvoice_logo.png) no-repeat left center;
}

header h2 {
	font-family: Cantarell, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:normal;
	font-size: 1.4em;
	color: #fff;
	float: left;
	text-transform: lowercase;
	letter-spacing:.1em;
	line-height: 165px;
}

/*nav styles*/
#mainNav {
	padding-left: 3.9%;
	margin-bottom:1em;
}
#mainNav li {
	margin-right: 3%;
	position: relative;
}
#mainNav a, #mainNav h3 {
	font-size: 1.2em;
	text-align: center;
	padding: 0 1em; 
	padding-left:30px; /* vac2013 */

}
/*dropdown menu styles*/
#mainNav ul.submenu {
	float: none;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	padding-top: 2.8em;
	left: -8000em;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
	z-index: 1000; 
}
#mainNav ul.submenu li {
	float: none;
	margin: 0;
	background: rgb(76, 67, 65);
	background: rgb(76, 67, 65, .9); /* vac2013 */
}
#mainNav li:hover ul {
	left: 0;
	max-height: 20em; 	
}
#mainNav ul.submenu li a {
	border-bottom: 1px solid white;
	padding: .2em 1em;
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1.1em;
}
#mainNav ul.submenu li:last-child a {
	border-bottom: none; 
}
#mainNav ul.submenu li a:hover {
	background: rgb(123, 121, 143);
	background: rgba(147, 189, 145, .7);

}

/*mission styles*/
.mission {
	height: 200px;
	padding-left: 3.9%;
	overflow: hidden;
	background:url(../_images/banner_1.jpg) no-repeat;
	margin-bottom: 4em;
	position: relative;
}
.bienvenido {
	background: url(../_images/b_bienvenido.jpg) no-repeat #d0d1cc;
}
.listado {
	background: url(../_images/b_listados.jpg) no-repeat #d0d1cc;
}



.mission h1 {
	font-size: 2.2em;
	color: #fff;
/*	color: #9cc49a; text-shadow: 2px 2px #fff; vac2013 > Uhmmm no!*/
	padding-top: 150px;
	letter-spacing:.1em;
}
.mission p {
	width: 21%;
	padding: 1% 1% 0;
	height: 200px;
	font-size: 1em;
	color: #fff;
	/*	background: rgba(147, 189, 145, .7);
	background: rgba(168, 88, 163, .7);
	background: rgba(90, 74, 65, .6);*/
	background: rgba(49, 51, 62, .4);
	background: rgba(82, 56, 44, .6);
	position: absolute;
	top: 0;
	right: 0;
}
.mission p a:hover {
	color:#FF3;
}


/* article styles */
article {
	float: left;
	width: 90.1%; /* vac2013 changed it from 70.1% */
	padding-left:3.9%;
}

article section {
	border-bottom: 2px solid rgb(76, 67, 65);
	margin-bottom: 2em;
}

article h1 {
	background: url(../_images/icon_sprites_50.png) no-repeat right top;
	padding: 20px 0 5px;
}

article h2 {
	font: 2.8em Cardo, Georgia, serif;
	float: left;
	margin-bottom: .1em;
}

article p {
	font-size:1.2em;
	margin: .8em 0;
}

article p.pubdate {
	font-size: 1.2em;
	text-transform: uppercase;
	float: right;
	padding-top: .8em;
	margin:0;
}

article .innerContainer {
	/*height: 250px; vac2013 */
	clear:both;
}


/*gallery styles*/
#gallery h1 {
	font: 10em OstrichSansBold;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: rgba(123, 121, 143,.8)
}

/*gallery title styles*/
.char1 {
	text-shadow: 0 -.2em .02em rgba(226,100,100,.6), 0 .2em .02em rgba(102,151,188,.6);
}

.char2 {
	text-shadow: 0 -.18em .02em rgba(226,100,100,.6), 0 .18em .02em rgba(102,151,188,.6);
}

.char3 {
	text-shadow: 0 -.14em .01em rgba(226,100,100,.6), 0 .14em .01em rgba(102,151,188,.6);
}

.char4 {
	text-shadow: 0 -.1em .01em rgba(226,100,100,.6), 0 .1em .01em rgba(102,151,188,.6);
}

.char5 {
	text-shadow: 0 -.06em 0 rgba(226,100,100,.6), 0 .06em 0 rgba(102,151,188,.6);
}

.char6 {
	text-shadow: 0 -.02em 0 rgba(226,100,100,.6), 0 .02em 0 rgba(102,151,188,.6);
}

.char7 {
	text-shadow: 0 .02em 0 rgba(226,100,100,.6), 0 -.02em 0 rgba(102,151,188,.6);
}

.char8 {
	text-shadow: 0 .06em 0 rgba(226,100,100,.6), 0 -.06em 0 rgba(102,151,188,.6);
}

.char9 {
	text-shadow: 0 .1em .01em rgba(226,100,100,.6), 0 -.1em .01em rgba(102,151,188,.6);
}

.char10 {
	text-shadow: 0 .14em .01em rgba(226,100,100,.6), 0 -.14em .01em rgba(102,151,188,.6);
}

.char11 {
	text-shadow: 0 .18em .02em rgba(226,100,100,.6), 0 -.18em .02em rgba(102,151,188,.6);
}

.char12 {
	text-shadow: 0 .2em .02em rgba(226,100,100,.6), 0 -.2em .02em rgba(102,151,188,.6);
}

.intro {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	margin-bottom: 1em;
}

.photos {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	margin-bottom: 2em;
}

.photos img {
	max-width: 100%;
	margin-bottom: .5em;
}
.photos li {
	position: relative;
	float: none;
}

#gallery .photos a:hover:after {
	content: attr(title);
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 3em;
	color: white;
	text-align: center;
	background: rgba( 25, 25, 25, .8);
	z-index: 500;
}

/*contact styles*/
.social {
	float: left;
	width: 48%;
}
.contact {
	float: right;
	width: 48%;
}
#contact ul {
	list-style: none;
	height: auto;
	margin-top: 1em;
}

#contact li {
	display: inline-block;
	width: 5px;
}

#contact h2 {
	float: none;
	margin: 1em 0 0;
}
#contact p + h2 {
	margin-top: 2em;
}

/*form styles*/
fieldset {
	width: 90%;
}

input[type="text"], input[type="email"], input[type="url"], textarea {
	width: 95%;
}


/*aside styles*/
aside {
	float: right;
	width: 19.1%;
	padding-right: 3.9%;
}

aside h2 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 1em;
	clear: both;
}

aside nav {
	margin-bottom: 2em;
}

aside nav a {
	display:block;
	padding-left: 16px;
	border: none;
	color: rgb(76, 67, 65);
	line-height: 2em;
	margin-bottom: 1px;
}

aside nav li {
	background: rgb(216, 213, 188);
}

aside nav li:nth-child(even) {
	background: rgb(237, 228, 214);
}

aside nav a:hover {
	color: #fff;
	border:none;
	background: rgb(100, 98, 102);
}

.contest img {
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
}

.contest p {
	font-size: .9em;
	margin: 0 auto 1.5em;
}

.enter a {
	float: right;
}

/*footer styles*/

#pageFooter {
	clear:both;
	overflow:hidden;
	height: 150px;
}

#pageFooter form {
	float: left;
	margin-left: 3.9%;
	display: inline;
}

.notice {
	width: 300px;
}

#pageFooter p {
	float: right;
	clear: right;
	margin-right: 3.9%;
	text-align: right;
}
#pageFooter label {
	display: block;
	font-size: 1.2em;
	text-transform:uppercase;
}

#pageFooter a {
	display:block;
	height: 100px;
	line-height: 100px;
	border: none;
	color:rgb(76, 67, 65);
	padding-left: 95px;
	background: url(../_images/tweet_90.png) no-repeat;
}


/*vac2012*/
.mantenimiento {
	background:url(../_images/nav_sprites.png) no-repeat left -3px; 
}
.consulta {
		background:url(../_images/nav_sprites.png) no-repeat left -100px; 
}
.reporte {
	background:url(../_images/nav_sprites.png) no-repeat left -50px; 
}
.herramienta {
	background:url(../_images/nav_sprites.png) no-repeat left -150px;
}


}

/* vac2013 */
/* Last minute changes to the styles - October 19, 2013 */
.ie_green {
	color:#9cc49a;
}
.ie_darkgreen {
	color:#009c49;
}
.ie_magenta {
	color:#a858a3;
}
.ie_blue {
	color:#004b8d;
}

.ie_gray {
	color:#f3f3f3;
}
.mission p a {
	text-decoration::none;
	border:none;
	/*	
	font-weight:bold;
	color: #39e0da;
	border-bottom: 1px dotted #39e0da;*/
}

/*FORMA styles*/
article section.formContainer {
	border-bottom:none;
	margin:0 auto;
}
.social {
	float: left;
	width: 48%;
}
.formContainer {
	width: 90%;
}


#frmFORMA ul {
	list-style: none;
	height: auto;
	margin-top: 1em;
}

#frmFORMA li {
	display: inline-block;
	width: 5px;
}

#frmFORMA h2 {
	float: none;
	margin: 1em 0 0;
}
#frmFORMA p + h2 {
	margin-top: 2em;
}

/*form styles*/

/* Additional styles on December 08, 2013 */
.liteItalic {
	font-style:italic; 
	color:#CCC;
	font-size:90%;
}