.error {
	background-color: #FCC;
	border: solid 1px #C66;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 15px;
}

body {
    margin: 0;
    padding: 0;
    font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #6d6e71;
}

form {
    display: inline;
    margin: 0;
    padding: 0;
}

a img {
    border: none;
}

a {
    color: #6d6e71;
}

a:hover {
    text-decoration: none;
}

div.clr {
    clear: both;
}

a.chart {
    padding-left: 20px;
    background: top left no-repeat url('../images/chart.png');
    color: #388c37;
    font-size: 13px;
    float: right;
    display: block;
    margin-bottom: 5px;
}

a.calendar {
    padding-left: 20px;
    background: top left no-repeat url('../images/calendar.png');
    color: #388c37;
    font-size: 13px;
    float: right;
    display: block;
    margin-bottom: 5px;
}

strong.highlight {
    font-size: 16px !important;
}

/* -- Contenidos -- */

.cakedebug {
    width: 955px !important;
    margin: 10px auto 0 auto;
}

.content-raw {
    padding: 0 0 20px 0;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
}

p {
    margin-top: 0;
    margin-bottom: 10px;
}

.separator {
    clear: both;
}

.line-separator {
    clear: both;
    height: 15px;
    width: 400px;
    border-bottom: 1px solid #388c37;
    margin-bottom: 15px;
}

span.button {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    background: top left no-repeat url('../images/button-bg-l.gif');
    text-align: center;
}

span.button a, span.button input {
    display: block;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: top right no-repeat url('../images/button-bg-r.gif');
    padding: 0 15px;
    cursor: pointer;
    border: none;
}

span.button a:hover {
    text-decoration: none;
}

#content span.button, .content-raw span.button {
    float: right;
}

#content .login-form span.button {
    float: left;
}

#content .login-form label {
    display: block;
    float: left;
    width: 75px;
}

#login-zone {
    vertical-align: middle;
    position: absolute;
    right: 15px;
    text-align: right;
}

#login-zone {
    margin-right: 9px;
}

#login-zone input.text-box {
    width: 120px;
    padding: 3px 3px;
    background: top left no-repeat url('../images/textbox-bg.gif');
    border: none;
}

#login-zone input, #login-zone img {
    vertical-align: middle;
    margin-right: 13px;
}

#login-zone .logout-link {
    padding-left: 30px;
}

#home-wrapper {
    padding: 110px 0 0 190px;
}

#video-zone {
    width: 733px;
    height: 250px;
    background: #9d9d9d 346px 20px no-repeat url('../images/video-zone-bg.gif');
    color: #ffffff;
    position: relative;
    margin-bottom: 10px;
}

#video-container {
    position: absolute;
    left: 25px;
    top: 15px;
}

#video-description {
    position: absolute;
    top: 15px;
    left: 417px;
    /*font-size: 11px;*/
    width: 270px;
}

#video-description p {
    padding-left: 2px;
    padding-top: 5px;
	line-height: 17px;
}

#video-description h1, #home-down .home-ad h1 {
    display: none;
}

#home-down .home-ad {
    width: 236px;
    margin-right: 42px;
    float: left;
}

#home-down .home-ad img {
    display: block;
}

#home-down .home-ad .home-ad-text {
	background-color: #f3f3f3;
	font-size: 12px;
	height: 115px;
	position: relative;
	line-height: 14px;
}

#home-down .home-ad .home-ad-link {
	position: absolute;
	bottom: 0px;
}

#home-down .home-ad .home-ad-text p{
	padding: 9px 15px 0;
	margin-bottom: 0;
}

#home {
    position: relative;
    padding-right: 20px;
}

#home span.button {
    width: 125px;
}

#home-background {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
}

img.slogan {
    display: block;
    margin: 20px auto;
    text-align: center;
}

.home-box h1 {
    font-size: 36px !important;
    margin-left: 89px;
    color: #6d6e71 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.home-box h1 strong {
    color: #388c37 !important;
}

