*{ margin: 0em; padding: 0em; }
html{ margin: 0em; padding: 0em; background-color: #666; }
body {
  background: #666 url("/images/bg.png") repeat-x;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
img{ border-width: 0px; }
small{ color: #555; }
small-letter { font-size: 10px; }

ul li{
  list-style-type: none;
}
#nav ul li a:hover{
  text-decoration: underline;
}

label{ color: #666; display: block; }
.big{
	font-size: 16px;
}

/* id's */
#flash{
  clear: both;
  font-size: 1em;
  margin: 0em auto;
  position: relative;
  top: -20px;
  width: 500px;
}
#flash div{
  color: white;
  font-weight: bold;
  text-align: center;
  width: 450px;
}
.alert-message  {
	border: 2px solid red;
	margin: 1em;
	padding :1em;
  font-weight: bold;
  text-align: center;
}

#main{
  min-height: 400px;
  width: 750px;
  background-color: white;
  padding: 1.5em;
  margin: 0em auto;
  margin-bottom: 3em;
  text-align: left;
}
#footer{
  clear: both;
  margin-top: 1em;
  padding: 1em 1em 1em 1em;
  text-align: center;
}
#nick{
  color: #C9DFFF;
  font-size: 16px;
}
#nav{
  height: 42px;
  margin-bottom:1em;
}
#nav ul{
  height: 42px;
  margin: 0em auto;
  padding: 0em;
  width: 780px;
}
#nav li{ margin: 1px 0em 0em 0em; padding: 0em 0em 0em 0em; }
.admin_nav{ float: right; }
.admin_nav li, #nav ul li{
  float: right;
  list-style-type: none;
}
#nav ul li a{
  color: black;
  font-size: 16px;
  text-decoration: none;
}

.common_nav{
  background: transparent url("/images/bg_tarifa_nav.png");
  text-align: left;
  width: 750px;
  background-color: white;
  padding: 0.5em 1.5em 0.5em 1.5em;
  margin: 0em auto;
}
.common_nav img{ padding-left: 1em; }

/* elements */
.photo{
  border: 1px solid #CCC;
  background-color: white;
  padding: 0.5em;
  margin: 0em 1.5em 1.5em 0em;
}
#errorExplanation{ margin:1em1em1em1em; }
#errorExplanation h2{ font-size: 1.5em; margin-bottom: 0em; }
#errorExplanation p{ margin: 1em; }
.fieldWithErrors{ margin: 0em; padding: 0em; border: 1px solid gray; display: inline; }
.list li, #list li{
  padding: 5px 0em 2px 0em;
}
.list .user{
  background: transparent url("/images/user.png") no-repeat;
  padding-left: 35px;
}
ul.actions {
	padding: 0.5em;
	background-color:#eee;
}
ul.actions li{
	display:inline-block;
	background-color:#eee;
	vertical-align:middle;
}
.draft {
background-color:#F17213;
}
.scheduled {
background-color:#EDEE1D;
}

.schedule fieldset legend{
font-size: 1.2em;
padding: 0.5em 1em 0.5em 1em;

}

#actions{ padding: 0.5em;}
#actions1 a{ padding: 1em 1em 1em 1em; }

.separator{
  border-top: 1px solid #E0E0E0;
  clear: both;
  margin: 10px 0em 10px 0em;
}
.clear{
  clear: both;
  padding: 0px;
  margin: 0px;
}
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center}
.logo{ float: right; padding: 1em; width: 300px; text-align:right;}
.logo img{ padding: 1em; }

.html_tarifa{ width: 100%; }
.tabla .db{ clear: both;  background-color: #FAFAFA; border: 1px solid #F0F0F0; }
.tabla .db th{
  background: #E0E0E0 url("/images/bg_table_th.png") repeat-x;
  border-bottom: 1px solid #C3C3C3;
  padding: 10px;
  text-align:center;
  vertical-align: top;
}
.tabla .db td{
  border-top: 1px solid #EAEAEA;
  padding: 5px;
  text-align:center;
}
.tabla .db td.first{
  border-top: 1px solid #EAEAEA;
  padding: 5px;
  text-align:left;
}
.tabla .db td.number, .tabla .db th.number{
  border-top: 1px solid #EAEAEA;
  padding: 5px;
  text-align:right;
}
.tabla tr.impar{ background-color: #F0F0F0; }
.tabla .db tr.titulo { 
  border: 3px solid gray;
  background-color: #CCC;
}
.tabla .db tr.titulo td{
  font-weight: bold;
  font-size: 14px;
}
.alert{
  font-size: 1.2em;
  background: #F0F0F0 url("/images/bg_alert.png") repeat-x;
  margin: 0em 0em 1em 0em;
  padding: 1em 0.5em 1em 0.5em;
  text-align: center;
}
.alert a { float: left; }

#register{
  background: transparent url("/images/keys.png") no-repeat;
  background-position: 270px 51px;

}
#register p{
  width: 300px;
}

