h1, h2, h3, h4, h5, h6{ margin: 0;padding: 0;font-weight: normal;}
ul { margin: 0;padding: 0; }
ul li{ list-style: none; }


body.login { padding-top: 45px; }
body.login #wrapper { width: 540px; }
body.login footer { margin-top: 50px !important;}

.wrapper {
    margin: 0 auto;
    width: 980px;
}

.logo { text-align: center;}
.mensaje { font-size: 20px; margin: 0 0 50px 0 }
.mensaje span { color: #FFF; }

.placeholder { color: #888 !important;}

.login-container {
    background: #adcfff;
    padding: 5px 10px 5px 130px;
    position: relative;
}

.login .icon { position: absolute;top: -10px;left: 10px;}
.login label { color: #0a122a; }
.login form { padding-top: 5px;}
.login input {
     margin-right: 10px;
     padding: 5px 10px;
     color: #444;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
    border: 1px solid #CCC;
    font-size: 12px;
    width: 125px;
}
.login button 
{
    background: #0082cc; -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #0082cc;
    border-top-color: #249ed3;
    border-left-color: #249ed3;
    color: #FFF;
    padding: 5px 15px;
    font-size: 12px;
}

.login .olvide-contraseña { margin-top: 10px; font-size: 11px }
.login .olvide-contraseña a{ color: #0a122a;text-decoration: none; }

.form-actions {min-height: 30px;margin: 0 auto; }
.form-actions button { float: left;margin: 0 10px; }

.border-radius-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 
.border-radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.border-radius-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/* Contenidos */

ul.lista-contenidos > li:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

ul.lista-contenidos > li:last-child {
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

ul.lista-contenidos { clear: both; }
ul.lista-contenidos li { background: #c8dfff url(images/bg-lista.png) repeat-x;font-size: 14px; padding: 10px 0 10px 95px;position: relative; }
ul.lista-contenidos li img.icon { position: absolute;left: 45px; top: 50%; margin-top: -19px; }
ul.lista-contenidos li .titulo {color:#0f1a35 }
ul.lista-contenidos li .archivo {color:#1a5bac }
ul.lista-contenidos li a.button { position: absolute;top: 50%;right: 20px;margin-top: -14px; background: #e7e7e7;color: #333;padding: 6px 10px;font-size: 14px;font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;border: none;text-decoration: none;}
ul.lista-contenidos li a.button:hover { background-color: #DDD;}
	
ul.tabs { margin-left: 22px;}
ul.tabs li { float: left;font-size: 18px;min-width: 215px;text-align: center; background: #5173a1;margin-right: 5px; min-height: 20px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
ul.tabs li a{ display: block; padding: 6px 40px; color: #FFF;text-decoration: none;}
ul.tabs li.selected a{color: #0f1a35;}
ul.tabs li.selected { background: #FFF; }

.validation-summary {
    display: none;
    border: 1px solid #ba5f5e;
    color: #B94A48;
    background-color: #e9dfdf;
    padding: 10px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    margin-top: 10px;
}

/* Web Page */

@font-face {
    font-family: 'Chunkfive';
    src: url('fonts/chunkfive.eot');
    src: url('fonts/chunkfive.eot?#iefix') format('embedded-opentype'),
         url('fonts/chunkfive.woff') format('woff'),
         url('fonts/chunkfive.ttf') format('truetype'),
         url('fonts/chunkfive.svg#chunkfive_romanregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    background: #10305F url("images/bg-body.jpg") no-repeat top center;
    font-family: Georgia, Tahoma, Arial, Verdana, sans-serif;
    color: #adcfff;
    padding-top: 10px;
    font-size: 14px; 
}

header { position: relative;height: 68px; }
header img { position: absolute; width: 182px; left: 0px;top: -8px;}
header h1 { font-size: 28px; color: #FFF;text-transform: uppercase;margin-left: 190px;}
header ul.menu {
    position: absolute;
    bottom: -9px;
    left: 190px;
}

header ul.menu li {
    float: left;
    margin-right: 3px;
    font-size: 1.15em;
}

header ul.menu li a {
    color: #23345f;
    text-decoration: none;
    display: block;
    padding: 4px 12px 11px 12px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

header ul.menu li a.selected {
    background: url("images/bg-item-menu.png") repeat-x;
    color: #FFF;
}

header ul.menu-aceeso {
    position: absolute;
    right: 0;
    top: 5px;
    width: 430px;
}

header ul.menu-aceeso li a {
    color: #8dd2f7;
    font-size: 0.7em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial, Tahoma, Verdana;
    float: left;
}

header ul.menu-aceeso li.lnk-tutorial a{
    margin-right: 35px;
    padding: 5px 15px;
    background: #284b7f;
    border-radius: 4px;
    color: white;
}

header ul.menu-aceeso li.lnk-ebroker a{
    margin-right: 10px;
    padding: 5px 15px;
    background: white;
    border-radius: 4px;
    color: #284b7f;
    font-weight: bold;
    text-transform: none;
}

header ul.menu-aceeso li.lnk-webmail a{
    float: right;
    margin: 7px 0 0 0;
}

.separator-top
{
    background: url(images/sombras-slide.png) no-repeat center top;
    height: 16px;
    margin-top: -4px;
}

section { margin-top: -4px; }

.font {
    font-family: 'Chunkfive';
}

footer { margin-top: 30px;font-size: .8em; color: #00BFF4;position: relative;clear: both;padding-bottom: 15px;}
footer .logo { float: left;margin-right: 10px;}
footer a,footer a:visited,footer a:hover { color: #00BFF4; text-decoration: none;}
footer .development { position: absolute;right: 0;top: 0;font-family: Arial, Tahoma, Verdana; width: 160px;font-size: 0.9em; line-height:  1em}
footer .development img { float: right;}

#overlay {background-color:#000; cursor:wait;}
.modalHome { padding: 20px;background: #FFF;color: #0a122a;width: 300px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.modalHome h1 { font-size: 20px; }
.modalHome p { color: #094d75; font-size: 11px}
.modalHome input {width: 90%;margin-bottom: 20px;}
.modalHome .form-actions{ width: 188px; }

.modalDireccion input, 
.modalDireccion select 
{
    padding: 5px;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 280px;
}
.modalDireccion select {
    width: 280px;
}

.modalDireccion .form-actions{ width: 200px;}

.grey-button
{
    background: #515151; -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #515151;
    border-top-color: #5e5e5e;
    border-left-color: #5e5e5e;
    color: #FFF;
    padding: 5px 20px;
    font-size: 12px;
    text-decoration: none;
}

.grey-button:visited, .grey-button:hover {
    color: #FFF;
    text-decoration: none;
}

.col-left {
    width: 475px;
    margin-right: 30px;
    float: left;
}

.col-right {
    width: 475px;
    float: left;
}

/* Home */
.home h1 {
    color: #afe1fa;
    font-size: 26px;
}

.home .acceso-productores-top {
    background: #00BFF4 url("images/acceso_bg.png") repeat-x top left;
    color: #23345f;
    padding: 7px 0;
    font-size: 1.2em;
}

.home .acceso-productores-top img{
    float: left;
}

.home .acceso-productores-footer {
    background: url("images/acceso_03.png") repeat-x;
    color: #434242;
    height: 55px;
}

.home .buscas-seguro-container {
    background: url("images/buscas-seguro-bg.png") no-repeat;
    height: 184px;
    width: 475px;
}

.home .buscas-seguro-container .titulo{
    color: #23345f;
    font-size: 1.2em;
    line-height: 1.1em;
    margin-bottom: 0.5em;
    padding-right: 10px;
}

.home .buscas-seguro-container .mensaje{
    color: #000;
    font-family: Arial, Tahoma, verdana;
    font-size: 0.8em;
    margin-bottom: 0.6em;
    padding-right: 30px;
}

.home .login .validation-summary {
    background: none;
    border: none;
    padding: 0px;
    color: #9E0401;
}

.home .login input {
     margin-right: 10px;
     padding: 5px 10px;
     color: #444;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
    border: 1px solid #CCC;
    font-size: 12px;
    width: 90px;
}

/* Slider */
.slider-container {
    background: url("images/sombras-slide.png") no-repeat 0px -15px;
    width: 985px;
    height: 250px;
    margin: 0 auto;
    padding: 15px 0 30px 0;
    text-align: center;
    position: relative;
}

.slideWrapper {
    left: 1390px;
    position: absolute;
}

.leftSlide, .rightSlide{
    position: absolute;
    width: 476px;
    height: 100px;
}

.leftSlide { left: 0;}
.rightSlide { left: 490px; }

/*
.slider-gradient {
    background: url(images/slider-gradient.png) no-repeat center 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 99;
}*/

.slide-1 .bg-slide{ background: url(images/slider/01.png) no-repeat; height: 263px;position: absolute;}
.slide-1 .bg-slide-left { width: 398px; background-position: 0px 0px; right: 0}
.slide-1 .bg-slide-right { width: 515px; background-position: -395px 0px;left: -10px; }

.slide-2 .bg-slide{ background: url(images/slider/02.png) no-repeat; height: 263px;position: absolute;}
.slide-2 .bg-slide-left { width: 391px; background-position: 0px -40px; right: 0}
.slide-2 .bg-slide-right { width: 515px; background-position: -395px -38px;left: -10px; }

.slide-3 .bg-slide{ background: url(images/slider/03.png) no-repeat; height: 263px;position: absolute;}
.slide-3 .bg-slide-left { width: 383px; background-position: 0px 0px; right: 0}
.slide-3 .bg-slide-right { width: 515px; background-position: -400px 0px;left: -10px; }

.slide-4 .bg-slide{ background: url(images/slider/04.png) no-repeat; height: 263px;position: absolute;}
.slide-4 .bg-slide-left { width: 428px; background-position: 0px 0px; right: 0}
.slide-4 .bg-slide-right { width: 515px; background-position: -433px 0px;left: -10px; }

.slide-5 .bg-slide{ background: url(images/slider/05.png) no-repeat; height: 263px;position: absolute;}
.slide-5 .bg-slide-left { width: 389px; background-position: 0px 0px; right: 0}
.slide-5 .bg-slide-right { width: 515px; background-position: -400px 0px;left: -10px; }

/* Nuestra Empresa */
.separator {
    background: url(images/sombra.png) no-repeat;
    height: 20px;
    clear: both;
}

.nuestra-empresa{ margin-top: 30px; }

.nuestra-empresa .titulo {
    font-size: 21px;
    color: #FFF;
    text-shadow: 2px 2px 2px rgba(13, 23, 53, 1);
    margin-bottom: 10px;
}

.nuestra-empresa .texto{
    margin-bottom: 25px;
    font-size: 0.9em;
    color: #BFD2EC;
}

.nuestra-empresa .empresa-footer {
    clear: both;
    color: white;
    margin: 0px 0 15px 0
}

.nuestra-empresa .empresa-footer .subtitulo { font-size: 16px; }
.nuestra-empresa .empresa-footer .texto { margin-bottom: 15px; }

/* Beneficios */
.beneficios .titulo {
    font-size: 21px;
    color: #FFF;
    text-shadow: 2px 2px 2px rgba(13, 23, 53, 1);
    margin-bottom: 10px;
}

/* Red de Productores */
.red-productores {
    
}

.red-productores .col-left { text-align: right;padding: 50px 0;}
.red-productores .col-right { }

.red-productores h1 {
    color: #23345f;
    text-shadow: 1px 1px 1px rgba(169, 214, 249, 1);
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 10px;
}

.red-productores .texto {
    color: #FFF;
    font-size: 1.1em;
}

.red-productores .buscador {
    background: url("images/lupa.png") no-repeat center center;
    padding: 55px 0 55px 55px;
    margin-top: 20px;
    color: #23345f;
}

.red-productores .buscador select[disabled] {
    background: #CCC;
    color: #666;
}

.red-productores .buscador .row {
    margin: 15px 0;
}

.red-productores .buscador select {
    margin-left: 10px;
    padding: 5px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 200px;
}

.red-productores .buscador button {
    backgorund: #FFF;
    color: #333;
    padding: 7px 20px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.9em;
}

.red-productores .resultados {
    clear: both;
}

.red-productores .resultados h2 {
    color: white;
    font-size: 20px;
}

.red-productores .resultados table {
    width: 100%;
}

.red-productores .white { color: #FFF;}

#ubicacionIncorrecta {
    font-size: 1.5em;
    text-align: center;
    margin-top: 20px;
    color: white;
}

#ubicacionIncorrecta span {
    display: none;
}

#ubicacionIncorrecta a {
    color:#FFF;
    margin-left: 10px; 
}

/* Productos */
.productos h1 {
    color: #23345f;
    text-shadow: 1px 1px 1px rgba(169, 214, 249, 1);
    font-size: 40px;
    line-height: 1em;
    margin-bottom: 10px;
}

.productos p { color: white;font-size: 1.2em;margin-top: 5px;}
.productos ul { font-size: 1.3em;color: white;margin-left: 95px; }
.productos ul li { list-style: disc; }
.productos .col-left, .productos .col-right {
    width: 400px;
}

.productos .productos-container { width: 830px;margin: 0 auto;}

/* Mapa */

.red-productores .infoproductor {
    background-color: #034170;
    padding: 7px;
    color: white;
    font-size: 0.9em;
    line-height: 1.2em;
    width: 170px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.red-productores .arrow {
    position: absolute;
    left: 45px;
    height: 0pt;
    width: 0pt;
    margin-left: 0pt;
    border-width: 10px 10px 0pt 0pt;
    border-color: #034170 transparent transparent;
    border-style: solid;
}

/* Formulario Contacto Productor */
.modal-header {
    border-bottom: 1px solid #EEE;
    position: relative;
    padding: 10px 20px;
}
.modal-content {
    border-bottom: 1px solid #DDD;
}

.modalContacto {
    width: 600px;
    color: #333;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: sans-serif;
}
.modalContacto h1 { font-weight: bold;font-size: 1.8em; }
.modalContacto label { float: left;width: 200px;font-size: 14px;color: #333333;text-align: right;margin-right: 15px;}
.modalContacto .control-container { margin-left: 220px; width: 300px;}

.modalContacto .control-container input, 
.modalContacto .control-container textarea,
.modalContacto .control-container select   
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCC;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    margin-top: -3px;
    width: 220px;
}

.modalContacto .control-container select { width: 234px;}

.modalContacto .form-row { margin-bottom: 5px;}

.modalContacto .modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 26px;
    color: #cccccc;
    cursor: pointer;
}

.modalContacto .modal-close:hover {
    color: #aaa;
}

.modalContacto .modal-content{ padding: 20px; }
.modalContacto .modal-footer {
    text-align: right;
    background-color: #f5f5f5;
    padding: 20px;
}

.modalContacto .cancel { display: none; }

.modalContacto .mensaje-enviado {
    padding: 40px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: green;
}

/* Contacto */

.contacto .col-left { text-align: right;padding: 30px 0;width: 380px;}

.contacto h1 {
    color: #23345f;
    text-shadow: 1px 1px 1px rgba(169, 214, 249, 1);
    font-size: 40px;
    line-height: 1em;
    margin-bottom: 10px;
}

.contacto .col-left p { color: #FFF;font-size: 1.2em;}
.contacto .col-left .datos { color: #ADCFFF; }
.contacto .col-right { margin-top: 40px }
.contacto .col-right .label { float: left;width: 150px; text-align: right; color: #FFF;margin-right: 10px;}
.contacto .col-right .row { margin-bottom: 10px; }
.contacto .col-right input,
.contacto .col-right textarea {
    width: 200px; 
}
.contacto .col-right select {
    width: 220px;
}

.contacto .btn {
    position: absolute;
    bottom: 0px;
    margin-left: 10px
}

.contacto .alert { margin-left: 160px; }


/* Form */

form input, form select, form textarea {
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC; 
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  *border: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

button.btn {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

button.btn:hover,
button.btn:active,
button.btn.active,
button.btn.disabled,
button.btn[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn[disabled] {
    color: #6294EE !important; 
}

button.btn:active,
button.btn.active {
  background-color: #003399 \9;
}

/* Validation Summary */
.alert 
{
    font-size: 0.9em;
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: black;
    text-shadow: 0 1px 0 white;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.modalLibro {
    width: 610px;
}

.modalLibro h1 {
    font-size: 1.4em;
}

.modalLibro  .modal-close {
    color: #666;
    font-size: 34px;
    top: 0px;
}

.modalLibro .modal-content img {
    height: 220px;
    margin-bottom: 10px;
}

.modalLibro .modal-content {
    text-align: center;
}

.modalLibro .modal-titulo-libro {
    font-size: 1.2em;
    color: #105552;
    font-weight: bold;
}

.modalLibro .text {
    color: #122c45;
    font-weight: bold;
    margin-top: 15px;
    font-size: 14px;
}

.modalLibro .text span {
    font-size: 0.9em;
}

/* Tutoriales Rubrica Digital */
.tutoriales-rubrica-digital .texto {
    margin: 10px 0 20px 0;
}

.tutoriales-rubrica-digital .titulo-tutorial {
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
    color: white;
    margin-top: 10px;
}

.tutoriales-rubrica-digital .separator {
    margin-top: 20px !important;
}

.btn.tutoriales {
    
}