@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
}
/*
font-face {
  font-family: 'Open Sans Light';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
}
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

BODY {
	margin:0; padding:0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat',sans-serif !important; 
}

BODY .main.landing,
BODY .main.internal {
	background:#444 url('../img/bg.jpg') no-repeat center 0 fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    color:#FFF;
}
/*
.value-proposition,
.user-reviews,
.main-foot
{
	text-shadow: 0 0 3px #000;
	}
*/

BODY .box,
BODY .main.internal .main-body {
	text-shadow: none;
    color:#333;
}
BODY .main.internal .main-neck {
	padding:30px 0 10px;
}
BODY .main.internal .main-body {
	padding-bottom:60px;
}

.hint {
	margin-left:4px;
	color:#999;
	font-size:.8em;
}

IMG {
	border:0;
	vertical-align:top;
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}


/* --- Fonts --- */
BODY, INPUT, SELECT, TEXTAREA {
	font-family: Arial, sans-serif;
	font-size:12pt; line-height:140%;
/*    -webkit-font-smoothing: antialiased; */
}
H1, H2, H3, H4 { 
	font-weight: 700;
}

A { color:#FFF; }
.box A { color:#0872B9; text-decoration:none; }
A:hover { text-decoration:underline; }

H1, H2, H3, H4, H5, H6 { font-weight:normal; font-weight: bold !important}

H1 { font-size:32pt; line-height:1.3em; margin:24px 0; }
H2 { font-size:28pt; line-height:1.2em; margin:20px 0; }
H3 { font-size:20pt; line-height:1.2em; margin:18px 0; }
H4 { font-size:16pt; line-height:1.4em; margin:4px 0 12px; }
H5 { font-size:10pt; line-height:12pt; margin:0; }
H6 { font-size:9pt; line-height:12pt; margin:4px 0; color:#BBB; }

P { font-size:12pt; line-height:140%; margin:0 0 12px; }

.isWinChrome H1, .isWinChrome H2, .isWinChrome H3, .isWinChrome H4 { 
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1); /* Chrome Win Bug. Delete when possible*/
}
.isWinChrome H3 { 
	text-shadow: 0px 0px 1px rgba(255, 0, 99, 0.9);
}
/* H3 negros*/
.isWinChrome .sBody H3, 
.isWinChrome H3 .titleHint, 
.isWinChrome .posts H3, 
.isWinChrome .post H3, 
.isWinChrome .section .posts H3, 
.isWinChrome .section .post H3, 
.isWinChrome .projTitle H3 {
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.9); /* Chrome Win Bug-related. Delete when possible*/
} 

/* H3 rosas que confligen*/
.isWinChrome .section H3, 
.isWinChrome .sHead H3, 
.isWinChrome .pHead H3 {
	text-shadow: 0px 0px 1px rgba(255, 0, 99, 0.9);
}


/* --- Layout --- */
.center {
	width:1120px;
	margin:0 auto;
	padding:0 40px;
	overflow:hidden;
}

/*
.main-body .center {
	padding:8px 10px;
}
*/
.internal.dashboard .main-body .center {
	width:720px;
}

.main-head {
	padding:24px 0;
	background:rgba(0,0,0,1);
    color:#000;
	box-shadow: 0px 0px 5px #111;
	top:0;
	width:100%;
	z-index:100000;
	/* height:64px; */
}

.main-body  {
	padding-top:28px;
}
.main-head H1 {
	margin:10px 0;
}
.main-head H2 {
	margin:10px 0;
}
.main-head .logo {
    margin: 0;
    line-height: 80%;
    color: #fff;
    font-size: 21pt;
}

.main-head .logo SMALL {
    font-size: 50%;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
}

.main-head .logo A{
	color:inherit;
	text-decoration: none;
	font-weight: bold;
}

.main-head .logo IMG {
	vertical-align:middle;
}
.main-head .links {
	float:right;
}

.box {
	margin:8px 0 20px;
	padding:15px 15px 3px;
	background:rgba(255,255,255,0.90);
	-moz-box-shadow: 0px 0px 5px #444;
	-webkit-box-shadow: 0px 0px 5px #444;
	box-shadow: 0px 0px 5px #444;
    border-radius:6px;
}

.box H3 {
	margin:0 0 6px;
}
.box H2,
.box .labelLeft H3 {
	margin:4px 0 24px;
}
.box H6 {
	color:#888;
}

.hr {
	border-bottom:1px solid #C2C2C2;
}
.hr HR {
	display:none;
}

.section-title {
	padding-bottom:4px;
	border-bottom:1px solid #C2C2C2;
}

.step {
	display:none;
}
.step.active {
	display:block;
}
.step .bd {
	padding-top:5px;
}
.step .ft {
	margin-top:30px;
}

.ft .button {
	margin-right:10px;
}

.aside {
	float:right;
	margin:10px 0;
}
.main-head .aside H4 {
	font-weight:bold;
}
.main-head .aside H4,
.main-head .aside P {
	margin:4px 0;
}
.main-head .aside P {
	color:#707070;
}


.button {
	text-align:center;
	cursor:pointer;
	font-size:0;
	display: -moz-inline-stack;
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	*display: inline;
    vertical-align:top;
    border-radius:3px;
}
.button, 
.button A, .button INPUT {
	vertical-align:middle;
}

.button A { text-decoration:none; font-weight:normal; }
.button A:hover { text-decoration:underline; }

.button INPUT {
	padding:0;
	background:transparent;
	border:0;
}

.button A, .button INPUT {
	display:block;
	padding:8px 24px;
	font-size:11.5pt; line-height:16pt;
	color:#FFF;
	cursor:pointer;
	}
.button A:hover {
	text-decoration:none;
	}

.button.big A, .button.big INPUT {
	padding:14px 40px;
	font-size:16pt;
	line-height:20pt;
	}

.button.full {
	display:block;
	}
.button.full A, .button.full INPUT {
	width:100%;
	padding-left:0; padding-right:0;
	}

.button.small A, .button.small INPUT {
	padding:2px 10px;
	font-size:10pt;
	line-height:16pt;
	}

.button {
	background:#373737;
	}
.button.primary {
	background:#7A008F;
	}
.button.primary A,
.button.primary INPUT {
	font-weight:bold;
	}
.button.action {
	background:#000;
	}
.button.action A, .button.action INPUT {
	color:#FFF;
	}
.button.confirm {
	}
.button.decline {
	background:#c80505;
	}
.button.decline A, .button.decline INPUT {
	color:#FFF;
	}

.button.action {
	background:#7A008F;
}

.main-foot {
	text-align:center;
}


.row {
	margin-left:-20px;
}
.row:before, .row:after {
    content: "";
    display: table;
    line-height: 0;
}
.row:after {
    clear: both;
}
[class*="span"] {
	float:left;
	margin-left:20px;
}
.row .span12 {
	width:1120px;
}
.row .span11 {
	width:860px;
}
.row .span10 {
	width:780px;
}
.row .span9 {
	width:700px;
}
.row .span8 {
	width:740px;
}
.row .span7 {
	width:645px;
}
.row .span6 {
	width:460px;
}
.row .span5 {
	width:380px;
}
.row .span4 {
	width:360px;
}
.row .span3 {
	width:220px;
}
.row .span2 {
	width:140px;
}
.row .span1 {
	width:75px;
}


.field {
	margin-bottom:14px;
	overflow:hidden; zoom:1;
}
.field.hidden {
	display:none;
}

.labelLeft .field {
	margin-bottom:8px;
}
.labelLeft .field-title {
	float:left;
	width:220px;
	margin-right:10px;
	text-align:right;
	margin-top:8px;
}
.labelLeft .field-answer {
	margin-left:230px;
}
.labelLeft .field .field-options {
	margin-top:8px;
	margin-bottom:0;
}
.labelLeft .ft {
	margin:20px 230px 30px;
}

.field .field-title {
	margin-bottom:2px;
	font-weight:bold;
	font-size:10.5pt;
	line-height:15pt;
}
.field P {
	margin-top:2px;
}

.field INPUT, .field TEXTAREA, .field SELECT {
	width:328px;
}
.field SELECT {
	width:330px;
}

.field INPUT, .field SELECT {
	-moz-box-shadow:    inset 0 0 5px #CCC;
	-webkit-box-shadow: inset 0 0 5px #CCC;
	box-shadow:         inset 0 0 5px #CCC;
	border:1px solid #CCC;
}

.field LABEL.radio INPUT,
.field LABEL.checkbox INPUT {
	width:auto;
	height:auto;
	margin:0;
}
.field .field-options LABEL {
	margin-right:10px;
	font-size:10.5pt;
	white-space:nowrap;
	display:block;
	line-height:16pt;
}
.field .field-options.inline LABEL {
	display:inline;
}
.field .field-options.cols2 {
	overflow:hidden; zoom:1;
}
.field .field-options.cols2 LABEL {
	display:block;
	margin-right:0;
	width:50%;
	float:left;
}
.field INPUT, .field TEXTAREA, .field SELECT {
	padding:6px 0;
	font-size:10.5pt;
	height:20px;
	text-indent:8px;
	border:1px solid #BBB;
	background:#F2F2F2;
	border-radius:3px;
}
.field SELECT {
	height:36px;
	padding:8px 10px 8px 0;
	text-indent:2px;
}
SELECT OPTION.hint {
	color:#808080;
}

.field .field-options {
	margin-top:4px;
}

.field .field-group {
	overflow:hidden;
	zoom:1;
}
.field .field-group {
	margin-right:-8px;
}
.field INPUT, .field SELECT {
	margin-right:8px;	
}
.field .field-group INPUT, .field .field-group SELECT {
	float:left;
}



.tbd {
	display:none;
}

#user_birth_day {
	width:60px;
}
#user_birth_month {
	width:100px;
}
#user_birth_year {
	width:78px;
}
#user_current_city_other,
#user_current_city_other_country {
	width:129px;
}