#condiciones_generales_table{ border: 1px solid #CCC; margin: 10px; }

.tabla_add th{ font-size: 0.8em; }
.tabla_add{ padding:1em 0em 0em 0em; }
.tabla table th:first-child, .tabla table td:first-child{ font-weight: bold; text-align:left; width: 150px; }
#columns_list{ cursor: move; }
.ordenar_tarifas .tabla{ cursor: move; }

#item_list li.tarifa_item{ cursor: move; }
#item_list li.holder{ line-height:0.6em; padding:0; margin:0 0 0 38px; width:650px; }
#item_list li.glow{ line-height:1.2em; padding:0; background-color: #1799CE; width:650px; }
div#items li.source table {
	background-color:#fc0;
}

.tarifa p{ line-height: 1.5em;}
.tarifa table{ width: 100%; }
.tarifa .condiciones{
  font-size: 12px;
  padding: 1em 1em 1em 1em;
}
.tarifa .condiciones p{ font-size: 12px; }
.categorias_container{ width: 770px; margin-top: 5px; }
.categorias{ width: 500px; float: left; margin-top: 5px; }
.categorias ul{ margin: 0px; padding-top: 5px; padding-bottom:0px;}
.categorias a{ color: black; text-decoration: none; margin: 0.2em;}
.stats li .date{ float: right; font-size: small;}
.ivc{ float: right; }


.alerta_accesos{
  position: relative;
  left: 60%;
  top: 20px;
  width: 220px;
}

li.deleted a{
color: #aaa;
}

li.medio{
  padding: 0.5em;
}
li.medio a{
  font-weight: bold;
}
li.medio small{
  display: block;
}

li.medio2{
  padding: 0.5em;
}
li.medio2 a{
  font-weight: bold;
}
li.medio2 small{
  display: block; float: left
}

.banners{
  text-align: center;
}
.banner_derecha{
  float: right;
  padding: 0px 0px 1em 0px;
}
.banner_izquierda{
  float: left;
  padding: 0px 0px 1em 0px;
}
.banner_centro{
  margin: 0px auto;
  padding: 0px 0px 1em 0px;
}
#tarifario_q{
  padding: 3px;
}
.progress_small{
  border: 1px solid #666;
  background: transparent url("/images/progress_0_small.png") repeat-x;
  float: right;
  height: 14px;
  width: 100px;
}
.progress_small .done_small{
  background: transparent url("/images/progress_1_small.png") repeat-x;
  height: 14px;
}
.red{
  color: red;
}

label.checkbox {
  display:inline-block;
}
/* categories */
div.categorias span.image {
  display:inline-block;
  float:left;
  padding: 0.1em;
}
div.categorias span.label {
  float:left;
  padding-top: 0.2em;
}

div.categorias li.item{
  clear:both;
  margin: 3px 0 0 32px;
}
div.categorias li.item div.iconized{
  padding-top:18px;
}

/* compras */
tr.outdated {
  background: #FFCCCC;
}

/* medios/show */

ul.categories li{
  display:inline-block;
  margin:0;
}

ul.categories li span.label {
  padding: 0.5em;
  display:inline-block;
}

div.categories {
  display:block;
}

.hide {
  display:none;
}

.more {
  padding-left: 19px;
  line-height: 18px;
  margin: 3px 0;
  background: url(/images/mootools-tree/Assets/Expand.png) no-repeat 0 2px;
}
.less {
  padding-left: 19px;
  line-height: 18px;
  margin: 3px 0;
  background: url(/images/mootools-tree/Assets/Collapse.png) no-repeat 0 2px;
}

