/*
	 DocTemplate
*/

#nav-bar                                 { /*background: url(../images/navbar-bg.png) repeat-y;*/ background: #fff; width: 168px; float: left; border: 1px solid #ddd; padding-bottom: 18px; }
#nav-bar ul                              { list-style: none; margin: 6px 0px 10px 0px;  }
#nav-bar ul li                           { font-size: 12px; }
#nav-bar li.nav-subtitle				 { margin: 10px; padding-bottom: 6px; font-size: 12px; text-transform: uppercase; font-weight: bold; }
#nav-bar h5								 { margin: 10px; padding-bottom: 6px; text-transform: uppercase; font-size: 12px; }

/*#index { float: left; }*/

body#usage ul li.usage a,
body#index ul li.index a,
body#demo1 ul li.demo1 a,
body#demo2 ul li.demo2 a,
body#changelog ul li.changelog a,
body#parameters ul li.parameters a,
#nav-bar ul li.active a                  { position: relative; background: #f4f4f4; z-index: 300; }
#nav-bar ul li.active a:hover            { background: #f4f4f4; }
#nav-bar ul li a                         { display: block; padding: 6px 10px 6px 18px; color: #19588d; }
#nav-bar ul li:first-child a             { border-top: 0; }
#nav-bar ul li:last-child a              { border-bottom: 0; }
#nav-bar ul li a:hover                   { background: #f4f4f4; color: #19588d; text-decoration: none; }
#nav-bar a.servicios					 { color: #19588d; padding: 6px 27px 6px 18px;}
#nav-bar a:hover.servicios				 { background: #f4f4f4; color: #19588d; }

.rojo									 { color: #cd2027; text-shadow: 1px 1px 2px #d6b6b7; }

h1                                       { font: bold 32px Helvetica, Sans-Serif; letter-spacing: -1px; padding: 18px 0 18px 210px; }
h1 a                                     { color: white; }
h1 a span                                { background: #8bc53f; padding: 3px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: white; font-size: 20px; letter-spacing: 0; position: relative; top: -6px; font-weight: normal;  }
h1 a:hover span:after                    { content: " Download!"; font-size: 11px; position: relative; bottom: 2px;  }

#main-content                            { position: relative; z-index: 200; margin: 0 0 0 180px; background: white; padding: 20px 20px 0px 20px; width: 670px; color: #525252; min-height: 362px; }
#ajax-loader                             { display: none; position: absolute; top: 100px; left: 280px; }

#nav-bar .support                        { text-align: left; margin: 74px 25px 20px 20px; }
#nav-bar .support h4                     { text-transform: uppercase; border-bottom: 1px solid #8bc53f; color: #8bc53f; padding-bottom: 5px; margin-bottom: 5px; }
#nav-bar .support ul                     { margin: 0 0 0 12px; list-style: disc; }
#nav-bar .support ul li                  { text-align: left; font-size: 11px; margin: 0 0 4px 0; }


/*
    Typography
*/
p                                        { line-height: 20px; margin: 0 0 15px 0; }
.callout                                 { background: #fdfce4; padding: 15px; border: 1px solid #fff000; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.center											{ text-align: center; }                  
h2                                       { font-size: 24px; margin: 0 0 15px 0; color: #080808; font-weight: normal; }
h3                                       { font-size: 20px; margin: 0 0 15px 0; color: #8bc53f; font-weight: normal; }
h4                                       { margin: 0 0 15px 0; text-transform: uppercase; }
pre                                      { padding: 15px; background: #eee; border: 1px solid #666; margin: 0 0 15px 0; white-space: pre-wrap; }
code                                     { font: 11px Monaco, Courier, MonoSpace; }

#main-content a                          { text-decoration: underline; }
#main-content a:hover                    { text-decoration: none; border-bottom: 2px solid #8bc53f; }