.home-box h2 {
    font-size: 36px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 283px;
    color: #6d6e71 !important;
}

.home-box {
    margin-left: 73px;
}

.home-box p {
    margin-left: 398px;
    margin-top: 20px;
    font-size: 13px;
}

.home-box span.button {
    margin-left: 398px;
}

.type-1 {
    background: 0 0 no-repeat url('../images/banner_prof_nut_ensaladas.jpg');
    height: 195px;
}

.type-2 {
    background: 80px 0 no-repeat url('../images/banner_preg_nut.jpg');
    height: 220px;
}

#content .type-2 {
    height: 195px;
}

.type-2 h2 {
    margin-left: 380px;
}

.type-2 p {
    width: 140px;
}

/*  -- Elementos de contenidos internos -- */

span.important {
    text-decoration: underline;
}

p.important {
    font-style: italic;
    font-weight: bold;
}

ul.caracteristicas li {
    margin-top: 10px;
}

#content h1, .content-raw h1 {
    color: #388c37;
    font-size: 30px;
    margin-bottom: 15px;
}

#content h2, .content-raw h2 {
    color: #388c37;
    font-size: 16px;
    margin-bottom: 10px;
}

#content h3.special span.price {
    font-size: 17px !important;
}

#content h3.special {
    font-size: 14px;
}

#content h3.special span {
    font-size: 12px;
}

#content h2 a {
    color: #388c37;
    font-size: 16px;
    text-decoration: underline;
}

#content h2 a:hover {
    text-decoration: none;
}

#content h3, .content-raw h3 {
    color: #388c37;
    font-size: 14px;
    margin-bottom: 7px;
}

#content h4, .content-raw h4 {
    color: #388c37;
    font-size: 12px;
    margin-bottom: 7px;
}

.content-raw {
    color: #6d6e71 !important;
}

.sign {
    text-align: center;
    margin-top: 30px;
    color: #388c37;
}

#breadcrumbs {
    margin-bottom: 15px;
}

#breadcrumbs span {
    color: #388c37;
    font-weight: bold;
}

.person {
    width: 170px;
    float: right;
    margin: 10px 0 10px 10px;
}

.person img {
    border: 1px solid #388c37;
}

.person h3 {
    margin: 10px 0 0 0 !important;
    text-align: center;
}

p.special, span.special {
    font-weight: bold;
    text-decoration: underline;
}

strong.special {
    font-size: 14px;
}

ul.contact {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

ul.contact li {
    margin-bottom: 4px;
}

.obligatorio {
    color: #388c37;
}

/* --------- Forms ---------- */

#solicitud-form-content {
	margin-bottom: 30px;
}

#solicitud-form-content h3, #consulta-form-content h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.input {
    margin: 0 0 15px 0;
}

.td-shifted {
	padding-left: 70px;
}

.bank-logo{
	float: right;
	padding-right: 150px;
	padding-top: 10px;
}

.register-textboxes .edit-info {
    font-weight: bold;
	width: 20px;
}

.input {
    margin-bottom: 10px;
}

.input label {
    margin-right: 15px;
}

.text input, .password input {
    border: 1px solid #388c37;
    margin-right: 5px;
    width: 10em;
}

.register-textboxes .input {
    clear: both;
}


.number input {
    width: 45px;
    text-align: right;
}

.not-filled label {
    color: #ff0000;
}

.not-filled ul label {
    color: #6d6e71;
}

.long-text input {
    border: 1px solid #388c37;
    width: 400px;
}

.long-text textarea {
    width: 100%;
    height: 100px;
}

.medium-text input {
    width: 250px;
}

.medium-text .separate {
    margin-left: 50px;
}

ul.checkboxes, ul.radios {
    margin: 15px 0 15px 10px;
    padding: 0;
    list-style: none;
}

ul.checkboxes li, ul.radios li {
    margin-bottom: 10px;
}

ul.radios label.main {
    display: block;
    float: left;
    width: 100px;
}

