@import "fonts.css";
body{
color: #484747; 
font-family:arial;
font-size:14px;
line-height:20px;
min-width: 320px;
margin:auto;
background-position: center;
background:url(img/bg.gif);
}



table.RainbowRoyal {
  border: 1px solid #EEEEEE;
  background-color: #FFFFFF;
max-width:700px;min-width:350px;width:100%;
  text-align: center;
  margin:auto;
  border-collapse: collapse;
}
table.RainbowRoyal td, table.RainbowRoyal th {
  border: 1px solid #E9E6D5;
  padding: 3px 2px;
}
table.RainbowRoyal tbody td {

}
table.RainbowRoyal thead {
  background: #eb3467;
  border-bottom: 1px solid #444444;
}
table.RainbowRoyal thead th {

  font-weight: bold;
  color: #fff;
  text-align: center;
  border-left: 1px solid #F5CD54;
}
table.RainbowRoyal thead th:first-child {
  border-left: none;
}

table.RainbowRoyal tfoot td {

}
table.RainbowRoyal tfoot .links {
  text-align: right;
}
table.RainbowRoyal tfoot .links a{
  display: inline-block;
  background: #F5CD54;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.abbasoff_text_1 {
  background: #CA4246;
  background-color: #CA4246;
  background: conic-gradient(
    #CA4246 16.666%, 
    #E16541 16.666%, 
    #E16541 33.333%, 
    #F18F43 33.333%, 
    #F18F43 50%, 
    #8B9862 50%, 
    #8B9862 66.666%, 
    #476098 66.666%, 
    #476098 83.333%, 
    #A7489B 83.333%);
  background-size: 57%;

  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbow-text-animation-rev-r-abbasoff-css 0.9s ease-in-out infinite;
}
.abbasoff_text_1:hover {
  animation: rainbow-text-r-abbasoff-css 0.5s ease-in-out infinite;
}
@keyframes rainbow-text-r-abbasoff-css {
  0% {
    background-size: 57%;
    background-position: 0 0;
  }
  20% {
    background-size: 57%;
    background-position: 0 1em;
  }
  100% {
    background-size: 300%;
    background-position: -9em 1em;
  }
}
@keyframes rainbow-text-animation-rev-r-abbasoff-css {
  0% {
    background-size: 300%;
    background-position: -9em 1em;
  }
  20% {
    background-size: 57%;
    background-position: 0 1em;
  }
  100% {
    background-size: 57%;
    background-position: 0 0;
  }
}


/* RENG STILI 2 */
.abbasoff_text_2{

  background-image: linear-gradient(to left, blue, red, green, blue, red, green, blue);   -webkit-background-clip: text;
  color: transparent;

}
/* RENG STILI 3 */
.abbasoff_text_3{

  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
/* RENG STILI 4 */
.abbasoff_text_4 {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}
/* RENG STILI 5 */
.abbasoff_text_5 {
    background: linear-gradient(to right, blue, red , green);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation_5 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation_5 {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}
/* RENG STILI 6 */
.abbasoff_text_6 {
    background: linear-gradient(to right, blue, red , green);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
     animation: rainbow_animation_6 .5s linear 0s infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation_6 {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}
/* RENG STILI 7 */
.abbasoff_text_7 {
    background: linear-gradient(to right, blue, red , green);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
     animation: rainbow_animation_7 .5s linear 0s infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation_7 {
  from {
    color: blue;
  }
  10% {
    color: red;
  }
  50% {
    color: green;
  }
  75% {
    color: blue;
  }
  100% {
    color: red;
  }
}

/* RENG STILI 8 */
.abbasoff_text_8
{
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: abbasoff_text_8 2s linear infinite;
}

@keyframes abbasoff_text_8 {
  to {
    background-position: 200% center;
  }
}

/* RENG STILI 9 */
.abbasoff_text_9
{
  background-image: linear-gradient(
    -225deg,
    blue 0%,
    red 50%,
    green 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: abbasoff_text_9 2s linear infinite;
}

@keyframes abbasoff_text_9 {
  to {
    background-position: 200% center;
  }
}
.nihad_niko {background:#64423;color:#n_n;padding:4px;text-align:center;}

.border {background:#393939;color:#ffffff;padding:4px;text-align:center;}
.b {padding: 6px;background:#ffffff;border:1px solid #f1f1f1;box-shadow:0px 1px 2px rgba(0,0,0,0.3);}
#.bar{background: #C1CDCD;color: #ffffff;padding:7px;}

.bar a {color:#f7d100; text-decoration: none;}
.bar a:hover{color:#fffd57;}

.main_box{background:#ccc;}
.header{background:#68b083;color:#fff;text-shadow:0 1px 1px #555;}
.header a:hover{background:#1b7b21}.events{width:100%;border-collapse:collapse;border-spacing:0}
.events td a{display:block;text-align:center;color:#fff;padding:5px}
.ico{vertical-align:middle;padding:1px}

.num{-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-o-border-radius:2px;border-radius:2px;
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .7);
background-color:#42d85b;
background-image:-webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);color:#fff;min-width:6px;
padding:1px 2px;text-shadow:0 -1px 0 rgba(0, 0, 0, .4);-webkit-background-clip:padding-box;display:inline-block;
font-size:8px;-webkit-font-smoothing:subpixel-antialiased;line-height:normal;position:absolute;margin-left:-5px}



.rsize{width:100%; min-width:305px; max-width:1000px;margin:auto}
.menu {background:url(main.gif) repeat-x top #FBFBFB;  padding: 20px 8px 6px 6px; box-shadow:0px 1px 9px rgba(0,0,0,0.5);}

.menu a {color:#0e63b8; text-decoration: none;}
.menu a:hover {color:#fff; background:#0e63b8;}

.sms,.bars,.mlink{
border: 1px solid #dfdfdf;
border-bottom-style:none;
padding: 4px;
}


.top-ml{
background:  #fff3b3;
}


.my{
background:  #f4f4f4;
}

.you{
background:  #f3fff6;
}
.sms a {
color: #FE2E2E;
}

.p2{
padding-bottom: 4px;
}

.cmy  {background:#f4f2e0; padding:2px; border:1px solid #FFFFFF;}
.cyou{background:#f7f7f7; padding:2px; border:1px solid #FFFFFF;}
.call{background:#fdfdfa; padding:2px; border:1px solid #FFFFFF;}

#icenter{text-align: center;}
#ileft{text-align: left;}
#iright{text-align: right;}



* {margin : 0; padding : 0; }



.bar
{
font-family: Tahoma;
font-size: 13px;
padding: 10px 5px;
font-weight: 500;
color: #fff;
background-color: transparent;
border: 0.5px solid #C0CAD5;
background-image: url(img/aze.gif);
border:1px solid DarkViolet;
border-radius: 90px;
}


.ust_line {
font-family: Tahoma;
font-size: 13px;
padding: 10px 5px;
font-weight: 500;
color: #fff;
background-color: transparent;
border: 0.5px solid #C0CAD5;
background-image: url(img/aze.gif);
border:1px solid DarkViolet;
border-radius: 90px;
min-width: 100%;
max-width: 100%;
}


#bar_right{float:right;}

.alt_line 		{
font-family: Tahoma;
font-size: 13px;
text-align:right;
padding: 10px 5px;
font-weight: 500;
color: #fff;
background-color: transparent;
border: 0.5px solid #C0CAD5;
background-image: url(img/aze.gif);
border:1px solid DarkViolet;
border-radius: 90px;
}

.c-black {color: black;}
.left-20{padding:0px 0px 0px 20px;}
.right-20{padding:0px 20px 0px 0px;}
img {vertical-align: middle; border:0px;}

.img {  
margin : 0px 0px -3px 1px;
}
.links{background:#FBFBFB; border:1px dotted #e5e5e5; padding:2px;}
.links:hover{background:#edecec;}

.fln a, .fl{padding:6px; background: #F7F6F2; display: block; border-bottom:1px solid #DADADA;}
.fln a:hover{background:#E9EBEB; color: #1580F2;}
.fln span{color:#2869AA;}
.fl{color:#7E7E7E;}
hr{margin-top:4px;margin-bottom:6px;border-bottom:1px solid #dfdfdf;border-top-style:none;border-top-width:0;border-right-style:none;border-right-width:0;border-left-style:none;border-left-width:0}






input:focus, textarea:focus { background: white; border: 1px solid #BCBCBC; }
input, textarea, select{background: #F5F5F5; border: 1px solid #d8d8d8; color: #375676; padding: 3px; margin: 1px 0; }
input[type=submit]{padding-right:1em; padding-left:1em;}

.inputRed{background: #FFE2E2;}
.inputGreen{background: #F2FDFF;}

input[type="text"]:disabled{background:#dddddd;}

input[type=submit],a.button
{
	#text-shadow:rgba(0,0,0,0.3) 0 1px 1px;
	border-radius:4px;
	#box-shadow:rgba(0,0,0,0.2) 0 1px 2px;
	color:#FFE8A1;
	border:solid 1px #26438D;
	background:url(button.png) repeat-x #106CBD;
}
a.button{padding:0.3em;}
input[type=submit]:hover,a.button:hover{background:#157ED9; color:#FFFFFF;}

.cedvel{text-align:center;}
.cedvel td{padding:5px 60px 5px 60px;}
.c_menu td{color:#ffffff; border-spacing:1px;padding:5px 0px 5px 0px;} 


.main_box{background:#ccc;}
.header{background:#68b083;color:#fff;text-shadow:0 1px 1px #555;}
.header a:hover{background:#1b7b21}.events{width:100%;border-collapse:collapse;border-spacing:0}
.events td a{display:block;text-align:center;color:#fff;padding:5px}
.events > tbody tr td:first-child, .line-menu {display: none;}
.ico{vertical-align:middle;padding:1px}



.events > tbody tr td span {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
    background-color: #dc0d17;
    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
    color: #fff;
    min-width: 6px;
    padding: 1px 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    -webkit-background-clip: padding-box;
    display: inline-block;
    font-size: 8px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: normal;
    position: absolute;
    margin-left: -5px;
}