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

html { background-color: #fff;}
body { background: #fff url(../images_layout/layout-body.png) 0px 0px repeat-x; font: 62.5% Georgia, Palatino, Times New Roman; margin:0px; line-height: 1; }

/* Link */
/***********************************************************************/
a, a:link, a:visited, a:active, a:focus { color: #004f92; outline: none; text-decoration: underline; }
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; }
h1, h2, h3, h4, h5, h6 { line-height: 140%; font-weight: bold; }
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: Tahoma, "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:  tahoma, Arial, "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; margin-top:25px; }
div#header { margin:0px auto; height:88px; position:relative; width:960px; z-index:900; }
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:#fff; border-top:1px solid #e1e3e4; border-bottom:1px solid #e1e3e4; padding:10px 0px; margin-bottom:20px; }
div.footerInner { background:#fff; margin:0px auto; width:960px; position:relative; }
#container.index div.contentsOutstandingFifth { background: #0b5da3; }


/* ----------------------------------------------------------------------------- */
/* Header   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* navigationGeneralTop */
div.navigationGeneralTop { position:absolute; left:0px; top:0px; background:#333; hegiht:10px; overflow:hidden; width:100%; z-index:910; }
div.navigationGeneralTop ul { margin:0px auto; }
div.navigationGeneralTop li { display:inline; }
div.navigationGeneralTop li a { border-right:1px solid #444; color:#aaa; float:left; font-family:Arial, Verdana, sans-serif; font-size:1.1em; padding:7px 11px; hegiht:10px; margin: 0px; text-decoration:none; }
div.navigationGeneralTop li a:hover { background:#444; color:white; }
/* current */
div.navigationGeneralTop li.current a,
div.navigationGeneralTop li.current a:link,
div.navigationGeneralTop li.current a:visited,
div.navigationGeneralTop li.current a:active,
div.navigationGeneralTop li.current a:hover { background:#444; text-decoration:none; color:white; cursor:default; }

/* h1 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#header h1  { display: block; left:0px; position:absolute; top:23px; }
div#header h1 a  { background: url(../images_layout/layout-header-h1.png) left top no-repeat; display: block; letter-spacing:-999em; height:40px; overflow:hidden; text-indent:-999em; width:218px; }

/* navegationPrincipal */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.navegation { display:block; overflow:hidden; position:absolute; top:53px; left:500px; /*z-index:100;*/ }
div.navegation ul { float:left; list-style: none; padding:0px;}
div.navegation li { float:left; height:35px; margin-right:8px; width: auto; font-family: Tahoma, Verdana, "Trebuchet MS", helvetica, sans-serif; font-weight:normal; }

div.navegation li a { background: url(../images_layout/layout-button-right.png) right -80px no-repeat; color:#666; cursor:pointer; float:left; font-size:1.2em; display: block; height:35px; padding:0px 10px 0px 0px; position:relative; text-align:center; text-decoration:none; width:auto; }
div.navegation li a b { background: url(../images_layout/layout-button.png) left -80px no-repeat; float:left; height:27px; display:block; padding:8px 3px 0 13px; cursor:pointer; font-weight:normal; width: auto; }
div.navegation li.activo a { border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background:#ebebeb url(../images_layout/layout-button-right.png) right 0px no-repeat; color:#000; cursor:default; text-decoration:none;}
div.navegation li.activo a b { background: url(../images_layout/layout-button.png) left 0px no-repeat; color:#000; cursor:default; text-decoration:none;}
div.navegation li a:hover { background-position: right 0px; color:#000; cursor:pointer;}
div.navegation li a:hover b { background-position: left 0px; color:#000; }

div.navegation li:hover > a  { background-position: right 0px; color:#000; cursor:pointer; }
div.navegation li:hover > a b { background-position: left 0px; color:#000; }
div.navegation li.activo a:hover {background:#ebebeb url(../images_layout/layout-button-right.png) right 0px no-repeat; color:#000; cursor:default; text-decoration:none;}
div.navegation li.activo a:hover b {background:#ebebeb url(../images_layout/layout-button.png) left 0px no-repeat; color:#000; cursor:default; text-decoration:none;}
div.navegation li.activo:hover a {background:#ebebeb url(../images_layout/layout-button-right.png) right 0px no-repeat; color:#000; cursor:default; text-decoration:none;}
div.navegation li.activo:hover a b {background:#ebebeb url(../images_layout/layout-button.png) left 0px no-repeat; color:#000; cursor:default; text-decoration:none;}

/* wiki */
div.navegation li.wiki a { border:1px solid #ccc; background:none; height:33px; color:#000; cursor:default; text-decoration:none;}
div.navegation li.wiki a b { background: none; color:#333; cursor:default; text-decoration:none;}
div.navegation li.wiki a:hover { background:#ebebeb none; color:#000; cursor:pointer; text-decoration:none;}
div.navegation li.wiki a:hover b { background:none; color:#000; cursor:pointer; text-decoration:none;}
div.navegation li.wiki:hover a { border:1px solid #ccc; background:#ebebeb none; color:#000; text-decoration:none;}
div.navegation li.wiki:hover a b { background:none; color:#000; text-decoration:none;}



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


/* ----------------------------------------------------------------------------- */
/* Footer    */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer a:hover { color:#004f92; }
#footer p { font-family: Tahoma, Verdana, "Trebuchet MS", helvetica, sans-serif; color:#666; font-size: 1em; line-height:120%; float:left; margin:3px 10px 0 0px; padding: 0px 0px 0px 0px; }
#footer h3 { background: url(../images_layout/layout-footer-h3.png) left top no-repeat; float:left; height:20px; letter-spacing: -999em; margin:-1px 10px 0px 0px; overflow: hidden; text-indent: -999em; width:24px; }
div.footerNavigation ul { list-style: none; list-style-position: outside; margin:0 0 4px 50px; }
div.footerNavigation li { display:inline; font-family: Tahoma, Verdana, "Trebuchet MS", helvetica, sans-serif; }
div.footerNavigation li a { border-left:1px solid #a09fa2; display:inline; font-size:1em; padding: 0px 6px; margin: 0px; }
div.footerNavigation li.home a { border:none; padding:0px 4px 0px 0px; }


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

/*#container.index { background: url(../images_layout/index-layout-container.png) 0px 0px repeat-x; }*/
/* h3.title */
#container.index h3.title { border-bottom:1px dashed #ccc; padding:0px 0px 10px; color: #004F92; font-family: Georgia,Palatino,Times New Roman; font-size: 3em; font-weight: normal; line-height: 100%;  margin: 0 0 20px; }
#container.index div.contentsInner p { color: #333; font-size: 1.4em; line-height: 160%; margin-bottom:10px; }
/* */
#container.index div.contentsInner img.mainXmlMvnJRapidGenerate { margin-top:20px; }


/* mainContent  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container.index div.mainContent { margin:0px; padding:25px 0px; width:600px; }
h2.jrapidCom { float:right; background:#01478D; border-left:0px solid #bbb; border-right:0px solid #bbb; border-bottom:0px solid #bbb; color:#d5e5f4; font-family: Tahoma, "trebuchet ms", verdadna, sans-serif; font-weight:normal; font-size: 1.3em; line-height:100%; }
h2.jrapidCom a { background:#f58a1f; display:inline-block; padding:8px 10px; text-decoration:none; color:#f2e0d3; }
h2.jrapidCom a:hover { background:#f06600; color:#fff; }

#container.index div.mainContent h2.jrapidSlogan { color:#ffffff; font-family: Georgia, Palatino, Times New Roman; font-weight:normal; font-size: 4.5em; line-height:100%; margin:40px 0px 20px; }
#container.index div.mainContent h3,
#container.index div.mainContent p { color:#01478d; font-size: 1.2em; line-height:160%; }
#container.index div.mainContent p.details { color:#ffffff; font-family: Georgia, Palatino, Times New Roman; font-weight:normal; font-size: 1.8em; line-height:140%; margin-bottom:49px; }
/* hr */
#container.index div#contents hr { border: 0; color:#DCDDDE; background-color: #DCDDDE; height: 1px; }

/* JRapidSlogan */
div.JRapidSlogan { color: #01478D; font-family: Tahoma,"trebuchet ms",verdadna,sans-serif; font-size: 1.1em; left: 53px; position: absolute; text-transform: uppercase; top: 66px; }

/* ----------------------------------------------------------------------------- */
/* contentsOutstandingFirst  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container.index div.contentsOutstandingFirst { background:#ededed url(../images_layout/index-layout-contentsOutstandingFirst.jpg) center top repeat-x; border-bottom:1px solid #dcddde; position:relative; overflow:hidden; }
#container.index div.contentsOutstandingFirst div.contentsInner { position:relative; /*overflow:hidden;*/ }
#container.index div.contentsOutstandingFirst div.contentsInner h2 {
    color: #004F92;
    float: right;
    font-family: Georgia,Palatino,Times New Roman;
    font-size: 2.6em;
    font-weight: normal;
    line-height: 140%;
    margin: 50px 20px 0;
    width: 290px;
}
#container.index div.contentsOutstandingFirst div.JRapidVideoDemo {
    background: url("../images_layout/index-layout-jrapidVideoDemo.png") no-repeat scroll 0 0 transparent;
    margin: 10px 0 0 -25px;
    padding: 28px 0 50px 27px;
    width: 625px;
}

#container.index div.contentsOutstandingFirst div.JRapidVideoDemo a {
        /* Theoretically for IE 8 & 9 (more valid) */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        /* This works in IE 8 & 9 too ... but also 5, 6, 7 */
        filter: alpha(opacity=50);
        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;
        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;
        /* Modern!Firefox 0.9+, Safari 2?, Chrome any? */
        opacity: 0.5;
 }
#container.index div.contentsOutstandingFirst div.JRapidVideoDemo a:hover {  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1; }
#container.index div.contentsOutstandingFirst div.JRapidVideoDemo a img { border:none; }
div#video { display:none; width:990px; height:650px; border:1px solid red; }


/* ----------------------------------------------------------------------------- */
/* contentsOutstandingSecond  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container.index div.contentsOutstandingSecond { padding:25px 0px; border-bottom: 1px solid #DCDDDE; }
/* howJRapidWorks */
div.contentsOutstandingSecond div.howJRapidWorksImage { float:right; margin:-140px 25px 0 30px; }
#container.index div.contentsOutstandingSecond div.howJRapidWorks p { font-family: Georgia, Palatino, Times New Roman; font-weight:normal; font-size:1.8em; /*margin-left:200px*/ }


/* ----------------------------------------------------------------------------- */
/* box contentsOutstandingThird */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.contentsOutstandingThird { padding:25px 0px; }
div.contentsOutstandingThird div.box { overflow:hidden; padding:0px 20px 0px 0px; width:780px; }
div.contentsOutstandingThird div.box h4 { color:#000; font-family: Georgia, Palatino, Times New Roman; font-weight:normal; font-size: 2em; line-height:100%; margin:0px 0px 10px -20px; }
div.contentsOutstandingThird div.box h4 span { font-size: 2em; margin-left:-20px; }
div.contentsOutstandingThird div.contentsInner p { color:red; font-size: 1.4em; /*font-family: Georgia, Palatino, Times New Roman;*/ }
div.contentsOutstandingThird div.contentsInner p img { border:1px solid #ddd; background:white; padding:15px; margin:10px 0 20px;  }

/* InstructiveContent */
div.InstructiveContent  { font-family: Georgia, Palatino, Times New Roman; }
div.InstructiveContent ul li,
div.InstructiveContent ol li { color:#333; font-family: Georgia, Palatino, Times New Roman; padding:15px 0 25px 40px; }
div.InstructiveContent ul li li,
div.InstructiveContent ol li li { color:#333; font-size: 1.4em; padding:0px 0 8px 5px; list-style-type: square; margin-left:17px; padding:0px 0 5px 0px; }
div.InstructiveContent ol ul { margin-bottom:10px; }
div.InstructiveContent li p { font-family: Georgia, Palatino, Times New Roman; line-height:140%; padding:0px 0 5px 0px; }
div.InstructiveContent li pre { background:#ebebeb; border:1px solid #e3e3e3; font-size: 1.2em; margin-bottom:5px; color:#333; padding:5px; }


/* div.footerNavigationGeneral */
div.navigationGeneral { position:absolute; right:0px; top:0px; }
div.navigationGeneral ul { list-style: none; list-style-position: outside; margin:0 0 4px 50px; }
div.navigationGeneral li { display:inline; }
div.navigationGeneral li a { font-family: Verdana, Arial, sans-serif;border-left:1px solid #80a6ca; color: #004f92; display:inline; font-size:1.1em; padding: 0px 6px; margin: 0px; }
div.navigationGeneral li.JRapidCom a { border:none; padding:0px 4px 0px 0px; }
/* current */
div.navigationGeneral li.current a,
div.navigationGeneral li.current a:link,
div.navigationGeneral li.current a:visited,
div.navigationGeneral li.current a:active,
div.navigationGeneral li.current a:hover { text-decoration:none; color: #004f92; cursor:default; }