.error .if-error {
	display:block;
}
.error INPUT,
.error SELECT {
	border-color:#F00;
	background-color:#F2E7EB;
}
.error-msg,
.caution-msg {
	font-size:9pt;
	line-height:14pt;
}
.error-msg {
	display:none;
	color:#F00;
}
.caution-msg {
	color:#F9A200;
}
.error .hint {
	display:none;
}
.field .hint {
	margin:2px;
	color:#888;
	font-size:9pt;
	line-height:14pt;
}
.field P.error-msg,
.field P.caution-msg {
	margin:2px;
}


::-webkit-input-placeholder {
   color: #999;
}
:-moz-placeholder {
   color: #999;
}
::-moz-placeholder {
   color: #999;
}
:-ms-input-placeholder {  
   color: #999;
}

UL.step-indicator {
	margin:0 0 15px; padding:0;
	list-style:none;
	overflow:hidden; zoom:1;
}
UL.step-indicator H4 {
	margin:0;
	font-size:8pt;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
UL.step-indicator LI {
	float:left; margin-right:12px;
	line-height:18px;
}
UL.step-indicator LI .bullet {
	display:inline-block;
	vertical-align:baseline;
	width:16px; height:16px;
	line-height:17px;
	color:#FFF;
	background:#999;
	border-radius:20px;
	text-align:center;
}
UL.step-indicator LI.active .bullet {
	background:#7A008F;	
}
UL.step-indicator LI H4 {
	color:#999;
}
UL.step-indicator LI.active H4 {
	color:#7A008F;	
}

.notice {
	margin:10px 0;
	padding:6px 10px 8px;
	background:#F7E794;
}
.notice H4, .notice P {
	margin:0;
	font-size:9pt;
	line-height:12pt;
}
.notice H4 {
	font-size:10pt;
	font-weight:bold;
	line-height:18pt;
}


.step.loading {
	opacity:0.3;
}

.user-data {
	margin:0 0 20px;
}
.user-data H2,
.user-data H6 {
	margin:2px 0;
}



.to-do {
	margin:15px 0 25px; 
	padding:0; padding-left:25px;
}
.to-do P {
	font-size:11pt;
	line-height:16pt;
}
.to-do P,
.to-do H6 {
	margin:0;
}
.to-do .done A {
	color:#44AA44;
	text-decoration:line-through;
	cursor:default;
}
.to-do LI {
	margin-bottom:14px;
}
.to-do LI .hint {
	white-space:nowrap;
}



.priority {
	margin:14px 0 20px;
}
.priority P {
	margin:2px 0;
}
.progress-bar {
	position:relative;
	margin:0;
	width:270px;
	height:24px;
	background:#C0C0C0;
   -moz-box-shadow:    inset 0 0 3px #777;
   -webkit-box-shadow: inset 0 0 3px #777;
   box-shadow:         inset 0 0 3px #777;
}
.progress-bar .progress {
	height:24px;
	position:absolute;
	top:0; left:0;
	background:#78BF09;
	text-shadow: 0 0 3px #000;
   -moz-box-shadow:    inset 0 0 3px #777;
   -webkit-box-shadow: inset 0 0 3px #777;
   box-shadow:         inset 0 0 3px #777;
}
.progress-bar .progress.normal {
	background:#F2993B;
}
.progress-bar .progress.low {
	background:#FF4444;
}
.progress-bar .progress P {
	margin:0;
	line-height:24px;
	font-weight:bold;
	color:#FFF;
	text-indent:6px;
	white-space:nowrap;
}

.value-proposition .items {
	margin:30px 0; 
	padding:0;
	list-style:none;
}
.value-proposition .items LI {
	margin-bottom:28px;
	overflow:hidden; zoom:1;
}
.value-proposition .items H4,
.value-proposition .items P {
	margin:2px 0;
}
.value-proposition .items H4 {
	margin:-2px 0 4px;
	line-height:16pt;
}
.value-proposition .items P {
	color:#DFDFDF;
}
.value-proposition .items .icon,
.value-proposition .items .description {
	vertical-align:middle;
	display:inline-block;
}
.value-proposition .items .icon {
	width:74px;
}
.value-proposition .items .description {
	width:460px;
	padding-left: 20px
}


/* footer positioning
 * from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page 
 */
HTML,
BODY {
	margin:0;
	padding:0;
	height:100%;
	}
.main {
	min-height:100%;
	position:relative;
	}
.main-body {
	padding-bottom:32px;
	}
.main-foot {
	position:absolute;
	bottom:0;
	width:100%;
	height:32px;
	}
/* footer positioning
 * from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page 
 */
 

/* 1200px */
@media screen and (max-device-width: 1200px), screen and (max-width: 1200px) {
	.center,
	BODY .main.internal .main-body .center {
		width:auto;
	}
	.row .span12 {
		width:auto;
	}
	.row .span8 {
		width:380px;
	}
	.row .span7 {
		width:540px;	
	}
	.row .span4 {
		width:540px;	
	}
	.value-proposition .items .description {
		width:400px;
	}
	.user-review-card{ width:auto !important}
	.row .span1 {
		display: none
	}
	.box.steps {margin-top: 32px}
	.user-reviews{width: 740px}
}

/* 320px */
@media screen and (max-device-width: 760px), screen and (max-width: 760px) {
/*	.center,
	BODY .main.internal .main-body .center {
		width:auto;
		padding: 8px 20px 20px !important;
	}	*/
	.main-head {
	padding:24px 0 16px;
	}
	.main-body {
		padding-top:0;
	}
	[class*="span"] {
		float:none;
		margin-left:0;
	}
	.row {
		margin-left:0;
	}
		.row .span12,
	.row .span11,
	.row .span10,
	.row .span9,
	.row .span8,
	.row .span7,
	.row .span6,
	.row .span5,
	.row .span4,
	.row .span3,
	.row .span2,
	.row .span1 {
		width:auto;
	}

	.value-proposition .items .icon IMG {
		width:50px;
	}
	.value-proposition .items .icon {
		width:58px;
	}
	.value-proposition .items .description {
		width:230px;
	}
	.value-proposition .items .no-desc .icon,
	.value-proposition .items .no-desc .description {
		vertical-align:middle;
	}
	.value-proposition .items .icon,
	.value-proposition .items .description {
		vertical-align:top;
	}
	.value-proposition .items H4 {
		font-size:11pt;
		line-height:13pt;
	}
	H2 {
		font-size:17pt;
		line-height:24pt;
	}
	H3 {
		font-size:14pt;
		line-height:20pt;		
	}
	.main-body {
		padding-bottom:80px;
		}
	.main-foot {
		height:50px;
		}

	.labelLeft .field-options.inline LABEL {
		display:block;
	}
	
	.labelLeft .field {
		margin-bottom:10px;
	}
	.labelLeft .field-title {
		float:none;
		width:auto;
		margin-right:0;
		text-align:left;
		margin-top:2px;
	}
	.labelLeft .field-answer {
		margin-left:0;
	}
	.labelLeft .field .field-options {
		margin-top:4px;
	}
	.labelLeft .ft {
		margin:10px 0;
	}
	.user-reviews{width: auto}

}


.user-reviews{
	margin:40px 0 20px; padding:1px 20px; background-color:rgba(0,0,0,.5);
	border-radius: 6px;
	}
.user-review-cards{ padding:0 20px; margin:0; }
.user-review-card{ width:242px; float:left; list-style: none; padding:0; margin:0 30px 20px 0; }
.user-review-card:last-child{ margin-right:0; }
.user-review-head A{ text-decoration: none; }

.user-thumbnail{ float: left; }

.user-review-card .user-name{
	float: left;
	color: #9cf;
	margin-left:10px;
	font-size:13pt;
	font-family: "Open Sans", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Helvetica, Arial, sans-serif;
	font-weight: bold;
	}
.user-review-body{	
	color:#eee;
	font-size:10pt;
	font-family: "Open Sans", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Helvetica, Arial, sans-serif;
	}
.user-rating {
	font-size:10pt;
	color: #ff9;
	margin-left:10px;
	margin-top:4pt;
	white-space: nowrap;
	float: left;
	display:block;
	}

.user-review-body{ clear: both; padding-top:10pt;}