/*-------------------------------------
   GLOBAL STYLES
-------------------------------------*/
body { background: #fff; font: 13px/19px "Lucida Grande", "Arial Unicode MS", sans-serif; color: #404040; }
input, textarea { font: 12px/20px "Lucida Grande", "Arial Unicode MS", sans-serif; color: #666666; text-shadow: 0 1px 0 #ffffff; margin: 0; }
		
h1, h2, h3, h4 ,h5, h6 { color: #303030; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #505050; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #344107; text-decoration: none; }
h1 { font-size: 30px; line-height: 42px; letter-spacing: -1px; margin-top: 0px; }	
h2 { font-size: 24px; line-height: 32px; }
h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 16px; line-height: 22px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 16px; }

hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 20px; }
p { margin-bottom: 20px; text-align: justify; }
ul { list-style: square; margin: 10px 0 25px 25px; }
li { margin: 12px 0 12px 0; }
ol { list-style: decimal; margin: 10px 0 25px 25px; }
ol ol { list-style: upper-alpha; }	
ol ol ol { list-style: lower-roman; }	
ol ol ol ol { list-style: lower-alpha; }	
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }	
dl { margin: 0 0 100px 0; }
dt { font-weight: bold; }	
dd { margin-bottom: 20px; }
	
strong { font-weight: bold; }	
cite, em, i { font-style: italic; }	
big { font-size: 131.25%; }	
ins { background: none!important; text-decoration: none; }
blockquote { font-style: italic; padding: 0 3em; }	
blockquote cite, blockquote em, blockquote i { font-style: normal; }	
pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 20px; padding: 1.5em; }	
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }

