/******************/
/* RESET  */
/******************/

html{color:rgb(0,0,0); background:rgb(255,255,255);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;} /* to preserve line-height and selector appearance */
sub {vertical-align:text-bottom;} /* to preserve line-height and selector appearance */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* to preserve line-height and selector appearance */
legend{color:rgb(0,0,0);} /*because legend doesn't inherit in IE */

/******************/
/* GLOBAL LAYOUT  */
/******************/
body{font-family:Verdana; font-size:0.8em; background-color:#F7F7F7;margin:0; padding:0}
#container{width:980px; margin:0 auto;background-color:#FFF;border-left:1px solid #4E94B6;border-right:1px solid #4E94B6}

form.ar input,form.ar textarea{direction:rtl}
.ar{text-align:right;padding-right:10px;direction:rtl}
.es,.en,.de,.pt,.it{text-align:left}

.clear {clear:both}
h1{color:#1872BE;font-size:1.5em}
p{font-size:0.9em}
.required{color:#CC0000}
a{text-decoration:none; color:#000}
a:hover{text-decoration:underline;}

/******************/
/* HEADER  */
/******************/
#header, #top_header{float:left; width:100%;}
#languages{float:left; margin:5px 0 0 8px}
#languages img{vertical-align:middle; margin-right:5px}
#languages a.selected{text-decoration:none;font-weight:bold}
#contact{float:right; margin:5px 8px 0 0}
#contact a{text-decoration:none;color:#3366ff; font-weight:bold}

/******************/
/* FOOTER */
/******************/
#footer{text-align:justify;padding:20px; float:left; margin-top:20px;font-size:0.8em;}
#footer .creditcards{margin:auto; margin-top:10px; width:420px}
#footer .creditcards2{position:absolute;margin:-20px 0 0 215px;}

/******************/
/* MENU  */
/******************/

.menu{width:66%;margin:0 auto;border:none;padding:0px}
.menu ul{background:#FFF;height:20px;list-style:none;margin:0;padding:0;}
.menu li{z-index:1000;position:relative;float:left;padding:0px;}
.menu li a{	background:#FFF;color:#104e63;display:block;font-weight:bold;line-height:30px;margin:0px;padding:0px 10px;text-align:center;text-decoration:none;}
.menu li a:hover, .menu ul li:hover a{background: #2580a2 url("/static/img/hover.gif") bottom center no-repeat;color:#FFF;text-decoration:none;}
.menu li ul{background:#808080;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:250px;z-index:200}
.menu li:hover ul{display:block;}
.menu li li {display:block;float:none;margin:0px;padding:0px;width:250px;}
.menu li:hover li a{background:none;}
.menu li ul a{display:block;height:25px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{background:#2580a2 url('/static/img/hover_sub.gif') center left no-repeat;border:0px;color:#ffffff;text-decoration:none;}
.menu li ul a:hover, .menu li ul li:hover a.ar{background:#2580a2 url('/static/img/hover_sub-ar.gif') center right no-repeat;border:0px;color:#ffffff;text-decoration:none;}
.menu p{clear:left;}

/******************/
/* BANNER  */
/******************/

#banner{float:left; width:100%;padding-left:15px;}

#banner #logo-gohome {width:140px; height:150px; cursor:pointer;position:absolute; margin:25px 0 0 50px;}
#banner #demo-account{position:absolute; margin:70px 0 0 780px;}
#banner #demo-account div.w135{width:135px}
#banner #demo-account div.w135 div.link{float:left}
#banner #demo-account div.w135 div.link a{color:#FFF;font-weight:bold;text-decoration:none}
#banner #demo-account div.w135 div.symbol{float:right}
#banner #demo-account div.w135 div.symbol span{color:#FF0000;font-weight:bold;}

#banner #real-account{position:absolute; margin:110px 0 0 780px;}
#banner #real-account div.w135{width:135px}
#banner #real-account div.w135 div.link{float:left}
#banner #real-account div.w135 div.link a{color:#FFF;font-weight:bold;text-decoration:none}
#banner #real-account div.w135 div.symbol{float:right}
#banner #real-account div.w135 div.symbol span{color:#3366FF; font-weight:bold;}

/******************/
/* HOME  */
/******************/

#center-block-home{width:540px; float:left;}
#center-block-home #info ul{list-style:none; padding:0 0 0 8px}
#center-block-home #info ul li{padding:3px 0 10px 20px; background:url(/static/img/click.jpg) no-repeat}
#center-block-home #info ul li.ar{padding:10px 25px 10px 20px; background:url(/static/img/click.jpg) no-repeat right}

#center-block-home #daily-analysis{background-color:#F3F9FE; padding:10px}
#center-block-home #daily-analysis div img{float:left; margin-bottom:5px;}
#center-block-home #daily-analysis div.analyst {margin-left:85px}
#center-block-home #daily-analysis a.title{text-decoration:none; color:#1872be; font-size:1.5em;}

#center-block-home #daily-analysis div.last a{text-decoration:none; color:#000}
#center-block-home #daily-analysis div.last p{text-align:justify}
#center-block-home #daily-analysis div.last p.ar{text-align:right}

#center-block-home #manuals div.list-left{float:left; margin-left:10px; padding:0}
#center-block-home #manuals div.list-left div{padding:3px 0 5px 20px; background:url(/static/img/flecha2.jpg) no-repeat 0 50%}
#center-block-home #manuals div.list-left div.ar{padding:3px 10px 5px 20px; background:url(/static/img/flecha2-ar.jpg) no-repeat right 50%}
#center-block-home #manuals div.list-right{float:right;margin-right:20px}
#center-block-home #manuals div.list-right div{padding:3px 0 5px 20px; background:url(/static/img/flecha2.jpg) no-repeat 0 50%}
#center-block-home #manuals div.list-right div.ar{padding:3px 10px 5px 20px; background:url(/static/img/flecha2-ar.jpg) no-repeat right 50%}

#center-block-home #markets {margin-top:20px}

/******************/
/* LEFT BLOCK */
/******************/
#left-block {float:left;width:220px;}

#left-block .block{margin-left:10px}
#left-block .block p{color:#1872be; font-size:1.5em;margin:10px 0 10px 0;}

#left-block .block div.odd{width:195px;padding:2px;float:left;background-color:#E0E0E0}
#left-block .block div.even{padding:2px;float:left;}

#left-block .block div.col1{float:left;width:15px;}
#left-block .block div.col2{float:left;width:70px; margin-left:5px}
#left-block .block div.col3{float:left;width:20px; margin-left:15px}
#left-block .block div.col4{float:left;width:20px;margin-left:15px}

/******************/
/* RIGHT BLOCK */
/******************/
#right-block #cuentas{padding:10px}
#right-block #cuentas a.real_es{margin-bottom:3px;display:block;cursor:pointer;border:0;width:150px;height:30px;background:url(/static/img/boton/cuenta-real-es.png) no-repeat 0 0}
#right-block #cuentas a.real_en{margin-bottom:3px;display:block;cursor:pointer;border:0;width:150px;height:30px;background:url(/static/img/boton/cuenta-real-en.png) no-repeat 0 0}
#right-block #cuentas a.real_it{margin-bottom:3px;display:block;cursor:pointer;border:0;width:150px;height:30px;background:url(/static/img/boton/cuenta-real-it.png) no-repeat 0 0}
#right-block #cuentas a.real_ar{margin-bottom:3px;display:block;cursor:pointer;border:0;width:155px;height:30px;background:url(/static/img/boton/cuenta-real-ar.png) no-repeat 0 0}

#right-block #cuentas a.demo_es{display:block;cursor:pointer;border:0;width:150px;height:30px;background:url(/static/img/boton/cuenta-demo-es.png) no-repeat 0 0}
#right-block #cuentas a.demo_en{display:block;cursor:pointer;border:0;width:150px;height:30px;background:url(/static/img/boton/cuenta-demo-en.png) no-repeat 0 0}
#right-block #cuentas a.demo_it{display:block;cursor:pointer;border:0;width:150px;height:30px;background:url(/static/img/boton/cuenta-demo-it.png) no-repeat 0 0}
#right-block #cuentas a.demo_ar{display:block;cursor:pointer;border:0;width:155px;height:30px;background:url(/static/img/boton/cuenta-demo-ar.png) no-repeat 0 0}

#right-block {float:left;width:220px}
#right-block .block{margin-bottom:10px;margin-left:10px}
#right-block .block ar{padding-right:10px;}
#right-block .block div.img{float:left}
#right-block .block div.txt{display: table; width:125px; height: 74px; margin-left:80px;}
#right-block .block div.txt p{display: table-cell; vertical-align: middle;}
#right-block .block div.txt p span {color:#1872BE; font-weight:bold}
#right-block .block div.txt p span a{color:#1872BE; font-weight:bold}

#right-block #tools div{padding:3px 0 5px 20px; background:url(/static/img/flecha2.jpg) no-repeat 0 50%}
#right-block #tools div.ar{padding:3px 20px 5px 20px; background:url(/static/img/flecha2-ar.jpg) no-repeat right 50%}

#right-block #lastnews{width:200px}
#right-block #lastnews div.title{font-weight:bold;}
#right-block #lastnews div.title a img{vertical-align:bottom}
#right-block #lastnews div.new{padding:3px 0 5px 20px; background:url(/static/img/last_new.gif) no-repeat 0 50%}

/******************/
/* CONTENT  */
/******************/

#center-block-content{width: 730px;padding:15px 10px 0 20px; float:left;}
.center-block div.description{text-align:justify}
.center-block #menunews a{text-decoration:none; color:#1872BE;font-weight:bold}
.center-block #menunews a:hover{text-decoration:underline}
.center-block #menunews div.shortdescription{text-align:justify}

div.pager{overflow:hidden;margin:5px 0 0;}
div.pager ul{text-align: center}
div.pager ul li{font-size:11px;display:inline;}
div.pager ul li a{padding:0 4px;}
div.pager ul li a.current{text-decoration:none;font-weight:bold;}
div.list {float:right}
div.list a{color:#1872BE;padding:0 4px;}

/******************/
/* AFFILIATES  */
/******************/
.registration div.fimage{margin-bottom:50px}
.registration div.image{margin-bottom:15px}
.registration img{display:block; margin:auto}

#center-block-affiliates div.header{background-color:#ecf4f7}
#center-block-affiliates div.title{background-color:#ecf4f7;height:60px}
#center-block-affiliates div.title div{width: 759px;height:60px; min-height:60px; display:table-cell; vertical-align:middle}
#center-block-affiliates div.title div p{margin-left:15px;color:#1767ac;font-size:1.1em}

#center-block-affiliates{width: 759px;float:left;border-color:#E4E4E4;border-left:1px solid #E4E4E4}
#center-block-affiliates img.logo-affiliates{display:block;margin:auto;width:200px}
#center-block-affiliates div#apiforex{float:left;width:380px;margin-top:20px}
#center-block-affiliates div#apiforex p.title{text-align:center}
#center-block-affiliates div#invest div.first{margin-top:45px;margin-bottom:15px}
#center-block-affiliates div#invest div.first p{color:#1767ac}
#center-block-affiliates div#invest{float:left;width:350px}
#center-block-affiliates div#invest div.images div{float:left}
#center-block-affiliates div#invest div.investtxt{margin:20px 20px 0 0; text-align:justify}
#center-block-affiliates div#invest div.ar{text-align:right}
#center-block-affiliates div#bannercomputers{float:left;margin-left:140px;}

/******************/
/* AFFILIATES-CONTACT */
/******************/
div#affiliates div.taffiliates {float:left; width:60%; text-align:justify}
div#affiliates div.taffiliates a{font-weight:bold;}
div#affiliates div.ar {text-align:right;float:right}
div#affiliates div.imgfriend {float:left;margin-left: 50px}
div#affiliates div.imgpro {float:left;margin-left:50px}
form#affiliateform div.fields {margin: 10px;}
form#affiliateform div.txt{float:left;margin-left:80px;line-height:25px;width:180px;font-weight:bold;}
form#affiliateform div.txtf{line-height:25px;float:left; font-weight:bold;}
form#affiliateform div.ar{float:right}
form#affiliateform div.input{float:left;line-height:25px;margin-left:10px;width:200px}
form#affiliateform div.inputf{line-height:25px;float:left; margin-left:30px;}
form#affiliateform div.ar{float:right}
form#affiliateform select{width:150px}
form#affiliateform div#optsform{text-align:center;}

/******************/
/* SCRIPTS  */
/******************/
#center-block-content hr{color:#4E94B6}
#center-block-content h1{color:#1872BE; font-weight:bold; text-align:center;}

#content hr{margin:20px 0 20px 0}
#scrdynamic p.title, #scrcharts p.title, #scrcurrencies p.title, #scraudio p.title, #scrhorarios p.title, #scrfooter p.title{color:#1872BE; font-weight:bold; text-align:center;}
#scrfooter{margin:20px auto; width:200px}

#scrdynamic div {margin:auto; display:block;}
#scrdynamic div.scr400 {margin:auto; display:block; width:400px}
#scrcharts div {margin:auto; display:block;}
#scrcharts div.scr400 {margin:auto; display:block; width:400px}
#scrcurrencies div {margin:auto; display:block;}
#scrcurrencies div.scr180 {width:180px}
#scraudio div.scr215 {margin:auto; display:block; width:215px}
#scraudio div.scr400 {margin:auto; display:block; width:400px}
#scrhorarios div.scr500 {margin:auto; display:block; width:500px}
#scrhorarios div.scr500 {margin:auto; display:block; width:500px}

#center-block-content div.code {width:415px; font-size:0.8em; padding:10px; border:1px dotted #4E94B6}
#center-block-content div.medium {width:615px;margin-top:20px}
#center-block-content div.wide{width:705px;margin-top:20px}

/******************/
/* COLLABORATORS  */
/******************/
#colltxt {float:left; margin:20px 0 80px 0; width:500px}
#collimg {float:left; width:100px}
#collablist {padding:50px 0 0 80px}
#collablist div{width:200px; line-height:70px; float:left}
#collablist div img{margin:10px}

/******************/
/* RISK CALCULATOR  */
/******************/
form#friskc div p input, form#friskc div span{margin:5px 0 0 30px}

/******************/
/* PIPS CALCULATOR  */
/******************/
div#pipscalculator {margin:15px auto; width:540px}
div#pipscalculator .col1{float:left; width:115px; background-color:#158dd6;color:#FFF; font-weight:bold}
div#pipscalculator .c1rowh{height:25px;text-align: center;border:1px solid #FFF; padding:2px;}
div#pipscalculator .c1row{height:20px;text-align: center;border:1px solid #FFF; padding:2px;}
div#pipscalculator .col2{float:left; width:80px; margin-left:5px;background-color:#cadfff;}
div#pipscalculator .c2rowh{height:25px;text-align: center;background-color:#158dd6;border:1px solid #FFF; padding:2px;font-weight:bold}
div#pipscalculator .c2row{height:20px;border:1px solid #FFF; padding:2px;}
div#pipscalculator .col3{float:left; width:80px; margin-left:5px;background-color:#cadfff;}
div#pipscalculator .c3rowh{height:25px;text-align: center;background-color:#158dd6;border:1px solid #FFF; padding:2px;font-weight:bold; font-size:0.8em}
div#pipscalculator .c3row{height:20px;border:1px solid #FFF; padding:2px;}
div#pipscalculator .col4{float:left; width:80px; margin-left:5px;background-color:#cadfff;}
div#pipscalculator .c4rowh{height:25px;text-align: center;background-color:#158dd6;border:1px solid #FFF; padding:2px;font-weight:bold; font-size:0.8em}
div#pipscalculator .c4row{height:20px;border:1px solid #FFF; padding:2px;}
div#pipscalculator .col5{float:left; width:80px; margin-left:5px;background-color:#cadfff;}
div#pipscalculator .c5rowh{height:25px;text-align: center;background-color:#158dd6;border:1px solid #FFF; padding:2px;font-weight:bold; font-size:0.8em}
div#pipscalculator .c5row{height:20px;border:1px solid #FFF; padding:2px;}
div#pipscalculator .col6{float:left; width:80px; margin-left:5px;background-color:#cadfff;}
div#pipscalculator .c6rowh{height:25px;text-align: center;background-color:#158dd6;border:1px solid #FFF; padding:2px;font-weight:bold; font-size:0.8em}
div#pipscalculator .c6row{height:20px;border:1px solid #FFF; padding:2px;}
div#pipscalculator #gocalc{background-color:#158dd6;color:#FFF;}
div#pipscalculator #gocalc .calc{height:25px;text-align: center;border:1px solid #FFF; padding:5px;}
div#csample .col1{float:left; width:75px; background-color:#158dd6;color:#FFF; font-weight:bold}
div#csample .col1 div{border:1px solid #FFF; padding:2px;}
div#csample .col2{float:left; width:200px; margin-left:5px;background-color:#cadfff;}
div#csample .col2 div{border:1px solid #FFF; padding:2px;}

/******************/
/* PROMOTION  */
/******************/
div#promotionheader {padding-left:30px}
form#promotionform div {padding-left:30px}
form#promotionform div.fields {margin:20px;}
form#promotionform .col1{float:left;width:250px}
form#promotionform .col2{float:left}
form#promotionform .col2 img{vertical-align:text-top; cursor:pointer}
form#promotionform div.pemail{line-height:25px;float:left; font-weight:bold}
form#promotionform div.iemail{line-height:25px;float:left; margin-left:20px}
form#promotionform div#optsform{margin-top:10px}

/******************/
/* DYNAMIC SCRIPT  */
/******************/
#dynamic-script ul.tabs {list-style: none;padding: 0;margin: 0}
#dynamic-script ul.tabs li {font-size:12px;float: left;background: url(/static/img/scripts/tabright.png) top right no-repeat;margin: 0}
#dynamic-script ul.tabs li.selected {border-bottom:1px solid #FFF}
#dynamic-script ul.tabs li.last {background-image: url(/static/img/scripts/tabrightlast.png)}
#dynamic-script ul.tabs li.first {border-left:1px solid #E0D0B4}
#dynamic-script ul.tabs a {	display: block;font-weight: bold;color:#999999;text-decoration: none;padding: 0.2em 1em 0.3em 0.3em;}
#dynamic-script ul.tabs a:hover {color:#1872BE;}
#dynamic-script ul.tabs .selected a {color:#1872BE}
#dynamic-script div.content {height:380px;border:1px solid #E0D0B4;border-color:#e0d0b4;clear: both;padding: 0.5em}

/******************/
/* PLATFORMS */
/******************/
#platforms {margin-top:5px}
#platforms div#metatrader, #platforms div#profit, #platforms div#markettrader{float:left; width:310px}
#platforms div#metatrader div.title{width:130px}
#platforms div#profit div.title{width:65px}
#platforms div#markettrader div.title{width:120px}
#platforms div.box3d img{margin-left:40px;width:209px;}
#platforms div.title{margin:auto;font-size:14px;font-weight:bold;margin-bottom:8px;color:#104E63}
#platforms div.description{width:280px;margin-left:10px;height:85px}
#platforms div.description p{text-align:justify;font-size:10px}
#platforms div.box3d{height:460px}
#platforms div.buttons{height:135px}
div.button{margin:auto;margin-bottom:6px;width:177px;cursor:pointer}
div.button a
{
	background:url(/static/img/button_off.jpg) top right no-repeat;
	margin:auto;width:177px;height:31px;display:inline-block;
	text-decoration:none;line-height:30px;color:white;
	font-weight:bold;
	text-align:center;
}
div.button a:hover{background:url(/static/img/button_on.jpg) top right no-repeat;}
div.button a.blue{background:url(/static/img/button_off_blue.jpg) top right no-repeat;}
div.button a.blue:hover{background:url(/static/img/button_on_blue.jpg) top right no-repeat;}