.form-align label {
    display: block;
    float: left;
    width: 90px;
}

.autocomplete-area {
    background-color: #6d6e71;
    padding: 5px;
    color: #ffffff;
    margin-top: 3px;
    width: 550px;
}

.autocomplete-area span {
    cursor: pointer;
}

.autocomplete-area span:hover {
    background-color: #ffffff;
    color: #6d6e71;
}

div.register-textboxes label, div.register-radios label.main {
    display: block;
    float: left;
    width: 12em;
}

div.register-textboxes input, div.register-textboxes select {
    width: 12em;
}

span.separate {
    margin-left: 100px;
}

label.super-label {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px !important;
    font-weight: bold !important;
    background: 0 5px no-repeat url('../images/bullet.gif');
    padding-left: 12px;
}

label.main, .main label {
    font-weight: bold !important;
    background: 0 5px no-repeat url('../images/bullet.gif');
    padding-left: 12px;
}

textarea {
    border: 1px solid #388c37;
}

div.legals {
    margin-top: 35px;
    margin-bottom: 10px;
}

ul.links {
    margin: 0 0 30px 0;
    padding: 0 0 0 20px;
}

ul.links li {
    margin-bottom: 10px;
}

.info {
	color: #0055BB !important;
	background: url(../images/status-info.png) 10px 50% no-repeat;
	font-size: 13px;
	padding: 5px 10px 5px 45px;
	margin: 0 0 15px 0;
}

.query h3 {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
    color: #6d6e71;
}

.query .date {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
}

.doc_frame {
    margin: 10px auto;
}

/* -- tablas de datos -- */

table.data {
    width: 90%;
    margin: 15px auto;
    border-left: 1px solid #6d6e71;
    border-top: 1px solid #6d6e71;
}

table.data th {
    background: #388c37;
    color: #ffffff;
    padding: 5px;
}

table.data th a {
    color: #ffffff;
    padding: 2px;
}

table.data th a.selected {
    background-color: #ffffff;
    color: #388c37;
}

table.data td {
    padding: 5px;
    border-right: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
}

/* -- Estilos para el calendario -- */

#calendar-container {
    padding-left: 10px;
}

table.calendar {
    margin-top: 15px;
    margin-bottom: 15px;
}

table.calendar th {
    padding: 2px 5px;
    color: #787878;
    font-weight: normal;
}

table.calendar tr.first-row td {
    border-top: 1px solid #bfbfc1;
}

table.calendar td.first-col {
    border-left: 1px solid #bfbfc1;
}

table.calendar td {
    position: relative;
    height: 60px;
    border-right: 1px solid #bfbfc1;
    border-bottom: 1px solid #bfbfc1;
    padding: 2px 5px;
}

table.calendar td.selected {
    cursor: pointer;
    background: #efefef bottom right no-repeat url('../images/add-square.png');
}

table.calendar td.selected-filled {
    cursor: pointer;
    background: #efefef bottom right no-repeat url('../images/remove-square.png');
}

table.calendar td.selected span.number {
    color: #388c37;
}

table.calendar td.disabled span.number {
    color: #dddddd;
}

table.calendar td span.number {
    color: #787878;
    position: absolute;
    bottom: 0;
    left: 0;
}

table.calendar td a.remove {
    position: absolute;
    bottom: 0;
    right: 0;
}

table.calendar td span.day-wrapper {
    position: relative;
    display: block;
    height: 60px;
    width: 96px;
    position: relative;
    overflow: hidden;
}

table.calendar td span.data {
    display: block;
    color: #388c37;
    padding-top: 18px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.calendar-navigation {
    text-align: center;
}

.calendar-navigation span.title {
    color: #388c37;
    font-weight: bold;
    font-size: 16px;
}

.calendar-navigation span.separator {
    margin: 0 10px;
}

.graph {
    text-align: center;
    padding: 25px 0;
}

#gennio {
	font-size: x-small;
	padding-left: 30px;
}

#avanza{
	margin-top: 10px;
	text-align: center;
}