/* reset */
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { background-repeat:repeat; font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; color:#444; margin:0px; background-color:#fff; }

/* default styles
----------------------------------------------------------------------------------------------------*/
ol, ul { list-style: none; margin-bottom: 20px; }
ol { list-style: decimal; }
ul { list-style-type: square; list-style-image: url(img/arrow-li.png); }
li { margin-left: 30px; margin-bottom: 10px; }
p { margin-bottom: 10px; }

a:link, a:visited, a:active { color:#1c6fab; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
a img { border:none; }
	
h1,h2,h3 { margin-bottom:10px; line-height:32px; color:#1c6fab; letter-spacing:1px; }
h1 { font-size: 25px; margin-bottom: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; margin-bottom: 10px; }
h1,h2,h3,h4,h5,h6 { text-align: left; }

/* Ads
----------------------------------------------------------------------------------------------------*/
.ad90 { max-height: 100px; width: 100%; }

/* Hamburger
----------------------------------------------------------------------------------------------------*/
#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  left: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}
#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu li
{
  padding: 10px 0;
  font-size: 22px;
}
#menuToggle input:checked ~ ul
{
  transform: none;
}

/* main content & alignment
----------------------------------------------------------------------------------------------------*/
.rightads { margin: 0 0 10px 20px; float: right; clear: both; text-align: center; }
.leftads { margin: 10px 20px 10px 0; float: left; clear: both; text-align: center; }
.centerads { margin: 20px auto 20px auto; clear: both; text-align: center; }
.alignright { float: right; margin: 0 0 20px 20px; width:auto; }
.alignleft { float: left; margin: 0 20px 10px 0; width:auto; }

#container { margin: 20px auto 20px auto; width: 100%; max-width: 975px; }
#sidebar { float: left; max-width: 210px; margin-bottom: 30px; clear:both; }
#content { width: 100%; max-width: 730px; display: inline; float: left; margin-left: 15px; padding: 5px 0 20px 15px; border-left: 1px solid #cccccc; text-align: justify; }

h1.logo a { padding:0px 5px 0 5px; width:200px; height:122px; float:left; margin: 0px; display:block; }

/* menu & menu container
----------------------------------------------------------------------------------------------------*/
#sidebar ul { display: inline; width: 210px; margin:15px 0 10px 0; padding: 0; clear:both; }
.menu { margin: 0; padding: 0; list-style: none; line-height: 1.0; float: left; }
.menu li { width: 190px; border-bottom:1px solid #ddd; padding: 0; margin:0; }
.menu a { padding: 10px 0 10px 10px; display: block; text-decoration:none; }
.menu li:hover, .menu a:focus { outline: 0; color:#000; }
.menu li.favorites { padding-left: 24px; background:url(img/favorites.png) 15px 6px no-repeat; width: 166px; }

/* Home content
----------------------------------------------------------------------------------------------------*/
#content .chatbox { display: inline; visibility: inherit; overflow: visible; float: left; margin-left: 15px; margin-right: 15px; width: 150px; margin-bottom:10px; padding-top:5px; padding-bottom:5px; }
#content .chatbox h3 a { display:block; text-align:center; }
#content .chatbox img{ margin-bottom:10px; }
#content .chatbox .entry a { float: right; padding-right: 10px; margin-bottom: 5px; }

#content .chatlist { display: inline; visibility: inherit; overflow: visible; float: left; margin-left: 15px; margin-right: 15px; width: 150px; margin-bottom:5px; }
#content .chatlist h4 { margin-left:12px; margin-bottom: 5px; }
#content .chatlist h4 a { color: #404040; }
#content .chatlist h4 a:hover { color: #1c6fab; }
#content .chatlist li { text-align: left; }
#content .chatlist li a { color: #606060; }
#content .chatlist li a:hover { color: #000; }

#content .chatinfo { display: inline; border: 1px solid #c0c0c0; background-color: #ffffea; visibility: inherit; overflow: visible; float: left; margin-left: 20px; margin-right: 10px; margin-bottom:20px; padding: 10px; width: 100%; max-width: 310px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#content .chatinfo img{ float: left; margin-right: 8px; margin-bottom: 0px; }
#content .chatinfo h4 { margin-bottom: 5px; }
#content .chatinfo h4 a { text-decoration:none; color: #606060; }
#content .chatinfo h4 a:hover { color:#000; }
#content .chatinfo p { margin-bottom: 0px; }

#content .webchat { width: 687px; height: 550px; background-color: #f0f0f0; border: 1px solid #c0c0c0; padding: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#content .webchat-btns { margin: 20px auto 40px auto; clear: both; text-align: center; }

/* Channels page
----------------------------------------------------------------------------------------------------*/
.rutachans { margin: 10px 0 0px 0; }
.sociallink { float: right; margin: 0; padding: 0; }
.infochat { float: left; }
.helpchat { float: right; max-width: 410px; width: 100%; }
#categorias { margin: 10px auto 10px auto; max-width: 730px; }
#categorias .items { margin-top: 5px; margin-bottom:5px; padding-bottom: 10px; margin-right:20px; margin-left:20px; max-width: 225px; float: left; background:url(img/chans/chat.gif) 0 10px no-repeat; padding-left: 100px; min-height: 90px; border-bottom: 1px solid #c0c0c0;}
#categorias .items h4 {margin:0; margin-bottom:0px; margin-top:10px; text-align: left;}
#categorias .items p {margin:0; font-size:90%;}
#pager { margin: 10px auto 10px auto; text-align:center; }

/* Form styles
----------------------------------------------------------------------------------------------------*/
form fieldset { border: none; }
form label { display: block; padding: 5px 0 5px 0; font-size: 14px; }
form input.text-input, form select, form textarea  { padding: 6px; font-size: 14px; border: 1px solid #ccc; color: #333; }
form .small-input { width: 35% !important; }
form .medium-input { width: 50% !important; }
form .full-input { width: 90% !important; }
form textarea { width: 90% !important; font-family: Arial, Helvetica, sans-serif; }
form select { padding: 4px; background: #fff; }
form input[type="checkbox"], form input[type="radio"] { padding: 0; background: none; border: 0; }
.button { float:right; margin-right: 55px; display: inline-block; background-color: #e0e0e0; border: 1px solid #cccccc; padding: 6px 20px 6px 20px; color: #333; cursor: pointer; width: auto; }
.button:hover { text-decoration: underline; }
.button:active { padding: 7px 20px 5px 20px !important; }
/* Result of form */
.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('img/icon-info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('img/icon-success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('img/icon-warning.png'); }
.warning a { color: #9F6000; }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('img/icon-error.png'); }

/**********/
/* Tables */
/**********/
.btn, a.btn { background: #ffaa00; background-image: -webkit-linear-gradient(top, #ffaa00, #e68a00); background-image: -moz-linear-gradient(top, #ffaa00, #e68a00); background-image: -ms-linear-gradient(top, #ffaa00, #e68a00); background-image: -o-linear-gradient(top, #ffaa00, #e68a00); background-image: linear-gradient(to bottom, #ffaa00, #e68a00); -webkit-border-radius: 1; -moz-border-radius: 1; border-radius: 1px; font-family: Arial; color: #ffffff; font-size: 21px; padding: 10px 20px 10px 20px; text-decoration: none; }
.btn:hover, a.btn:hover { background: #383838; background-image: -webkit-linear-gradient(top, #383838, #303030); background-image: -moz-linear-gradient(top, #383838, #303030); background-image: -ms-linear-gradient(top, #383838, #303030); background-image: -o-linear-gradient(top, #383838, #303030); background-image: linear-gradient(to bottom, #383838, #303030); text-decoration: none; }

/**********/
/* Tables */
/**********/
.datagrid { margin: 10px 0 25px 0; font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #A3A3A3; }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #7D7D7D; border-right: 1px solid #DBDBDB;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #EBEBEB; color: #7D7D7D; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }

/* Footer Elements
----------------------------------------------------------------------------------------------------*/
#footer { background-color: #ffba00; float:left; width:100%; height: 100%; min-height:150px; padding-top:15px; margin-top:20px; padding-bottom:8px; border-top: 1px solid #ca8a00; border-bottom:1px solid #ca8a00; }
#footer .fcontent { margin: 0 auto; width: 100%; max-width: 960px; }
#footer .fbox-init { display: inline; float: left; margin-left: 0px; margin-right: 20px; width: 180px; }
#footer .fbox-mini { display: inline; float: left; margin-left: 20px; margin-right: 0px; width: 150px; }
#footer .fbox { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 190px; }
#footer .notitle { padding-top: 42px; }

#footer ul { list-style-image: url(img/arrow.png); }
#footer ul li { margin-left:15px; margin-left: 30px; margin-bottom: 5px; }
#footer h3 { color: #6a4800; }
#footer a { text-decoration:none; color: #6a4800; }
#footer a:hover { color:#000; }

#copyright { margin: 0 auto; max-width: 960px; padding-top:10px; padding-bottom:35px; padding-left:10px; font: 12px/1.2 Helvetica, Arial, sans-serif; }
#copyright .left { width:40%; min-width: 300px; float:left; }
#copyright ul.links { margin: 0; }
#copyright ul.links li { display:inline; margin-left: 0; }
#copyright ul.links li a { padding-right: 5px; }
#copyright p { margin-top: 4px; }
#copyright .right { width:40%; float:right; text-align: right; }
#copytight .right img { margin-right: 5px; }
#copyright a { color: #666; }
#copyright a:hover { color:#000; text-decoration:none; }

/* Sidebar Chat login box
----------------------------------------------------------------------------------------------------*/
.sidechat { margin: 15px 0 0 5px; background-color: #f5f5f5; border: 1px solid #737373; padding: 0px; height: 140px; width: 200px; font-family: Arial; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.sidechat h2 { font: normal 14px Arial, Sans-Serif; font-weight: bold; color: #FFFFFF; text-decoration: none; float: left; height: 18px; width: 190px; background-color: #737373; padding: 0 0 0 10px; margin-bottom: 15px; }
.sidechat fieldset { display: inline; float: left; margin: 0 auto; width: 210px; height: 120px; }
.sidechat label { display: block; font-size:1em; color: #737373; margin: 0 8px 0 10px; float: left; padding: 3px 0 0 0; width: 40px; }
.sidechat input { padding: 6px; font-size: 14px; border: 1px solid #ccc; color: #333; background-color: #fff; width: 80px; }
.sidechat .chattext { padding: 4px; font-size: 13px; border: 1px solid #d5d5d5; color: #333; width: 125px; }
.sidechat .button { float: right; font-size: 13px; background-color: #e0e0e0; border: 1px solid #cccccc; color:#333; margin:0 20px 15px; padding:5px 15px 5px 15px; }
.sidechat .button:hover { text-decoration: underline; }
.sidechat .button:active { padding: 6px 15px 4px 15px; }
.sidechat span { font-size: 11px; line-height:14px; color: #737373; float:left; margin: 0 0 0 10px; width: 80px; }
.sidechat span input { border:none; padding: 0px; margin: 0px; width: 15px; }

/* Central Chat login box
----------------------------------------------------------------------------------------------------*/
.centerchat { margin: 15px auto 15px auto; background-color: #f5f5f5; border: 1px solid #737373; padding: 0px; height: 110px; width: 450px; font-family: Arial; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.centerchat h2 { font: normal 14px Arial, Sans-Serif; font-weight: bold; color: #FFFFFF; text-decoration: none; float: left; height: 18px; width: 440px; background-color: #737373; padding: 0 0 0 10px; margin-bottom: 15px; }
.centerchat label { display: inline; font-size:1em; color: #737373; margin: 0 8px 0 10px; padding: 3px 0 0 0; width: 40px; }
.centerchat input { padding: 6px; font-size: 14px; border: 1px solid #ccc; color: #333; background-color: #fff; width: 85px; margin-right: 15px; }
.centerchat .chattext { padding: 4px; font-size: 13px; border: 1px solid #d5d5d5; color: #333; width: 140px; }
.centerchat .button { float: right; font-size: 13px; background-color: #e0e0e0; border: 1px solid #cccccc; color:#333; margin:0 18px 15px; padding:5px 15px 5px 15px; }
.centerchat .button:hover { text-decoration: underline; }
.centerchat .button:active { padding: 6px 15px 4px 15px; }
.centerchat span { font-size: 11px; line-height:14px; color: #737373; float:left; margin: 15px 0 0 10px; width: 200px; }
.centerchat span input { border:none; padding: 0px; margin: 0px; width: 15px; }

/* Webmaster login and register box
----------------------------------------------------------------------------------------------------*/
.sidepanel { margin: 15px auto 10px auto; background-color: #fafafa; border: 1px solid #c0c0c0; padding: 0px; height: 155px; width: 350px; font-family: Arial; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.sidepanel h2 { font: normal 18px Arial, Sans-Serif; font-weight: bold; color: #434343; text-decoration: none; float: left; height: 28px; width: 340px; background-color: #c0c0c0; padding: 2px 0 0 10px; margin-bottom: 15px; }
.sidepanel fieldset { display: inline; float: left; margin: 0 auto; width: 350px; height: 140px; }
.sidepanel label { display: block; font-size:1em; color: #737373; margin: 0 20px 0 20px; float: left; padding: 3px 0 0 0; width: 110px; }
.sidepanel input { padding: 6px; font-size: 14px; border: 1px solid #ccc; color: #333; background-color: #fff; width: 120px; }
.sidepanel .chattext { padding: 4px; font-size: 13px; border: 1px solid #d5d5d5; color: #333; width: 170px; }
.sidepanel .button { float: right; font-size: 13px; background-color: #e0e0e0; border: 1px solid #cccccc; color:#333; margin:0 20px 15px; padding:5px 15px 5px 15px; }
.sidepanel .button:hover { text-decoration: underline; }
.sidepanel .button:active { padding: 6px 15px 4px 15px; }
.linkspanel { margin: 0 auto 20px auto; width: 350px; text-align:center; border:1px solid #c0c0c0; padding: 0; }

.triplecol{ float: left; margin: 10px 10px; width: 220px; }
.triplecol h2 { font-size: 90px; line-height: 100px; }
.triplecol p { text-align: left; }
.triplecol p.next { text-align: center; margin: 10px auto; text-align: center; font-size: 20px; }
.triplecol input.button { text-align: right; margin-right: 5px; }
.triplecol input[type="radio"] { margin-left: 2px; }

/* Mobile APP website styles
----------------------------------------------------------------------------------------------------*/
#app_info { float: left; max-width: 730px; width: 100%; margin-top: 20px; text-align: center; }
#app_info .logo { display: block; margin-bottom: 5px; width: 100%; }
#app_info .logo img { width: 90%; max-width: 350px; }
.mobile img { width: 90%; max-width: 670px; }
#app_info span.tagline { font-family: 'Quicksand', sans-serif; font-size: 19px; letter-spacing: -0.05em; color: #1f1f1f; display: block; margin-bottom: 20px; }
#app_info p { color: #898989; margin-bottom: 30px; }
#app_info .buttons { margin: 0 auto 5px auto; overflow: hidden; }
#app_info .large_button { margin: 0 10px 20px 10px; }
#app_info .price { clear: both; background: url('img/light-arrow.png') no-repeat top center; padding-top: 50px; text-align: center; }
#app_info .price p { font-family: 'Nothing You Could Do', cursive; font-size: 20px; color: #1f1f1f; }
.mobile { margin: 0 auto; text-align: center; }

.large_button { padding: 10px 15px 10px 15px; font-size: 18px; font-weight: bold; color: #fff; display: inline-block; width: 140px; text-align: left; text-shadow: 1px 1px  rgba(0,0,0,0.85); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; margin-right: 2px; }
.large_button span.icon { width: 30px; height: 35px; display: block; background: url('img/button_icons.png') no-repeat top left; float: left; margin-right: 12px; }
.large_button em { font-size: 10px; font-weight: bold; display: block; color: #fff; text-shadow: 0px 1px rgba(255,255,255,0.65); font-style: normal; }
.large_button:active { -webkit-box-shadow: inset 0px 0px 7px #333; -moz-box-shadow: inset 0px 0px 7px #333; box-shadow: inset 0px 0px 7px #333; }

.large_button#apple { color: #fff; background: #2cbbfd; background: -moz-linear-gradient(top,  #2cbbfd 0%, #006b9d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2cbbfd), color-stop(100%,#006b9d)); background: -webkit-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%);	background: -o-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); background: -ms-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); background: linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cbbfd', endColorstr='#006b9d',GradientType=0 ); }
.large_button#apple em { color: #065478; }
.large_button#apple:hover { color: #fff; background: #4cc6ff; background: -moz-linear-gradient(top,  #4cc6ff 0%, #0078b0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cc6ff), color-stop(100%,#0078b0)); background: -webkit-linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); background: -o-linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); background: -ms-linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); background: linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cc6ff', endColorstr='#0078b0',GradientType=0 ); }

.large_button#android { color: #fff; background: #98d463; background: -moz-linear-gradient(top,  #98d463 0%, #66891d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d463), color-stop(100%,#66891d)); background: -webkit-linear-gradient(top,  #98d463 0%,#66891d 100%); background: -o-linear-gradient(top,  #98d463 0%,#66891d 100%); background: -ms-linear-gradient(top,  #98d463 0%,#66891d 100%); background: linear-gradient(top,  #98d463 0%,#66891d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d463', endColorstr='#66891d',GradientType=0 ); }
.large_button#android em { color: #436c01; }
.large_button#android span.icon { background-position: 0px -35px; }
.large_button#android:hover { color: #fff; background: #9dda67; background: -moz-linear-gradient(top,  #9dda67 0%, #70971f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dda67), color-stop(100%,#70971f)); background: -webkit-linear-gradient(top,  #9dda67 0%,#70971f 100%); background: -o-linear-gradient(top,  #9dda67 0%,#70971f 100%); background: -ms-linear-gradient(top,  #9dda67 0%,#70971f 100%); background: linear-gradient(top,  #9dda67 0%,#70971f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dda67', endColorstr='#70971f',GradientType=0 ); }

.large_button#windows { color: #fff; background: #f7a553; background: -moz-linear-gradient(top,  #f7a553 0%, #c67524 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7a553), color-stop(100%,#c67524)); background: -webkit-linear-gradient(top,  #f7a553 0%,#c67524 100%); background: -o-linear-gradient(top,  #f7a553 0%,#c67524 100%); background: -ms-linear-gradient(top,  #f7a553 0%,#c67524 100%); background: linear-gradient(top,  #f7a553 0%,#c67524 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a553', endColorstr='#c67524',GradientType=0 ); }
.large_button#windows em { color: #9c5918; }
.large_button#windows span.icon { background-position: 0px -70px; }
.large_button#windows:hover { color: #fff; background: #fca14b; background: -moz-linear-gradient(top,  #fca14b 0%, #c5650b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fca14b), color-stop(100%,#c5650b)); background: -webkit-linear-gradient(top,  #fca14b 0%,#c5650b 100%); background: -o-linear-gradient(top,  #fca14b 0%,#c5650b 100%); background: -ms-linear-gradient(top,  #fca14b 0%,#c5650b 100%); background: linear-gradient(top,  #fca14b 0%,#c5650b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca14b', endColorstr='#c5650b',GradientType=0 ); }

.large_button#blackberry { color: #fff; background: #525252; background: -moz-linear-gradient(top,  #525252 0%, #18171e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#18171e)); background: -webkit-linear-gradient(top,  #525252 0%,#18171e 100%); background: -o-linear-gradient(top,  #525252 0%,#18171e 100%); background: -ms-linear-gradient(top,  #525252 0%,#18171e 100%); background: linear-gradient(top,  #525252 0%,#18171e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#18171e',GradientType=0 ); }
.large_button#blackberry em { color: #9a9a9a; text-shadow: 0px 1px #000; }
.large_button#blackberry span.icon { background-position: 0px -105px; }
.large_button#blackberry:hover { color: #fff; background: #616161; background: -moz-linear-gradient(top,  #616161 0%, #222222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222)); background: -webkit-linear-gradient(top,  #616161 0%,#222222 100%); background: -o-linear-gradient(top,  #616161 0%,#222222 100%); background: -ms-linear-gradient(top,  #616161 0%,#222222 100%); background: linear-gradient(top,  #616161 0%,#222222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 ); }

.large_button#nokia { color: #fff; background: #cacaca; background: -moz-linear-gradient(top,  #cacaca 0%, #9b9b9b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#9b9b9b)); background: -webkit-linear-gradient(top,  #cacaca 0%,#9b9b9b 100%); background: -o-linear-gradient(top,  #cacaca 0%,#9b9b9b 100%); background: -ms-linear-gradient(top,  #cacaca 0%,#9b9b9b 100%); background: linear-gradient(top,  #cacaca 0%,#9b9b9b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#9b9b9b',GradientType=0 ); }
.large_button#nokia em { color: #9a9a9a; text-shadow: 0px 1px #000; }
.large_button#nokia span.icon { background-position: 0px -175px; }
.large_button#nokia:hover { color: #fff; background: #d1d1d1; background: -moz-linear-gradient(top,  #d1d1d1 0%, #a1a1a1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(100%,#a1a1a1)); background: -webkit-linear-gradient(top,  #d1d1d1 0%,#a1a1a1 100%); background: -o-linear-gradient(top,  #d1d1d1 0%,#a1a1a1 100%); background: -ms-linear-gradient(top,  #d1d1d1 0%,#a1a1a1 100%); background: linear-gradient(top,  #d1d1d1 0%,#a1a1a1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#a1a1a1',GradientType=0 ); }

.large_button#java { color: #fff; background: #f86262; background: -moz-linear-gradient(top,  #f86262 0%, #d82222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f86262), color-stop(100%,#d82222)); background: -webkit-linear-gradient(top,  #f86262 0%,#d82222 100%); background: -o-linear-gradient(top,  #f86262 0%,#d82222 100%); background: -ms-linear-gradient(top,  #f86262 0%,#d82222 100%); background: linear-gradient(top,  #f86262 0%,#d82222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f86262', endColorstr='#d82222',GradientType=0 ); }
.large_button#java em { color: #bc0000; text-shadow: 0px 1px #000; }
.large_button#java span.icon { background-position: 0px -140px; }
.large_button#java:hover { color: #fff; background: #fe6e6e; background: -moz-linear-gradient(top,  #fe6e6e 0%, #e42d2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe6e6e), color-stop(100%,#e42d2d)); background: -webkit-linear-gradient(top,  #fe6e6e 0%,#e42d2d 100%); background: -o-linear-gradient(top,  #fe6e6e 0%,#e42d2d 100%); background: -ms-linear-gradient(top,  #fe6e6e 0%,#e42d2d 100%); background: linear-gradient(top,  #fe6e6e 0%,#e42d2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6e6e', endColorstr='#e42d2d',GradientType=0 ); }

			
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; display: block; }
* html .clearfix { height: 1%; }

/* COOKIES
------------------------------------------------------------- */
#cookiesAlert { background: #fffff5; opacity: 0.8; filter: alpha(opacity=80); position: fixed; border-top: 2px solid #515151; bottom:0; left:0; width:100%; min-width:260px; height:auto; min-height:25px; padding:7px 0; margin:0; text-align: left; z-index: 200; }
#cookiesAlert .ccontent { margin: 0 auto; max-width: 975px; }
#cookiesAlert .cleft { float: left; margin: 0 10px 0 10px; max-width: 810px; }
#cookiesAlert .cright { float: right; margin-top: 25px; width: 100px; text-align:center; }
#cookiesAlert h3 { font-weight: bold; font-size: 12px; margin: 0; color: #000c68; line-height: 14px; padding: 0;}
#cookiesAlert p { color: #383838; font-family:Arial; font-size:12px; display: inline; }
#cookiesAlert p a { color: #000e75; text-decoration: underline; }
#cookiesAlert span a { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #545454), color-stop(1, #0f0f0f) ); background:-moz-linear-gradient( center top, #545454 5%, #0f0f0f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#0f0f0f'); background-color:#545454; border:1px solid #000000; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; height:25px; line-height:25px; width:75px; text-decoration:none; text-align:center; }
#cookiesAlert span a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0f0f0f), color-stop(1, #545454) ); background:-moz-linear-gradient( center top, #0f0f0f 5%, #545454 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f0f0f', endColorstr='#545454'); background-color:#0f0f0f; }
#cookiesAlert span a:active { position:relative; top:1px; }

/* Responsive Web
------------------------------------------------------------- */
nav { opacity: 0; height: 0; }
@media all and (max-width: 975px) {
	nav { opacity: 1; }
	.menu { display: none !important; opacity: 0; }
	/* Espacios web */	
	#container { margin: 0 auto; padding: 0; width: 100%; }
	#sidebar { float: none; width: 100%; margin: 0 auto 30px auto; padding-left: 60px; clear:both; text-align: center; }
	.sidechat { display: none; }
	#content { margin: 0 auto; padding: 0; border-left: none; float: none; clear:both; display: block; }
	#content p { padding: 0 10px; }
	#content h1, h2, h3, h4, h5, h6 { padding: 0 10px; }
	#content table { padding: 0 10px; }
	#content ul { padding: 0 10px; }
	#content .rutachans { padding: 0 10px; }
	#content #pager { padding: 0 10px; }

	/* Content home footer */
	#content .chatinfo { display: inline; visibility: inherit; overflow: visible; float: left; margin: 0 10px 20px 10px; padding: 10px; width: 80%; }
 
	/* Chatbox, login chat */
	.centerchat { margin: 15px auto 15px auto; min-height: 170px; width: 250px; }
	.centerchat h2 { width: 240px; }
	.centerchat label { display: inline; float: left; }
	.centerchat input { width: 80px; margin-right: 0px; margin-bottom: 10px;}
	.centerchat .chattext { width: 125px; }
	.centerchat span { margin: 0 0 0 10px; width: 80px; }
	
	/* Footer Links */
	#footer { margin: 0 auto; }
	#footer .fbox-init { width: 0px; margin-right: 0; }
	#footer .fbox-mini { width: 190px; margin-left: 10px; margin-right: 10px; }

	/* Footer Responsive */
	#copyright { margin: 10px auto 0 auto; width: 100%; padding: 0; }
	#copyright .left { width:100%; min-width: 100%; margin: 0; padding: 0; text-align: center; }
	#copyright .right { width:100%; margin: 0; padding: 0; text-align: center; }
	#cookiesAlert .cright { float: left; } 
}

@media all and (max-width: 600px) {
	.leftads { margin: 20px auto 20px auto; clear: both; text-align: center; float: none;}
	.rightads { margin: 20px auto 20px auto; clear: both; text-align: center; float: none; }
}

@media all and (max-width: 430px) {
	#footer .notitle { padding-top: 0px; margin-bottom: 20px; }
	#footer .fbox .fbox-mini { margin-bottom: 0px; padding-bottom: 0px; }
	#footer ul { margin-bottom: 0px; }
}

.cc_dialog.simple{max-width:100% !important}
.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by {display:none !important;}
.dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button,
.dark.cc_dialog button.cc_b_ok {background-color: #eaeaea !important; margin: 10px !important}
.dark.cc_dialog button.cc_b_cp {background-color: #111 !important; color: #eaeaea !important;margin: 10px !important;}
.cc_dialog.interstitial { bottom: 3vh !important; top: auto !important }