/* CSS Document */
@charset "utf-8";
/* CSS Document */
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, pre {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}
table { margin:0 auto; }
img { margin:0; padding:0; border:0; }
ul,li { list-style-type:none; }
textarea:focus, input:focus{ outline: 0; }
body{ margin:0; padding:0; background:#222222;  }
header{ margin:0; padding:0; width:100%; }

a, img, input, select { outline:0; border:0; }
input:focus { outline:0;  }
button { outline:0; border:0; }

section { padding:0; margin:0; float:left; width:100%; }
.inner-part { margin:0 auto; width:800px;   }
.ceterize { margin:0 auto; }
.main-wrapper { width:100%; margin:20px 0 0 0; float:left; background:#fff url(../images/recordsapi.com.png) no-repeat right top; }


/*FONTS CUSTOME*/
.font-opensans-l { font-family:'Open Sans'; font-weight:300; }
.font-opensans-r { font-family:'Open Sans'; font-weight:400; }
.font-opensans-sb { font-family:'Open Sans'; font-weight:600; }
.font-opensans-b { font-family:'Open Sans'; font-weight:700; }

body { background:#fff; letter-spacing:0.05em; }

/*FRAPES ...*/
#upper-frame { width:98%; float:left; position:fixed; height:100px; background:rgba(255,255,255,0.9); left:0; top:0px; overflow:hidden; -webkit-box-shadow: -1px 10px 28px 0px rgba(0,0,0,0.08);
-moz-box-shadow: -1px 10px 28px 0px rgba(0,0,0,0.08);
box-shadow: -1px 10px 28px 0px rgba(0,0,0,0.08); text-align:right; padding:0 2% 0 0;  }

#upper-frame a.menus { float:right; display:inline-block; padding:8px 15px; font-size:80%; text-decoration:none; text-transform:uppercase; color:#939393; border:1px solid #ccc; margin:30px 0 0 10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#upper-frame a.menus:hover {  text-transform:uppercase; color:#fff; background:#07a0f0; border:1px solid #ccc; }


#right-frame { width:200px; float:left; position:fixed; background:rgba(255,255,255,0.7); left:0; overflow:hidden; top:0px; height:100%; background:rgba(18,16,28,1);}
#right-frame div.frameInner { position:fixed; left:0; top:0px; height:80%; padding:110px 0 50px 0; overflow:auto;  width:200px;  }
#right-frame div.frameInner img.logo { width:200px; float:left; position:fixed; left:0; top:0; -webkit-box-shadow: -1px 4px 0px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 4px 0px -1px rgba(0,0,0,0.75);
box-shadow: -1px 4px 0px -1px rgba(0,0,0,0.75); }
#right-frame div.frameInner div.v2 {  width:90%; float:left; font-size:80%; background:#000000; color:#fff; margin:-10px 0 0 0; padding:13px 5% 10px 5%;  text-decoration:none; text-align:right; }
#right-frame div.frameInner div.v2 a {  color:#fff; margin:-10px 0 0 0; padding:13px 5% 10px 5%;  text-decoration:none; text-align:right; }
#right-frame div.frameInner div.v2 a:hover { color:#e8e8e8; text-decoration:underline; }
#right-frame div.frameInner a.captions { width:90%; cursor:pointer; float:left; padding:10px 5%; border-bottom:1px solid #12101c; font-size:70%; background:#4a4273; text-decoration:none; color:#fff; text-transform:uppercase; }
#right-frame div.frameInner a.captions:hover { background:#07a0f0; color:#e8e8e8; }

.activeMenu {  background:#07a0f0!important; color:#e8e8e8!important; }

#right-frame div.frameInner p.captionx { width:90%; float:left; padding:12px 5%; font-size:70%; background:#4f5052; text-decoration:none; color:#fff; text-transform:none; }
#right-frame div.frameInner a.captionsx { width:90%; cursor:pointer; float:left; padding:8px 5%; font-size:70%; background:#12101c;  text-decoration:none; color:#fff; text-transform:uppercase; }
#right-frame div.frameInner a.captionsx:hover { color:#07a0f0; }
#right-frame div.frameInner a.captionsr { width:90%; float:left; padding:10px 5%; border-bottom:1px solid #12101c; font-size:70%; background:#bb2611; text-decoration:none; color:#fff; text-transform:uppercase; }
#right-frame div.frameInner a.captionsr:hover { background:#07a0f0; color:#e8e8e8; }
#right-frame div.frameInner div.v2x {  width:90%; font-size:80%; float:left; color:#fff; margin:0 0 0 0; padding:10px 5%;  text-decoration:none; text-align:center; }
#right-frame div.frameInner div.v2x a {  color:#fff; margin:-10px 0 0 0; padding:13px 5% 10px 5%;  text-decoration:none; text-align:right; }
#right-frame div.frameInner div.v2x a:hover { color:#e8e8e8; text-decoration:underline; }

h1 { width:90%; float:left; margin:0; padding:10px 5%; font-size:120%; color:#33CCFF; text-transform:uppercase; letter-spacing:0.09em; }
h2 { width:90%; float:left; margin:0; padding:0 5% 10px 5%; font-size:85%; color:#828282; text-transform:uppercase; letter-spacing:0.09em;  text-shadow:1px 1px 1px #f6f6f6;  }
h3 { width:90%; float:left; margin:0; padding:0 5% 0 5%; font-size:83%; color:#828282; text-transform:uppercase; letter-spacing:0.09em;  text-shadow:1px 1px 1px #f6f6f6;  }
h4 { width:90%; float:left; margin:0; padding:0 5% 0 5%; font-size:83%; color:#2d2d2d; text-transform:uppercase; letter-spacing:0.09em;  }
.marginRT { margin-top:35px; }

.marginTop { margin-top:30px; }
.marginTops { margin-top:20px; }
p.content { float:left; width:90%; padding:10px 5%; font-size:85%; color:#404040; letter-spacing:0.05em; line-height:180%;  }
p.content span.bold { font-weight:bold; }
p.content span.red { color:#ff0000; }
p.content a { text-decoration:none; color:#009ebb; text-decoration:underline; }
p.content a:hover { text-decoration:none; color:#038ea8; text-decoration:underline }
table.contentTab { float:left; width:90%; margin:0 5%; font-size:75%; color:#9b9b9b; letter-spacing:0.05em; line-height:180%; text-shadow:none;  }
table tr.alt { background:#faf7f7; }
table.contentTab td { padding:3px 0 3px 5px; border:1px solid #f1f1f1; }

p.contentRight { width:80%; padding:20px 5%; margin:10px 5%; float:left; color:#e8e8e8; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; min-height:20px; text-align:center; }
p.contentRight img { border:0; width:100%; }