.medios .banners {
  padding-top: 1em;
}
.medios ul.actions {
  padding: 1em;
}
.medios ul.actions li{
  padding: 0.2em;
  display: inline-block;
  margin-left: 12px;
}
div.medios_list h3, div.categorias_list h3{
  padding: 0.5em;
  background-color: #eee;
}
.demographic-data {
  padding-bottom: 2em;
}

div.mapa p {
margin-top: 1em;
}

form.search-by-state {

  padding: 1em;

}

form.search-by-state fieldset {
  border-top: 1px #eee dotted;
  border-bottom: 1px #eee dotted;
}

div.notes{
  border: 1px #fdd dotted;
  padding: 1em;
}

ul.zone_filter {
  float: left;
}

ul.zone_filter li{
  display: inline-block;
}
ul.zone_filter label{
  display: inline-block;
}
form.zone_filter {
  padding: 0.5em 0 1em 0;
}
form.zone_filter fieldset{
  border: 1px #ddd solid;
}
form.zone_filter legend{
  padding: 0.5em;
}
form.zone_filter .submit{
  float: right;
  margin-right: 1em;
}

form.published_filter {
  display: inline-block;
}

div.banners.vertical {
  text-align:right;
}
div.banners.vertical div{
  float:none;
}

li.bigcolumn1{
	width: 43%;
	float:left;
}
li.bigcolumn2{
	width: 43%;
	float:right;
	margin-right: 10px;
}

li.column1{
	width: 35%;
	float:left;
}
li.column2{
	width: 35%;
	float:right;
	margin-right: 100px;
}

h4.medio{
background-color: #eee;
}

ul.assets{
	list-style-type: none;
	padding: 0.1em;
}
ul.assets li{
	padding: 0.4em;
}
ul.assets li a.imageSelect{
	display: inline-block;
	padding: 1em;
}
ul.assets li a.imageSelect:hover{
	background-color: #fc0;
}

ul.assets li.alt, tr.alt{
	background-color: #eee;
}



/* will_paginate CSS */

DIV.pagination {
  clear:both;
  background-color: #EEE;
  color: #0080D0;
  font-size: 120%;
  padding: 5%;
  margin-top: 30px;
}

DIV.pagination a {
  color: #26459E;
}

DIV.pagination a:visited {
  color: #606060;
}

DIV.pagination .prev_page {
  font-size: 120%;
  color: #009301;
}

DIV.pagination .next_page {
  font-size: 120%;
  color: #009301;
}

DIV.pagination .disabled {
  font-size: 100%;
  color: #606060;
}

DIV.pagination .current {
  font-size: 125%;
  color: #0080D0;
}

div.publications li.alt {
  background-color: #eee;
}

/*
div.publications ul.medios li {
  display: inline-block;
}

div.publications li.asset {
  padding: 0.5em 0 0.5em 0;
}
*/

div.shared_asset {
  padding: 0.5em 0 0.5em 0;
}

div.shared_asset.alt {
  background-color: #eee;
  padding: 0.4em;
}

#accesos{ color: #555; }

li.asset {
  float: right;
}

p.first {
  padding-top: 10px;
}

div.banner-principal{
  padding-top: 10px;
}

.banner-principal p{
  text-align: center;
}

.restricted-width {
  max-width: 424px; 
}

#home-left-column {
  flex: 1 1 auto;
  padding-top:250px;
  /* background-color: red; */
  flex: 1 1 auto;
  height:500px;
}

#home-right-column {
  flex: 1 1 auto;
  /* background-color:blue; */
  height:500px;
  padding: 200px 10px;
}

.home-top-bar {
  height:44px;
  box-sizing: border-box;
  margin-bottom: 0.2em;
  padding: 2px 0.8em;
  width: 610px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color:#266eb8;
  color: white;
  font-size: 30px;
  font-weight: bold;
}

.home-bottom-bar {
  box-sizing: border-box;
  height:44px;
  margin-bottom: 1em;
  padding: 8px 1.1em 0 1.1em;
  width: 610px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color:#266eb8;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.home-bottom-bar a, .home-bottom-bar a:visited {
  color: white;
}

.home-input {
  width: 200px;
  background-color: #c9dbeb;
  border-color: #468dba;
  border-radius: 5px;
}

.home-submit {
  background-color: #468dba;
  padding:5px 20px;
  color: white;
  border-radius: 5px;
  border-color: #468dba;
}
#main-container .link a {
  font-size: 20px;
}
#main-container #register {
  background: none ! important;
}