@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Courgette';
    src: url('../fonts/courgette-regular-webfont.eot');
    src: url('../fonts/courgette-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/courgette-regular-webfont.woff') format('woff'),
         url('../fonts/courgette-regular-webfont.ttf') format('truetype'),
         url('../fonts/courgette-regular-webfont.svg#courgetteregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	background-color:white;
	background:url(../images/color-border.gif) repeat-x top left;
	margin:60px 0 0;
	font-size:18px;
	line-height:1.4em;
	color:#2b2b2b;
}
a, a:link, a:visited {color:#438cdd}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Courgette', cursive;
	font-weight:400;
}
h2 { font-size:45px; line-height:1.2em; text-align:center}
h3 { font-size:35px; line-height:1.2em; text-align:center; margin:20px 0}
h4 { font-size:18px; line-height:1.2em; text-align:center; font-family: 'Raleway', sans-serif; font-weight: 300;}
p { margin-bottom:10px; line-height:1.4em}

strong { font-weight:600}

header .container { text-align:center;}
header .container img { margin:20px 0 40px}
.orange { color:#e3a339}
.green { color:#669f47}
.violet { color:#863772}

#presentation { background-color:#f2f2ee; margin:50px 0 220px}
#presentation .container { position:relative;}
#presentation .violet { font-size:30px; padding:50px 0; margin:0}
#presentation .violet strong { font-weight:400}
#presentation ul { line-height:1.4em}
ul li { padding:2px 0}
#presentation .user-img { position:absolute; top:20px}
#presentation .name { margin:75px 0 0 120px; position:absolute}
#presentation .company { margin:135px 0 0 80px; position:absolute;}
#presentation .name strong, #presentation .company strong { text-transform:uppercase}

#antes, #despues, #uso-workana { padding:20px 0}
#antes .container { border-top:1px solid #aaa; padding-top:40px}
#despues { background:#f2f2ee url(../images/arrow-blue.png) no-repeat top center; padding-top:70px  }
#uso-workana { padding:40px 0; background:#153256 url(../images/arrow-white.png) no-repeat top center; padding-top:70px; font-weight:600 }
#uso-workana h2 { color: white}

#resultados { text-align:center; padding-top:70px; background:url(../images/arrow-grey.png) no-repeat top center}
#resultados .row-fluid { text-align:left; border-bottom:1px solid #aaa; margin:10px 0 0; padding:20px 0 20px }
#resultados .row-fluid .subtitle { font-size:30px; color:#253654; font-weight:700}
#resultados p { text-align:justify}
.icons-text { text-align:center; margin:25px 0}
.icons-text p { margin:10px 0;}
.icons-text .img.tall { padding-top:49px}
.no-border { border:none !important;}
.generar-res { margin:50px 0; }
.generar-res p { margin:0}

.border-none { border:none !important;}

#workana { margin:60px 0}
#workana .bubble { position:relative; background-color:#e5e5df;-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;padding:20px; margin-right:40px}
#workana p { font-size:14px; line-height:1.5em; text-align:justify; margin-bottom:0}
#workana span { background:url(../images/w-bub-arrow.png) no-repeat top left; width:20px; height:40px; position:absolute; bottom: 50px;left: -16px; }


#cta { background-color:#f2f2ee; margin:50px 0; text-align:center; padding-bottom:15px}
#cta h3 {font-family: 'Raleway', sans-serif; font-size:25px; font-weight:bold; margin-bottom:5px}
#cta h3 a {font-weight:bold}


#publica-proyecto, #crea-perfil {
	position: fixed;
	right: 0;
	left: 0;
	bottom:0;
	z-index: 1030;
	background-color:#153256;
	width:100%;
	padding:15px 0;
	border-top:1px solid #aaa
}
#publica-proyecto p, #publica-proyecto h3, #crea-perfil p, #crea-perfil h3  { color:white}
#publica-proyecto h3, #crea-perfil h3 { font-family: 'Raleway', sans-serif; margin:0; text-align:left; font-size:22px; font-weight:600; margin-top:4px}
#publica-proyecto .span9 img, #crea-perfil .span9 img { margin-right:15px}
#publica-proyecto p, #crea-perfil p { margin:0; font-size:14px}

#crea-perfil .span9 { padding-left:60px}

a.btn-primary { background-color:#0066cc; color:white; font-size:20px !important; padding:15px; margin-top:8px}
a.btn-primary:hover { background-color:#1085e5;}

footer { background-color:#f3f3f3; font-family: 'Open Sans',sans-serif;padding-bottom:90px}