/*
/*                                      */
/* blue:            color: #004f92;     */
/* orange:          color: #f58a1e;     */
/* ------------------------------------ */


html { background-color: #004f92;}
body { background: #fff url(../images_layout/layout-body.png) 0px 0px repeat-x; font: 62.5% Arial, Tahoma, Verdana, "Trebuchet MS", helvetica, sans-serif; margin:0px; line-height: 1; }

/* Link */
/***********************************************************************/
a, a:link, a:visited, a:active, a:focus { color: #004f92; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }
img a, img a:link, img a:visited { text-decoration: none; border:0; }

/* Text Formating */
/***********************************************************************/
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; vertical-align:baseline; font-family: Arial, "Trebuchet MS", Verdana,"Lucida Console", sans-serif; }
h1, h2, h3, h4, h5, h6 { line-height: 140%; font-weight: bold; font-family: Arial, "Trebuchet MS", Verdana,"Lucida Console", sans-serif; }
h1 { font-size:2.4em }
h2 { font-size:2.0em }
h3 { font-size:1.8em }
h4 { font-size:1.6em }
h5 { font-size:1.4em }
h6 { font-size:1.2em }
p, li, dt, dd, cite, td, th { color: black; margin: 0; padding: 0; line-height: 140%; }
ul, ol { margin: 0; padding: 0; list-style-position: outside; list-style-type: none; }
blockquote { line-height: 24px; color: black; margin: 0; padding: 0; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: Arial, "Trebuchet MS", Verdana,"Lucida Console", courier, mono-space; }
pre { white-space: pre; }
pre * { font-size: 100%; white-space: pre; }
del { text-decoration: line-through; color: #333; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 80%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
/* */
.outstanding { background:#f8e8cf; padding:2px 5px 3px; }
.uppercase { text-transform:uppercase; }
.displayNone { display:none; }
.left { float:left; }
.right { float:right; }
.orange { color: #f58a1e; }
.blue { color: #004f92; }


/* table */
/***********************************************************************/
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:normal; }
table, td, th { vertical-align: middle; }

/* Form */
/***********************************************************************/
textarea, input[type='text'], select { color: #1f1e1b; font-family:   Arial, Tahoma, "Trebuchet MS", verdana, sans-serif; }
form fieldset, input {	border: 0px; border: none; }
input[type='hidden'], legend { display:none; }
/*input:focus, textarea:focus { border: 1px solid #f14900; }*/
input:focus, textarea:focus { border: 1px solid #ff0000; }


/* clearfix */
/***********************************************************************/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; clear: both; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}


/* ----------------------------------------------------------------------------- */
/* page structure */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#container {	text-align: left; }
div#header { text-align: left; }
div.headerInner { margin:0px auto; width:960px; position:relative; }
div#contents { display:block; /*overflow:hidden;*/ }
div.contentsInner { margin:0px auto; width:960px; position:relative; }
div.mainContent { float: left; }
div.sidebar { float:left; width: 254px; }
div#footer { background:#e6ebf1; padding:25px 0px; }
div.footerInner { margin:0px auto; width:960px; }


#container.index div.contentsOutstandingFirst   { background:transparent url(../images_layout/layout-contentsOutstandingFirst.png) center 0px no-repeat; }
#container.index div.contentsOutstandingSecond  { background:#fff url(../images_layout/layout-contentsOutstandingSecond.png) 0px 0px repeat-x; }
#container.index div.contentsOutstandingThird   { background:#e2e8ed; padding:40px 0px; }
#container.index div.contentsOutstandingFourth  { background:#fff; padding:20px 0px; }


/* ----------------------------------------------------------------------------- */
/* Header   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menuLanguage { position:absolute; right:10px; top:0px; }
.menuLanguage ul { list-style: none; list-style-position: outside; margin:0 0 0px 0px; }
.menuLanguage li { display:inline; }
.menuLanguage li a { border-left:1px solid #1c4e80; color:#749cc5; float:left; font-size:1em; padding: 6px 8px; margin:0px; }
.menuLanguage li.english a { border-left:none; }
.menuLanguage li a:hover { color:#fff; }
/* current */
.menuLanguage li.current a,
.menuLanguage li.current a:link,
.menuLanguage li.current a:visited,
.menuLanguage li.current a:active,
.menuLanguage li.current a:hover { text-decoration:none; color: #c4d8ec; cursor:default; }


/* h1 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#header h1  { position:relative; text-align:center; z-index:500; /*display: block; left:0px; position:absolute; top:59px;*/ }
div#header h1 a  { background: url(../images_layout/layout-header-h1.png) left top no-repeat; display: block; letter-spacing:-999em; height:89px; margin:0px auto -33px; overflow:hidden; text-indent:-999em; width:210px; }

/* question */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.question { overflow:hidden; margin-bottom:0px; }
div.question p { color:#8fa8c0; font-family: 'Mako', Arial, sans-serif; font-size:1.4em; margin:-15px 20px 20px; text-align:center; }
div.question p.questionText { text-shadow: 0.02em 0.02em 0.15em #000f1d; color:#ffffff; font-family: 'Mako', Arial, sans-serif; font-weight:normal; font-size: 5em; line-height:100%; margin:40px 0px 20px; text-align:center; }

/* answer */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.answer { background:transparent url(../images_layout/layout-answer.png) 0px 0px repeat-x; min-height:150px; overflow:hidden; padding:0px 0px 0px 0px; width:auto; }
div.answer h2 { text-shadow:  0.02em 0.02em 0.15em #000f1d; color:#ffffff; font-family: 'Mako', Arial, sans-serif; font-weight:normal; font-size: 4em; line-height:100%; margin:40px 0px 20px; text-align:center; }


/* ----------------------------------------------------------------------------- */
/* Contents   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* contentsInner /  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.contentsInner { /* background: #fff url(../images_layout/layout-contentsInner.png) left top repeat-x; */ /*padding-top:4px;*/  }


/* ----------------------------------------------------------------------------- */
/* Footer    */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer p { color:#1c4e80; font-size: .9em; line-height:120%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#footer h3 { background: url(../images_layout/layout-footer-h3.png) left top no-repeat; float:left; height:27px; letter-spacing: -999em; margin:2px 20px 0px 0px; overflow: hidden; text-indent: -999em; width:80px; }
div.footerNavigation ul { list-style: none; list-style-position: outside; margin:0 0 4px 50px; }
div.footerNavigation li { display:inline; }
div.footerNavigation li a { border-left:1px solid #396490; color:#1c4e80; display:inline; font-size:1em; padding: 0px 6px; margin: 0px; }
div.footerNavigation li a:hover { color:#1c4e80; }
div.footerNavigation li.home a { border:none; padding:0px 4px 0px 0px; }
#footer p.JRapidTwitter { float:right; height:31px; width:32px; margin:-30px 0px 0px 0px; }
#footer p.JRapidTwitter a { background: url(../images_layout/layout-footer-p-JRapidTwitter-a.png) left top no-repeat; display:block; height:31px; letter-spacing: -999em; overflow: hidden; text-indent: -999em; width:32px; }

/* footerFirstRow */
.footerFirstRow { background:#1665a8; overflow:hidden; margin:0px 0px 15px 0px; padding:10px 0px 20px 0px; width:100%; }
.footerFirstRow .footerInner { background:none; }
.footerFirstRowContent { border-left:1px solid #2975b6; float:left; margin:0px 0px 0px 0px; padding:0px 20px; width:195px; min-height:200px; }
.col1 { border-left:none; padding:0px 20px 0 0px; width:220px; }
.footerFirstRowContent h2 { color: #fff; font-family: Georgia,Palatino,Times New Roman; font-size: 1.8em; font-weight: normal; line-height: 160%; margin: 10px 0 10px 0; }
/* a */
.footerFirstRowContent a,
.footerFirstRowContent a:link,
.footerFirstRowContent a:visited,
.footerFirstRowContent a:active,
.footerFirstRowContent li  { color:#a2c6e5; }
.footerFirstRowContent a:hover { color:#fff; }
/* li */
.footerFirstRowContent ul { margin-left:15px; }
.footerFirstRowContent li { list-style: square outside none; padding-left:0px; }
/* address */
.footerFirstRowContent address  { color:#a2c6e5; font-size:1.1em; line-height:140%; margin-bottom:20px; }
.footerFirstRowContent address strong { text-transform: uppercase; }
.footerFirstRowContent address a { color:#fff !important; }


/* /////////////////////////////////////////////////////////////////////////////*/
/* index */
/* /////////////////////////////////////////////////////////////////////////////*/

#container.index { /*background:#00b6ee url(../images_layout/layout-container-index.png) 0px 0px repeat-x;*/ }


/* ----------------------------------------------------------------------------- */
/* header  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container.index div#header { background:#00b6ee url(../images_layout/layout-header-index.png) center top repeat-x; /*min-height:514px;*/ }

/* SignUpforFree */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.SignUpforFree { display: block; left:784px; position:absolute; top:0px; z-index:600; }
div.SignUpforFree p { left:0px; position:absolute; top:5px; z-index:600; }
div.SignUpforFree a,
div.SignUpforFree a:link,
div.SignUpforFree a:visited,
div.SignUpforFree a:active,
div.SignUpforFree a:focus { /*background: url(../images_layout/layout-SignUpforFree-a.png) left top no-repeat;*/ color: #749CC5; display: block; font-size:1.2em; overflow:hidden; text-align:center; text-decoration:none; }
div.SignUpforFree a:hover,
div.SignUpforFree a:hover span { background-position: 0px -58px;  color:#fff !important; }
div.SignUpforFree a:active { background-position: 0px -116px;  color:#fff; }
div.SignUpforFree a span { background: url(../images_layout/layout-SignUpforFree-a-span.png) 180px 23px no-repeat; border-left: 1px solid #1C4E80; color: #749CC5; display:block; font-size:.8em; height:20px; line-height:90%; padding:4px 0px 0px 0px; text-transform:uppercase; width:67px; }

/*  formSignUp  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.formSignUp { background: url(../images_layout/index-layout-formSignUp-bg.png) left bottom repeat; left:-5px; padding:10px 0px 15px 0px; position:absolute; top:26px; width:206px; z-index:1; }
div.formSignUp p.close { background: url(../images_layout/layout-p-close.png) left top repeat; left:180px; position:absolute; display: block; letter-spacing:-999em; overflow:hidden; text-indent:-999em; top:3px; height:16px; width:16px; z-index:1; }
div.formSignUp h5 { color:#4198cd; font-family: Georgia, Palatino, Times New Roman; font-weight:normal; font-size: 1.8em; padding-bottom:13px; }
div.formSignUp form { overflow:hidden; margin:0px 0px 0px 27px; padding-top:6px; }
div.formSignUp form div.formContent { display:block; margin-bottom:10px; }
div.formSignUp form label { color:#1b6fb7/*#004f92*/; display:block; font-size:1em; margin:5px 0 3px 0px; text-transform:uppercase; }
div.formSignUp form input { background:#fff; border:1px solid #c2d5e3; color:#33608D; font-size:1.1em; height:14px; padding:3px 4px 2px 6px; margin:0px 10px 0px 0; width:138px; }
div.formSignUp form select { border:1px solid #c2d5e3; color:#000; font-size:1.1em; padding:3px 4px 2px 6px; margin:0px 10px 0px 0; width:151px; }
div.formSignUp form input#submit { background: url(../images_layout/index-layout-formSignUp-submit.png) 0px 0px no-repeat !important; border:none !important; color:#ffffff; cursor: pointer; font-size:1.3em; font-weight:bold; height:29px; margin:5px 0px 0px 0px; padding-bottom:10px; width:148px; text-align:center; }
div.formSignUp form input#submit:hover { background-position: 0px -29px !important; color:#fff; }
div.formSignUp form input#submit:actived { background-position: 0px -58px !important; color:#fff; }


/* ----------------------------------------------------------------------------- */
/* contentsOutstandingFirst  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container.index div.contentsOutstandingFirst { background:#fff url(../images_layout/layout-contentsOutstandingFirst-index.png) 0px 0px repeat-x; height:230px; }
#container.index div.contentsOutstandingFirst div.contentsInner { position:relative; }

/* carousel3d  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#JRapidCarousel3d { position:relative; top:-20px; text-align:center; height:200px; overflow:visible !important; }
.carouselLeft { cursor:pointer; position:absolute; left:970px; top:15px; display:block; height:58px; width:42px; background: url("../images_layout/layout-controles-navSiguiente.png") no-repeat scroll left top transparent; }
#right-but { background: url("../images_layout/layout-controles-navAnterior.png") no-repeat scroll left top transparent; left:-60px;  }

/* ----------------------------------------------------------------------------- */
/* contentsOutstandingSecond  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container.index div.contentsOutstandingSecond { border-bottom:2px solid white; background:#e1e8ec url(../images_layout/layout-contentsOutstandingSecond.png) left top no-repeat; height:auto; position:relative; z-index:800; }
/* JRapidCategory  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* img */
#container.index div.contentsOutstandingSecond div.JRapidCategory img { /*left:67px; position:absolute; top:-8px;*/ }
/* ul */
#container.index div.contentsOutstandingSecond div.JRapidCategory ul { overflow:hidden; }
#container.index div.contentsOutstandingSecond div.JRapidCategory li { background: #e3e9ed url(../images_layout/layout-JRapidCategory-li.png) left top repeat-x; min-height:294px; padding-top:30px; float:left; display:block; margin-right:2px; width:318px; text-align:center; cursor:pointer; }
#container.index div.contentsOutstandingSecond div.JRapidCategory li div.JRapidCategoryIcon { min-height:152px; }

#container.index div.contentsOutstandingSecond div.JRapidCategory li.JRapidCategoryApp { margin:0px; }
#container.index div.contentsOutstandingSecond div.JRapidCategory li:hover { background: #e5ebef url(../images_layout/layout-JRapidCategory-li-hover.png) left top repeat-x; }
/* h3 */
#container.index div.contentsOutstandingSecond div.JRapidCategory li h3 { color:#f58a1e; font:normal 2.8em 'Mako', Arial, Verdana, sans-serif; margin:0px 0px 3px; }
#container.index div.contentsOutstandingSecond div.JRapidCategory li h3 a { font-family: 'Mako', Arial, Verdana, sans-serif; }
#container.index div.contentsOutstandingSecond div.JRapidCategory li p {  color:#004f92; font:normal 1.4em/140% Arial, Verdana, sans-serif; margin:0px 35px; }
#container.index div.contentsOutstandingSecond div.JRapidCategory li a:link,
#container.index div.contentsOutstandingSecond div.JRapidCategory li a:visited,
#container.index div.contentsOutstandingSecond div.JRapidCategory li a:active,
#container.index div.contentsOutstandingSecond div.JRapidCategory li a:focus { color: #f58a1e; }

.contentsOutstandingThird h3 { color: #004F92; font:3.5em 'Mako',Arial,Verdana,sans-serif; margin: 10px 0 15px; }
.contentsOutstandingThird h3 a { font-family: 'Mako', Arial, Verdana, sans-serif; }

/* ----------------------------------------------------------------------------- */
/* contentsOutstandingThird  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container.index div.contentsOutstandingThird { border-bottom:2px solid white; background:#e1e8ec url(../images_layout/layout-contentsOutstandingThird.png) left top repeat-x; min-height:373px; }

/* carouselJRapidProjects */
#container.index div.contentsOutstandingThird div.carouselJRapidProjects { overflow:hidden; border-left: 1px solid white; border-right: 1px solid white; }
/* ul */
#container.index div.contentsOutstandingThird div.carouselJRapidProjects ul { overflow:hidden; margin-top:8px; }
#container.index div.contentsOutstandingThird div.carouselJRapidProjects li { min-height:354px; padding-top:20px; float:left; display:block; margin-right:2px; width:318px; position:relative; }
#container.index div.contentsOutstandingThird div.carouselJRapidProjects li.proyect03 { margin:0px; }
/* companyLogo */
#container.index div.contentsOutstandingThird div.carouselJRapidProjects li div.companyLogo { border:1px solid #dfe5eb; background: #fff; height:70px; margin:0px auto; overflow:hidden; width:246px; text-align:center; }
#container.index div.contentsOutstandingThird div.carouselJRapidProjects li div.companyScreen span { background: url(../images_layout/layout-proyect-screen.png) left top no-repeat; display: block; letter-spacing:-999em; height:206px; margin:0px auto -33px; overflow:hidden; position:absolute; top:87px; left:5px; text-indent:-999em; width:311px; }
#container.index div.contentsOutstandingThird div.carouselJRapidProjects li div.companyScreen { display:block; text-align:center; min-height:200px; }
#container.index div.contentsOutstandingThird div.carouselJRapidProjects li div.companyScreen img { margin:0px auto 0px; }
/* p */
#container.index div.contentsOutstandingThird div.carouselJRapidProjects li p { background: url(../images_layout/layout-carouselJRapidProjectst-p.png) left top repeat-x; line-height:140%; color:#004f92; font:normal 1.2em Arial, Verdana, sans-serif; padding:10px 25px 15px; min-height:80px; margin:10px auto 0px; overflow:hidden; width:194px; text-align:left; }
/* h3*/
#container.index div.contentsOutstandingThird h3 { color: #004f92; font:normal 2.8em 'Mako', Arial, Verdana, sans-serif; margin-left:35px; text-transform:uppercase; }


/* ----------------------------------------------------------------------------- */
/* contentsOutstandingFourth  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  formContact  */
div.formContact { background: url(../images_layout/index-layout-formContact-home.png) left top no-repeat; padding:0px 0px 15px 0px; top:0px; width:756px; z-index:1; }
div.formContact h4 { border-bottom:1px dashed #fac48f; color: #f58a1e; font: normal 3.5em 'Mako', Arial, verdana, sans-serif; padding:4px 0px 20px; margin-bottom:20px; }
div.formContact form { overflow:hidden; margin:0px 0px 0px 27px; padding:5px 0 10px 0px; }
div.formContact form div.formContent { display:block; margin-bottom:10px; overflow:hidden; }
div.formContact form label { color: #004f92; display:block; float:left; font-size:1.1em; margin:10px 20px 3px 0px; text-transform:uppercase; text-align:right; width:160px; }
div.formContact form input,
div.formContact form textarea { background:#ebeff4; border:1px solid #d1dbe5; color:#33608d; font-size:1.2em; height:25px; padding:3px 4px 2px 6px; margin:0px; width:460px; }
div.formContact form textarea { height:90px; padding:3px 4px 2px 6px; }
div.formContact form input:focus,
div.formContact form textarea:focus { border:1px solid #004f92; }
div.formContact form input#submit,
div.formContact form input#submit:focus { background: url(../images_layout/layout-SignUpforFree-a-generic.png) left top no-repeat; border:none; color:white; cursor:pointer; display: block; font-size:1.4em; overflow:hidden; /*position:absolute; bottom:0px; left:-4px;*/ margin:0px 0px 0px 180px; text-align:center; text-decoration:none; height:33px; width:130px; }
div.formContact form input#submit:hover { background-position: 0px -33px; }
div.formContact form input#submit:active { background-position: 0px -66px; }



/* /////////////////////////////////////////////////////////////////////////////*/
/* GENERIC */
/* /////////////////////////////////////////////////////////////////////////////

/* ----------------------------------------------------------------------------- */
/* carouselJRapidProjects   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.carouselJRapidProjects #navAnterior,
div.carouselJRapidProjects #navSiguiente { border:1px solid red; }
/* ul */
ul.controles li a { background: url("../images_layout/layout-controles-navAnterior.png") no-repeat scroll left top transparent; display: block; letter-spacing: -999em; overflow: hidden; text-indent: -999em; left: 635px; height: 58px; position: absolute; top: 144px; width: 42px; z-index:900; }
li#navAnterior a,
li#navAnterior  a:hover { background: url("../images_layout/layout-controles-navAnterior.png") no-repeat scroll left top transparent; left: -60px; }
li#navSiguiente a,
li#navSiguiente a:hover { background: url("../images_layout/layout-controles-navSiguiente.png") no-repeat scroll left top transparent; left: 970px; }