a { color: #5a7719; text-decoration: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
a:hover { color: #35470d; text-decoration: underline; }

/* Layouts */
#main { margin-top: 140px; }
.fl, .left { float: left; }
.fr, .right { float: right; }
.clear { clear: both; overflow: hidden; }
.center { margin: 10px auto; text-align:center; }
.centerads { margin: 10px auto; text-align:center; }

/*-------------------------------------
   WEB ELEMENTS
-------------------------------------*/
/* forms */
form fieldset { border: none; }
form label { display: block; padding: 5px 0 5px 0; font-size: 14px; font-weight: bold; }
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; }
form p small { font-size: 10px; color: #777; }
input[type="text"], input[type="password"], form select, form textarea { border: 1px solid #d9d8d8; font-size: 12px; line-height: 12px; padding: 8px; box-shadow: none; }
form input[type="checkbox"], form input[type="radio"] { padding: 0; margin: 2px 10px; background: none; border: 0; }
form .small-input { width: 35%; }
form .medium-input { width: 50%; }
form .large-input { width: 75%; }
form .full-input { width: 90%; }
form textarea { width: 90%; height: 250px; padding: 8; line-height: 1.7em; }
form textarea.small-textarea { height: 120px; }
.button, a.button { -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c; -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c; box-shadow:inset 0px 1px 0px 0px #c1ed9c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) ); background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b'); background-color:#9dce2c; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #83c41a; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; padding:6px 20px; text-decoration:none; text-shadow:1px 1px 0px #689324; }
.button:hover, a.button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) ); background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c'); background-color:#8cb82b; }
.button:active, a.button:active { position:relative; top:1px; }
.buttonform { float: right; margin-right: 10%; }
.error { border: 1px solid #c61f1f; background-color:#fee3e3; color:#c61f1f; margin: 10px 30px; padding:10px 20px; text-align:center; }
.sent { border: 1px solid #c09f06; background-color:#fbfde0; color:#c09f06; margin:10px 30px; padding:10px 20px; text-align:center; }
.save { border: 1px solid #c09f06; background-color:#fbfde0; color:#c09f06; margin:10px 30px; padding:10px 20px; text-align:center; }

/*-------------------------------------
   HEADER STYLE
-------------------------------------*/
header { position:fixed; top:0px; margin:auto; z-index:100; width:100%; border-top: 8px solid #6a842f; background-color: #89a844; }
header a { color: rgba(255, 255, 255, 0.6); text-shadow: none; }
header a:hover { color: rgba(255, 255, 255, 0.6); text-shadow: none; }
#brand .logo { padding: 10px 10px 10px 0; }
#brand h1, #brand img { padding: 0; margin: 0; }

.input-top  { float: right; text-align: right; margin-top: 15px; color: #fff; }
.input-top .fields { padding: 6px; background: #fff; background: rgba(255, 255, 255, .15); display: inline-block; }
.input-top .fields .logininput { border: 1px solid rgba(0, 0, 0, .2); background-color: #fff !important; box-shadow: none !important; width: 112px; height: 30px; float: left; padding: 0 5px; margin-right: 6px; }
.input-top .fields .searchinput { border: 1px solid rgba(0, 0, 0, .2); background-color: #fff !important; box-shadow: none !important; width: 230px; height: 30px; float: left; padding: 0 5px; margin-right: 6px; }
.input-top .fields .btnsubmit { width: 28px; height: 29px; background: url(../img/btn-login.png); border: 0; cursor: pointer; }
.input-top .fields .btnsearch { width: 28px; height: 29px; background: url(../img/btn-search.png); border: 0; cursor: pointer; }
.input-top .forgotpass { text-align: right; margin-right: 15px; margin-top: 12px; }

.input-top ul { float: right; margin-top: 6px; margin-right: 5px; }
.input-top li { float: left; list-style: none; margin: 0 0 0 20px; padding-left: 20px; max-width: 200px; }
.input-top li a { font-size: 12px; }
.input-top li.logout { background: url(../img/menu-logout.png) no-repeat left center; }
.input-top li.config { background: url(../img/menu-config.png) no-repeat left center; }

.fields-alt { display: none; padding: 10px; background: #fff; background: rgba(255, 255, 255, .15); min-width: 160px; width: 80%; }
.fields-alt .logininput { border: 1px solid rgba(0, 0, 0, .2); background-color: #fff !important; box-shadow: none !important; width: 70%; max-width: 100px; height: 30px; float: left; padding: 0 5px; margin-right: 6px; }
.fields-alt .btnsubmit  { width: 28px; height: 29px; background: url(../img/btn-search.png); border: 0; cursor: pointer; }

.fields-alt ul { float: right; margin-top: 15px; margin-right: 5px; }
.fields-alt li { float: left; list-style: none; margin: 0 0 0 10px; padding-left: 20px; max-width: 200px; }
.fields-alt li a { font-size: 16px; color: #a0a0a0; }

/* Menu navigator */
.navbar { min-height: 40px; margin: 0px; padding: 0; border: none; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.navbar-default { background-color: #f8f8f8; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-shadow: 0 4px 2px -2px #c0c0c0; }
ul.navbar-right { float: right; }
ul.nav { margin: 0; padding: 0; }
.nav li { list-style: none; float: left; padding: 0 25px 0 5px; margin: 0 10px 0 10px; background: url(../img/bg-nav-sep.png) no-repeat right center; }
.nav li.last, .nav li:last-child { margin-right: 0; background: none; }
.nav li.first, .nav li:first-child { margin-left: 0; padding-left: 0; }
.nav > li > a { font: 14px/38px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #646464; font-weight: bold !important; padding:0 ; margin: 0; min-height: 10px; }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background: transparent; color: #6a842f; }

/*-------------------------------------
   CONTENT STYLES
-------------------------------------*/
/* Salas sidebar */
h3.salas { border-bottom: 1 px solid #f0f0f0; margin: 10px 0 20px 0; }
.linkone { width: 250px; border-bottom: 1px solid #f0f0f0; margin: 10px 0 10px; padding-bottom: 10px; min-height: 50px; }
.linkone img { float: left; border:1 px solid #c0c0c0; height: 50px; width: 50px; margin-right: 5px; }
.linkone h4 { font-size: 14px; line-height: 14x; padding: 3px 0; margin: 5px 0 5px 0; }
.linkone p { font-size: 11px; line-height: 11px; color: #959595; padding: 0; margin: 3px 0 5px 0; font-style: italic; }
/* Salas alternativas */
#more-chans ul { list-style:none; display: inline; margin:0 auto 20px auto; padding:0; width:100%;}
#more-chans ul li {display:inline; padding: 0; }
#more-chans ul li a { background-color: #f4f4f4; border:1px solid #d8d8d8; color:#505050; float:left; font-size:14px; font-weight: normal; margin:5px; padding:8px 8px 8px 10px; text-decoration:none; max-width:250px; text-align: left;} 
#more-chans ul li a:hover { background-color: #eaeaea; border:1px solid #b0b0b0; color:#505050; font-weight: normal; }

/* Chans submenu */
ul.chan-submenu { list-style-type:none; margin:0 auto; padding:0; }
.chan-submenu li { display:inline-block; float: left; border-right:1px solid #ccc; }
.chan-submenu li:last-child { border-right:none; }
.chan-submenu li a { display:block; min-width:120px; height: 50px; text-align: center; line-height: 50px; color: #282828; background-color: #f0f0f0; text-decoration: none; }
.chan-submenu li:hover a { background: #cce2be; }

/* Main Channels */
#content2 .clients { margin: 20px auto 20px auto; text-align:center; }
#content2 .clients .type { list-style:none; color: #636363; display:inline-block; width: 175px; margin: 5px 0; text-align: left; text-align: center; }
#content2 .clients h4 { font-size: 16px; margin: 5px auto 5px auto; text-align:center; }
#content2 .clients p { font-size: 11px; text-align:center; margin: 0 10px; }
#content2 .channelmain li { list-style:none; color: #636363; display:inline-block; font-size: 16px; width: 175px; margin: 5px 0; text-align: left; }
#content2 .channelmain a { margin-left: 16px; }

/* Channel tables */
.tabla_chans { border: none; width: 100%; margin: 0 auto; }
.tabla_chans td { border-bottom: 1px dotted #c0c0c0; margin: 0 auto 0 auto; padding:0;}
.tdchanmain {font-weight: normal;font-size: 13px;}
.tdchanmain a {color:#707070;}
.tdchanmain a:hover {color:#909090;text-decoration:none;}
.tdchanmore {width:30px;text-align:center;margin-right:10px;}
.tdchanmore img {margin:0 6px 0 6px;}

/* Channel categories */
#categorias { margin: 10px auto 10px auto; width: 100%; }
#categorias .items { margin-top: 2px; margin-bottom:20px; margin-right:20px; max-width: 290px; width:100%; float: left; background:url(../img/chans/chat.gif) 0 10px no-repeat; padding-left: 90px; min-height: 100px; }
#categorias .items h4 {margin:0; margin-bottom:0px; font-size:110%; margin-top:10px;}
#categorias .items p {margin:0; font-size:90%;}

/* Website Channels */
.rutachans { font-size: 11px; font-weight: bold; margin-bottom: 10px; }
.socialchan { margin: 0; padding:0; }
#webchan { width:590px; margin: 0 auto; border: 1x solid #c0c0c0; }
#webchan .more { margin-left: 300px; }
#webchan .more h3 { font-size:14px; margin-top:10px; font-weight: bold; }
#comments-container { border:6px solid #f5f5f5; margin-top:40px; padding:10px; width:558px; font-size:11px; font-family:'Lucida Grande',sans-serif; color:#333333; -moz-border-radius:12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; }
#comments-container label{ font-size:14px; display:block; }
#comments-container h3.commentTitle { margin-top:10px; color:#999999; font-size:18px; font-weight:normal; }
#comments-container ul.statuses { margin:10px 0; }
#comments-container ul.statuses li { position:relative; border-bottom:1px dashed #D2DADA; padding:10px 10px 10px 10px; list-style:none; font-size:12px; margin: 0px 0px 0px 8px; }
#comments-container ul.statuses li:first-child{ border-top:1px dashed #D2DADA; }
#comments-container ul.statuses li:hover { background-color:#F7F7F7; }
#comments-container div.commentTxt{ float:left; width:523px; overflow:hidden; }
#comments-container div.date{ line-height:18px; font-size:12px; color:#999999; }


/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0; }
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:12px; padding:4px; width:116px;}

/* Chat box */
.chat { background: url(../img/chatbg.png) no-repeat; padding:0px; margin: 5px auto 5px auto; min-height: 180px; width: 286px; }
.chat_head { font-family: Arial; font-size: 18px; color: #FFFFFF; text-decoration: none; float: left; height: 40px; width: 278px; background: url(../img/chat_head_2.png) no-repeat; padding: 10px 0 0 30px; margin: 10px 0 0 10px; }
.chat_textarea { font: 11px Arial; color: #FFFFFF; float: left; width: 278px; padding: 0 0 0 10px; margin: 10px 0 0 15px; }
.chat_name { color: #e6e6e6; margin: 0px; float: left; padding: 8px 10px 0 0; width: 65px; }
.chat_box { margin: 0px; float: left; padding: 3px; font-size: 12px; background: #fff url('img/bg-form-field.gif') top left repeat-x; border: 1px solid #666; color: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.chattextbox { font: 12px Arial; color: #666666; margin: 0px; padding: 0px; float: left; height: 12x; width: 160px; border: none; background: none; }
.chatbutton { float: right; margin: 2px 40px 0 0; }
.chat_textarea p { color: #e6e6e6; float:left; width: 100px; margin: 0;}
.chat_textarea p input { border:none; padding: 0px; margin: 0px; width: 15px; }
.chat_textarea span { float:left; margin: 2px 0 0 0;}
.webchat { width:100%; max-width: 720px; height: 560px; background-color: #f0f0f0; border: 1px solid #c0c0c0; margin: 10px auto; padding: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.chat_box input { margin: 0; padding: 0; border: none; }

/*-------------------------------------
   FOOTER STYLES
-------------------------------------*/
footer { border-top: 1px solid #e9e9e9; margin-top:20px; padding-top: 30px; color: #777; border-top: 1px solid #e0e0e0; overflow: hidden; margin-bottom: 40px; }
footer p { margin-top: 6px; }
footer ul { margin-top: 6px; }
footer li { display: inline; list-style: none; margin: 0 0 0 30px; }
footer li a { font-size: 12px; color: #262626; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
footer li a:hover, footer li a:focus { color: #262626; }
footer li.last, footer li:last-child { margin: 0 0 0 20px; }
footer .footer-links { text-align: right; }

/* COOKIES
------------------------------------------------------------- */
#cookiesAlert { background: #0b0b0b; position: fixed; bottom:0; left:0; width:100%; min-width:260px; height:auto; min-height:25px; padding:5px 0; margin: 0; text-align: left; z-index: 500; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }
#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: 15px; width: 100px; text-align:center; }
#cookiesAlert h3 { font-weight: bold; font-size: 14px; margin: 0; color: #5fc20e; line-height: 20px; margin: 0; }
#cookiesAlert p { color: #ffffff; font-family:Arial; font-size:12px; line-height: 18px; display: inline; margin: 0; }
#cookiesAlert p a { color: #5fc20e; text-decoration: underline; }
#cookiesAlert span a { -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c; -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c; box-shadow:inset 0px 1px 0px 0px #c1ed9c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) ); background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b'); background-color:#9dce2c; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #83c41a; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; padding:6px 20px; text-decoration:none; text-shadow:1px 1px 0px #689324; }
#cookiesAlert span a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) ); background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c'); background-color:#8cb82b; }
#cookiesAlert span a:active { position:relative; top:1px; }

/* MOBILE
------------------------------------------------------------- */
@media(max-width:990px) {
	.input-top { display: none; }
	.fields-alt { display: inline-block; }
	/* Navigation */
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin: 7.5px -15px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-text { float: none; margin: 15px 0; }
    .navbar-collapse.collapse.in { display: block!important; }
    .collapsing { overflow: hidden!important; }

	ul.navbar-right { float: none; }
    .navbar .nav > li > a, .navbar .dropdown-menu a { border-radius: 3px 3px 3px 3px; color: #999999; font-weight: bold; padding: 6px 15px; }
    .navbar .nav > li { float: none; padding: 0 25px 0 5px; margin: 0 10px 0 10px; background: none; }
	.navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover { background: #c0c0c0; color: #fff; }
	
	footer p { text-align: center; }
	footer .footer-links { text-align: center; }
	footer ul { margin: 6px auto 0 auto; text-align: center; }
	footer li.first, footer li:first-child { margin: 0; }
}

.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 }