.ef3 {
font-size:120%;
text-decoration:none;
animation-name: dscocolor;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
-moz-animation-name: dscocolor;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 10s;
-moz-animation-direction: alternate;
-webkit-animation-name: dscocolor;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 10s;
-webkit-animation-direction: alternate;
-o-animation-name: dscocolor;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-duration: 10s;
-o-animation-direction: alternate;
-ms-animation-name: dscocolor;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-duration: 10s;
-ms-animation-direction: alternate;
}
@-moz-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@-webkit-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@-o-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@-ms-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
.ef3:hover {
font-size:125%;
}
/* -- naverh -- */
.dsvverh {
  display:block;
  font-size:0;
  line-height:0;
  height:0;
  visibility:hidden;
}
.dslinkvverh {
  position:fixed;
  z-index:5000;
  bottom:30px;
  right:30px;
   
  width:150px;
  height:150px;
  display:none;
  }
.dslinkvverh:hover,
.dslinkvverh:active,
.dslinkvverh:focus {
  outline:0;
}


.right_box{
    float: right;
    width: 380px;
    overflow: auto;
    /*border: 1px dotted yellow*/
}

.left_box{
    float: left;
    width: 170px;
    overflow: hidden;
    /*border: 1px dotted aqua*/
}

.left_shmot{
    float: left;
    width: 30px;
}
.left_shmot img{
    float: left;
}

.right_shmot{
    float: right;
    width: 30px;
}
.right_shmot img{
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
}
.left_shmot img{
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

.center_foto{
    float: left;
    width: 108px;
}
.center_foto img{
    margin-left: 2px;
}
.top_info{
    /*border: 1px dotted white;*/
    margin-bottom: 3px;
}

.account_reg small{
    color: grey;
}

.title{
    text-align: center;
    color: whitesmoke;
    font-size: 16px;
    padding: 8px;
    background: url(../strategy/img/style/background1.jpg) repeat-x;
    border: 1px solid whitesmoke;
    border-radius: 3px 3px 1px 1px;
    margin-top: 3px;
}
.slot_menu{
    padding: 5px;
    margin: 4px 2px 4px 2px;
    border-radius: 3px;
    border: 1px solid whitesmoke;
}

.error{
    color: red;
    font-weight: bold;
    padding: 0.8pc;
    border: 1px solid red;
    border-radius: 2px;
    margin-bottom: 2px;
}

.back{
    color: white;
    border: 1px solid whitesmoke;
    padding: 4px;
    border-radius: 3px;
}

.navigation{
    margin-top: 1em;
}

.navigation a{
    background-color: #0E7FED;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0E7FED), color-stop(1, #18369F) );
box-shadow:inset 0px 1px 0px 0px #4ED5DC;
color: #FFF;
border: 1px solid #000;
padding: 8px;
border-radius: 3px;
margin: 3px;
}


.ok{
    padding: 8px;
    color: green;
    border: 0.5px solid green;
    font-weight: bold;
}


.list{
    padding: 8px;
    border-top: 1px solid grey;
    border-bottom: 1px solid gray;
    display: block;
}




/* STRATEGY */

#menu{
    font-size:14px !important;
    font-family: Arial, Tahoma !important;
	list-style:none;
    padding-left: 0px !important;
}

#menu li{
	border-radius:3px;
	margin-top:2px;
	width: 100%;
    background: url(../strategy/img/style/background1.jpg) repeat-x;
	background: -webkit-linear-gradient(-90deg, #161616 0%,#000000 100%);
	border-left:1px solid #111;
    border-top:1px solid #111;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    -webkit-transition: all 0.3s ease-in-out;
}

#menu li:hover{
	-webkit-transform:translateX(5px);
    background: url(../strategy/img/style/background2.jpg) repeat-x;
    background: -webkit-linear-gradient(90deg, #161616 0%, #000000 100%);
}

#menu li a{
	color:#fff;
	display:block;
    width:100%;
	padding:8px;
    text-decoration: none;
    -webkit-transition: all 0.8s ease-in-out;
}

#menu li a:hover{
	color:#00c6ff;
    -webkit-transform:rotateX(360deg);
}

#list4 img{
    height: 64px;
    width: 64px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
}
#list4 { width:100%; font-family:Georgia, Times, serif; font-size:12px; }
#list4 ul { 
    padding-left: 0px !important;
 list-style: none; }
#list4 ul li { }

#list4 ul li a { 
    border-radius: 3px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    background-color:#FFFFFF; 
    border-bottom-style:solid;
     border-bottom-width:1px; 
     border-bottom-color:#000;  
    cursor:pointer; 
    border-top: 1px solid #000;
    height: 64px;
    line-height: 20px;
    text-shadow: none !important;
    }

#list4 ul li a:hover {
    color:#FFFFFF; 
    background: url(../strategy/img/style/iphone.png) repeat-x;  
    }
    
#list4 ul li a strong { }



#list3 img{
    height: 64px;
    width: 64px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
}
#list3 { width:100%; font-family:Georgia, Times, serif !important; font-size:12px; }
#list3 ul { 
    padding-left: 0px !important;
 list-style: none; }
#list3 ul li { }

#list3 ul li a { 
    border-radius: 3px;
    display:block; 
    text-decoration:none; 
    color:#000000; 
    background-color:#FFFFFF; 
    border-bottom-style:solid;
     border-bottom-width:1px; 
     border-bottom-color:#000;  
    cursor:pointer; 
    border-top: 1px solid #000;
    height: 24px;
    line-height: 20px;
    text-shadow: none !important;
    padding-left: 5px;
    }

#list3 ul li a:hover {
    color:#FFFFFF; 
    background: url(../strategy/img/style/iphone.png) repeat-x;  
    }
    
#list3 ul li a strong { }


.line1{
    margin-left: 70px;
    height: 12px; 
    background-color: black;
    width: 100px;
}

.line2{
    height: 12px; 
    background-color: green;
    max-width: 100px !important;
}