@import url(http://fonts.googleapis.com/css?family=Lato);
/*
font-family: 'Lato', sans-serif;
*/
/************************************* RESET **************************************/
body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
td {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  border: 0;
}
ol,
ul {
  list-style: none;
}
/************************************* COLUMNAS**************************************/
body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif !important;
  color: #444;
  background: #fff;
}
/*estructura*/
#maincontainer {
  width: 990px;
  border: 0px solid #090;
  background: #fff;
  margin: 0 auto;
  border: 0px solid #f00;
  padding: 10px 0 0 0;
}
#contentcolumn {
  width: 660px;
  border: 0px solid #069;
  float: left;
  padding: 0;
  margin: 0;
}
#columna-izquierda {
  width: 199px;
  border: 0px solid #f00;
  background: #fff;
  margin: 0;
  padding: 0;
  border-right: 1px solid #ddd;
  display: none;
}
#columna-grande {
  width: 650px;
  border: 0px solid #fc0;
  background: #fff;
  margin: 0;
  float: right;
  padding: 0px;
  margin-right: 10px;
}
#columna-derecha {
  width: 312px;
  border: 0px solid #069;
  background: #fff;
  float: right;
  border-left: 0px solid #ddd;
  padding: 10px 5px;
}
body#lista-prod #columna-grande,
body#lista-prod #contentcolumn {
  width: 100%;
}
body#lista-prod #columna-grande #listar .cajam {
  width: 18%;
  float: left;
  margin: 1%;
}
body#lista-prod #columna-grande #listar .cajam h2 a {
  font-size: 13px;
  letter-spacing: 0px;
}
body#lista-prod #columna-grande #listar .cajam .desdoc div,
body#lista-prod #columna-grande #listar .cajam .desdoc span,
body#lista-prod #columna-grande #listar .cajam .desdoc p {
  text-align: left !important;
  font: normal 12px 'Lato', sans-serif !important;
  line-height: 18px !important;
  position: relative;
}
body#lista-prod #columna-derecha {
  display: none;
}
body#home2 #contentcolumn {
  width: 990px;
}
body#home2 #content-superior {
  width: 100%;
  border: 0px solid #f00;
  overflow: hidden;
}
body#home2 #columna-grande {
  padding: 0;
  border: 0px solid #f00;
  width: 651px;
  float: left;
}
body#home2 #col3 {
  width: 312px;
  float: right;
  border: 0px solid #069;
}
div#col1 {
  border: 0px solid #f00;
}
div#col1 div.cajam,
div#principal div.cajam.masart,
div#listar.imgs div.cajam {
  float: left;
  width: 310px;
  margin: 5px;
}
div#col1 div.cajam img.imagen {
  height: 200px;
}
div#principal div.cajam.masart img.imagen {
  max-width: 310px;
}
div#principal div.cajam.masart h3,
div#principal div.cajam.masart h3 a.titnotlink,
div#listar div.cajam h3 a.titnotlink {
  font: bold 18px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
  line-height: 22px;
}
/* NOTA PRINCIPAL HOME */
#content-superior div#principal {
  border: 0px solid #069;
  width: 640px;
  padding: 0;
  float: left;
}
div#principal h3,
div#principal h3 a.titnotlink {
  font: bold 36px 'Lato', sans-serif;
  letter-spacing: -2px;
  color: #555;
}
body#home2 span.copete {
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  position: relative;
}
body#home2 span.copete a {
  font: normal 13px 'Lato', sans-serif;
  text-transform: uppercase;
}
body#home2 div.desdoc {
  padding: 0 0 10px 0;
}
body#home2 div.desdoc p {
  font: normal 13px 'Lato', sans-serif;
  line-height: 22px;
}
/* NOTAS SECUNDARIAS HOME */
div#col1 h3,
div#col1 h3 a.titnotlink,
div#col2 h3,
div#col2 h3 a.titnotlink,
div#col3 h3,
div#col3 h3 a.titnotlink {
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
/* REDES */
body#home2 div#redessh {
  float: right;
  width: 86px;
  position: relative;
  border: 0px solid #f00;
  height: 24px;
  position: absolute;
  right: 0;
  top: -5px;
}
body#home2 span.st_facebook span.stButton span {
  background: url(../imagenes/ico-facebook.png) no-repeat !important;
  height: 24px;
}
body#home2 span.st_twitter span.stButton span {
  background: url(../imagenes/ico-twitter.png) no-repeat !important;
  height: 24px;
}
body#home2 span.st_googleplus span.stButton span {
  background: url(../imagenes/ico-googleplus.png) no-repeat !important;
  height: 24px;
}
body#home2 span.st_twitter,
body#home2 span.st_googleplus {
  margin-left: 4px;
}
/* MENU SUPERIOR */
/* menu top */
#nav,
#nav ul {
  z-index: 500;
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  height: 24px;
  width: 990px;
  background: #FFF;
  border-bottom: 1px solid #e5e5e5;
  border-top: 2px solid #333;
  padding: 5px 0 7px 0;
}
#nav a {
  font: normal 16px 'Lato', sans-serif !important;
  display: block;
  padding: 4px 16px 4px 15px;
  text-decoration: none;
  color: #666;
  border-left: 0px solid #999;
}
#nav a:hover {
  background: #fff;
  color: #ccc;
}
#nav li {
  float: left;
  position: relative;
}
#nav > li + li {
  border-left: 1px solid #999;
}
#nav ul {
  position: absolute;
  display: none;
  width: 110px;
  top: 27px;
  border: none;
}
#nav li ul a {
  width: 135px;
  float: left;
  border-bottom: 1px solid #999;
  background: #ccc;
  font: normal 14px 'Lato', sans-serif !important;
}
#nav ul ul {
  top: 0;
}
#nav li ul ul {
  left: 157px;
  margin: 0px 0 0 10px;
  width: 110px;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
  display: none;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
  display: block;
}
#nav a.menuactivo {
  background: #76bd50;
}
#nav a.padreactivo {
  background: #76bd50;
}
div#banner-superior {
  padding: 0;
}
div#masleidas {
  font-weight: bold;
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  position: relative;
  margin-bottom: 8px;
  margin: 15px 0;
}
div.tit_proy {
  border: none;
  background: none;
  font-weight: bold;
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  position: relative;
  margin-bottom: 8px;
  margin: 15px 0;
  font: bold 16px 'Lato', sans-serif !important;
  color: #444;
}
body#home2 div#col3 ul.titleidas li {
  margin-bottom: 8px;
}
body#home2 div#col3 ul.titleidas li a.titnotlink {
  font: normal 16px 'Lato', sans-serif;
  letter-spacing: 0px;
  color: #444;
  margin: 0 !important;
  display: block;
  border-left: 4px solid #f90;
  padding-left: 10px !important;
  padding-right: 8px;
}
body#home2 div#col3 ul.titleidas li a.titnotlink:hover {
  background: #f0f0f0;
}
.imagen {
  border: none !important;
  padding: 0 !important;
}
/****************************** PIE Y TOP *************************************/
#pie {
  font: normal 14px 'Lato', sans-serif;
  width: 990px;
  margin: auto;
  border-top: 1px solid #ccc;
  margin-top: 25px;
  background: #f0f0f0 !important;
  overflow: hidden;
  text-align: center;
  padding: 15px 0px;
  position: relative;
  padding-bottom: 30px;
}
#pie div.datafiscal {
  position: absolute;
  top: 5px;
  right: 10px;
}
#pie div.datafiscal img {
  width: 60px;
}
#pie a,
#pie a:hover {
  text-decoration: none;
  color: #069;
  font: normal 14px 'Lato', sans-serif !important;
}
div#pie div,
div#pie div#datospie {
  background: transparent !important;
}
#top {
  width: 990px;
  margin: 0 auto 0 auto;
  bordeR: 0px solid #fc0;
  background: #fff;
  padding-top: 0px;
  position: relative;
}
#top div.form_buscar input.boxbuscar {
  border: 1px solid #dedede;
  padding: 10px;
}
#top div.form_buscar input.boxbuscar {
  border: 1px solid #dedede;
  padding: 7px;
}
#top div.form_buscar input[type=image] {
  position: relative;
  top: -5px;
  left: 5px;
}
#top div.form_buscar {
  border: 0px solid #f00;
  position: absolute;
  right: -10px;
  top: 35px;
  width: 240px;
}
#top div#demo {
  position: absolute;
  top: 70px;
  left: 20px;
}
#top div#loginsup {
  position: absolute;
  top: 70px;
  right: 10px;
}
/* ENCUESTA */
div#encuesta,
div#encuesta form,
div#encuesta div {
  background: #fff;
  border: none;
}
div#encuesta h5 {
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
}
div#encuesta body#home2 div {
  background: #fff;
}
body#home2 div#encuesta {
  font: normal 16px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
body#home2 div#encuesta p.pregunta {
  font: normal 20px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
body#home2 div#encuesta ul li.resdes {
  padding: 5px;
  border-bottom: 1px dotted #999;
}
/* BANNERS LATERALES */
div#banner-lateral-izq,
div#banner-lateral-der {
  position: fixed;
  /*display:none;*/
  top: 5%;
}
div#banner-lateral-izq {
  position: fixed;
  left: 10px;
}
div#banner-lateral-der {
  position: fixed;
  right: 10px;
}
div#banner-lateral-izq {
  left: 50%;
  margin-left: -770px;
}
div#banner-lateral-der {
  right: 50%;
  margin-right: -770px;
}
@media only screen and (max-width: 1355px) {
  div#banner-lateral-izq,
  div#banner-lateral-der {
    display: none;
  }
}
/* DETALLE */
#detalle h1.titulo b {
  font: bold 36px 'Lato', sans-serif;
  letter-spacing: -2px;
  color: #555;
}
#detalle div#detalle_contenido {
  font: normal 14px 'Lato', sans-serif;
  line-height: 20px;
}
#detalle img.imagen_detalle,
#detalle div#detalle_contenido img {
  border: none;
  padding: 0;
}
#detalle img.imagen_detalle {
  margin: 15px 0;
}
div#filtro-columna {
  display: none !important;
}
/************************************* LISTAR **************************************/
#listar .cajam {
  margin: 0px;
  border-bottom: 0px dotted #ccc;
}
#listar a.le {
  color: #0490f1;
}
#listar H2 {
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
#listar H2 a,
#listar H2 a:hover {
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
#listar H2.titnolink {
  margin: 5px 0;
  font: bold 50px 'Lato', sans-serif;
}
#listar p {
  font: normal 14px 'Lato', sans-serif;
  line-height: 20px;
}
#listar .vernota {
  display: none;
  width: 170px;
  margin-left: -5px;
  padding: 3px 3px 3px 25px;
  background: url(../imagenes/vernota.gif) no-repeat 2% #fdfdfd;
  margin: 0px;
}
h1.copetelistar {
  display: block;
  padding: 5px;
  margin: 10px 10px 0px 0px;
  font: normal 10px 'Lato', sans-serif;
  color: #666;
}
h1.titproyeventos {
  font: bold 16px 'Lato', sans-serif;
  margin: 5px 0;
  color: #555;
  text-decoration: none;
}
#listar #megusta {
  display: block;
  margin-bottom: 3px;
  border-bottom: 2px dotted #666;
  padding: 5px 0;
}
#listar span.st_facebook span.stButton span {
  background: url(../imagenes/ico-facebook.png) no-repeat !important;
  height: 24px;
}
#listar span.st_twitter span.stButton span {
  background: url(../imagenes/ico-twitter.png) no-repeat !important;
  height: 24px;
}
#listar span.st_googleplus span.stButton span {
  background: url(../imagenes/ico-googleplus.png) no-repeat !important;
  height: 24px;
}
#listar span.st_twitter,
#listar span.st_googleplus {
  margin-left: 8px;
}
/************************************* EVENTOS **************************************/
#eventos {
  margin: 5px 0px;
  border-bottom: 1px dotted #ccc;
  font: normal 12px 'Lato', sans-serif;
}
#eventos .cajam {
  border-bottom: 1px dotted #ccc;
}
#eventos a.le {
  color: #0490f1;
}
#eventos h2.tit {
  font: bold 16px 'Lato', sans-serif;
  color: #666;
  margin-top: 15px;
}
#eventos H2 {
  font: bold 14px 'Lato', sans-serif;
  margin: 5px 0;
  color: #069;
  text-decoration: none;
}
#eventos H2 a,
#eventos H2 a:hover {
  font: bold 14px 'Lato', sans-serif;
  color: #069;
  text-decoration: none;
}
#eventos H2.titnolink {
  margin: 5px 0;
  font: bold 50px 'Lato', sans-serif;
}
#eventos p {
  margin: 0px;
  margin-top: 5px;
  font: normal 12px 'Lato', sans-serif;
  color: #333;
  line-height: 17px;
}
#eventos .vernota {
  display: block;
  width: 170px;
  margin-left: -5px;
  padding: 3px 3px 3px 25px;
  background: url(../imagenes/vernota.gif) no-repeat 2% #fdfdfd;
  margin: 0px;
}
h1.titproylistar,
h2.titproylistar {
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
#eventos input[type=text] {
  padding: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ccc;
}
/****************************** COMENTARIOS *************************************/
#caja_comentarios {
  border-top: 0px solid #ccc;
  margin-top: 20px;
  border: 0px solid #e0e0e0;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
p.tit_comentario {
  font: normal 18px 'Lato', sans-serif !important;
  letter-spacing: 0px;
  padding: 10px 0;
  color: #333;
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
}
#caja_comentarios form {
  background: #fff;
}
#caja_comentarios form label {
  display: block;
}
#caja_comentarios form input[type=text],
#caja_comentarios form textarea {
  padding: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #ccc;
}
p span.aviso_legal_coment {
  font-weight: normal;
}
.comment_indiv {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px 0;
  font: normal 11px 'Lato', sans-serif;
  color: #666;
}
.comment_indiv_h {
  border: 1px solid #333;
  padding: 5px;
  margin: 5px 0;
  font: normal 11px 'Lato', sans-serif;
  color: #666;
  background: #f0f0f0;
}
.comment_cab {
  background: #eee;
  padding: 3px;
}
a.comment_pag,
a.comment_pag:hover {
  font: bold 11px 'Lato', sans-serif;
  text-decoration: none;
  color: #666;
}
a.comment_pag:hover {
  color: #ccc;
  text-decoration: underline;
}
.pag_actual {
  font: bold 11px 'Lato', sans-serif;
  text-decoration: none;
  color: #069;
}
.comment_cant {
  font: normal 12px 'Lato', sans-serif;
  margin: 0;
  padding: 0;
}
#mensaje {
  font: bold 11px 'Lato', sans-serif;
  margin: 0;
  padding: 10px;
  color: #f00;
}
.btn_grabacom {
  border: 1px solid #ccc;
  background: #f0f0f0;
}
/****************************** ENCUESTAS *************************************/
#listado_encuestas {
  list-style-type: none;
  font: normal 11px 'Lato', sans-serif;
  margin: 0;
  padding: 0;
}
#listado_encuestas ul {
  margin: 0;
  padding: 0;
}
#listado_encuestas li {
  border-bottom: 1px dotted #ccc;
}
#listado_encuestas li a {
  color: #069;
}
#listado_encuestas li a:hover {
  color: #999;
}
#encuesta_resul,
#tabla_encuesta_resul {
  width: 100%;
  border: 0px solid #069;
}
.titproyencuesta {
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
  margin-bottom: 15px !important;
}
.encuesta_ico {
  background: url(../imagenes/encuesta_icon.gif) no-repeat;
  padding-left: 80px;
  height: 55px;
}
.pregunta_res {
  font: bold 12px 'Lato', sans-serif;
}
.vigencia_res {
  font: normal 11px 'Lato', sans-serif;
}
.fila_res {
  border: 1px solid #ccc;
}
.leyenda_res,
.numero_res {
  font: bold 12px 'Lato', sans-serif;
}
.desc_res {
  font: normal 12px 'Lato', sans-serif;
  margin: 10px 0;
  padding-right: 10px;
}
#encuesta2 ul {
  margin: 0;
  padding: 0;
  font: normal 12px 'Lato', sans-serif;
}
#encuesta2 ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#encuesta2 {
  width: 90%;
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 10px;
  margin: 0px;
}
#encuesta2 .pregunta {
  font: normal 12px 'Lato', sans-serif;
  padding: 0;
  margin: 0;
}
/****************************** REGISTRO *************************************/
#registro input {
  border: 1px solid #999;
  font: normal 10px 'Lato', sans-serif;
}
#registro .inputfocus {
  border: 1px solid #666;
  font: normal 10px 'Lato', sans-serif;
  background: #f6f6f6;
  width: 170px;
}
.izquierda {
  float: left;
  width: 180px;
}
#registro div {
  height: auto;
}
.req {
  padding: 5px;
  background: url(../imagenes/requerido.gif) no-repeat center;
}
.titproyreg {
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
  margin-bottom: 15px !important;
}
#registro hr {
  height: 1px;
  color: #ccc;
}
#registro .boxentra-cont {
  width: 170px;
  border: 1px solid #999;
}
#registro div.contusuario {
  height: 120px;
}
#registro div.contnombres {
  height: 120px;
}
#registro div.contdatos {
  height: 150px;
}
/****************************** CONTACTO *************************************/
#contacto input {
  border: 1px solid #999;
  font: normal 10px 'Lato', sans-serif;
}
#contacto .inputfocus {
  border: 1px solid #666;
  font: normal 10px 'Lato', sans-serif;
  background: #f6f6f6;
}
#contacto div {
  height: auto;
}
#contacto .alta {
  height: 150px;
  font: normal 14px 'Lato', sans-serif;
}
#contacto {
  font: normal 14px 'Lato', sans-serif;
}
#contacto p {
  margin-bottom: 20px;
}
#contacto hr {
  height: 1px;
  color: #ccc;
}
.req {
  padding: 5px;
  background: url(../imagenes/requerido.gif) no-repeat center;
}
#contacto input[type=text],
#contacto textarea,
#contacto select {
  font-size: 14px;
  padding: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #ccc;
}
/****************************** LOGIN *************************************/
#loginpag input {
  border: 1px solid #999;
  font: normal 10px 'Lato', sans-serif;
}
#loginpag a,
#loginpag a:hover {
  font: bold 11px 'Lato', sans-serif;
  color: #377081;
  text-decoration: none;
}
#loginpag .inputfocus {
  border: 1px solid #666;
  font: normal 10px 'Lato', sans-serif;
  background: #f6f6f6;
}
.titproylogin {
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
/****************************** PAGINA BUSQUEDA *************************************/
#pagbusqueda div {
  border-bottom: 1px dashed #ccc;
  padding: 5px;
}
#pagbusqueda a,
#pagbusqueda a:hover {
  font: bold 14px 'Lato', sans-serif;
  text-decoration: none;
  color: #444;
  display: block;
  padding: 5px;
}
.titbusqueda {
  border-top: 2px solid #76bd50;
  border-bottom: 1px solid #ffe7c9;
  display: block;
  padding: 9px 0;
  font: bold 22px 'Lato', sans-serif;
  letter-spacing: -1px;
  color: #555;
  margin-bottom: 15px !important;
}
/****************************** HOME USUARIO *************************************/
#homeusu div {
  height: 35px;
}
#homeusu a {
  font: bold 11px 'Lato', sans-serif;
  text-decoration: none;
  color: #069;
}
#homeusu a:hover {
  font: bold 11px 'Lato', sans-serif;
  text-decoration: none;
  color: #ccc;
}
.tithomeusu {
  font: bold 16px 'Lato', sans-serif;
  display: block;
  color: #069;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 15px;
}
#homeusu hr {
  height: 1px;
  color: #ccc;
}
/****************************** PAGINADO *************************************/
p.paginado {
  font: bold 11px 'Lato', sans-serif;
  color: #333;
  text-align: right;
  padding-right: 35px;
}
.paginado a {
  color: #377081;
  text-decoration: none;
}
/****************************** MENSAJES *************************************/
.msj_error {
  font: 500 11px 'Lato', sans-serif;
  border: 1px solid #999;
  color: #f00;
  background: url(../imagenes/ico_alerta.gif) no-repeat #fefff0;
  margin: 10px 0;
  padding: 5px;
  padding-left: 40px;
}
.msj_bien {
  font: 500 11px 'Lato', sans-serif;
  border: 1px solid #999;
  color: #5fa32d;
  background: url(../imagenes/ico_bien.gif) no-repeat 2% #fefff0;
  margin: 10px 0;
  padding: 10px;
  padding-left: 40px;
}
/****************************** BOTONES *************************************/
.bto_up {
  background: #fff;
  border: 0px solid #ccc;
}
.bto_down {
  background: #f6f6f6;
  border: 0px solid #ccc;
}
/****************************** EMPRO *************************************/
#pie_empro {
  font: normal 11px 'Lato', sans-serif;
  color: #377081;
  display: inline;
}
#pie_seo {
  font: normal 9px 'Lato', sans-serif;
  color: #666;
  display: inline;
}
a.volver_atras {
  font: bold 10px 'Lato', sans-serif;
}
/****************************** EMPRO *************************************/
#header {
  background: #fff;
  padding: 0px;
  margin: 0px;
  margin-top: 7px;
}
#banner-superior {
  border: 0px solid #f00;
  margin: 0px;
  padding: 0px;
  background: #fff;
  padding-bottom: 0px;
}
#header1 {
  float: left;
  margin: 0;
  padding: 0;
  margin-left: 5px;
  padding-top: 10px;
  margin-bottom: 20px;
}
#header2 {
  padding-top: 5px;
  text-align: right;
  padding-right: 10px;
}
#bann_home1,
#bann_home2,
#bann_home3,
#bann_listar1,
#bann_listar2 {
  text-align: center;
}
#spot_top_der,
#spot_bot_der {
  text-align: center;
  overflow: hidden;
}
#spot_top_der img,
#spot_bot_der img,
#spot_bot_der object {
  float: left;
  margin: 3px;
  max-width: 150px !important;
}
#spot_top_der br,
#spot_bot_der br {
  display: none;
}
#spot_bot_der {
  text-align: center;
}
#spot_top_izq {
  margin: 10px 0px;
  text-align: center;
}
#ban_top_izq,
#ban_bot_izq,
#ban_top_der,
#ban_bot_der {
  text-align: center;
  margin: 10px 0px;
}
/************************************* CAJA MENU **************************************/
#menu-lateral {
  border: 0px dashed #CCCCCC;
  font: normal 11px 'Lato', sans-serif;
  line-height: 14px;
  padding: 0px;
}
#menu-lateral h5 {
  padding: 2px 10px;
}
#menu-lateral H3 a {
  color: #CC0000;
}
/* menu lateral */
#menu-lateral {
  padding: 0px;
  margin-top: 40px;
}
#menulat {
  margin-top: 0px;
  width: 100%;
}
#nav2,
#nav2 ul {
  left: 150px;
  width: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#nav2 ul {
  position: absolute;
  left: 199px;
  display: none;
  top: 0em;
}
#nav2 a {
  font: bold 11px 'Lato', sans-serif;
  text-decoration: none;
  color: #3b7eb1;
  background: url(../imagenes/bullet-item.gif) no-repeat 2% #f0f0f0;
  margin: 0px;
  display: block;
  padding: 5px 20px;
  border-bottom: 1px dotted #ccc;
}
#nav2 a:hover {
  background: url(../imagenes/bullet-item.gif) no-repeat 2% #999;
  color: #fff;
}
#nav2 li {
  position: relative;
  width: 100%;
}
#nav2 li ul a {
  width: 150px;
  height: auto;
  background: #f5f5f5;
  border-bottom: 1px dotted #ccc;
  padding: 5px;
}
#nav2 li ul a:hover {
  background: #f0f0f0;
}
#nav2 li ul ul {
  margin: 0px;
}
#nav li {
  z-index: 2;
}
#nav2 li {
  z-index: 1;
}
#nav2 li:hover ul ul,
#nav2 li:hover ul ul ul,
#nav2 li:hover ul ul ul ul {
  display: none;
  cursor: pointer;
}
#nav2 li:hover ul,
#nav2 li li:hover ul,
#nav2 li li li:hover ul,
#nav2 li li li li:hover ul {
  display: block;
  cursor: pointer;
}
#nav2 a.menuactivo {
  background: #bbb;
}
#nav2 a.padreactivo {
  background: #069;
}
#fecha {
  display: none;
  width: 900px;
  text-align: right;
  padding: 2px 0;
  padding-right: 5px;
  background: #fff;
  font: normal 10px 'Lato', sans-serif;
}
/************************* CAJAS COLUMNAS LATERALES *****************************/
#left1,
#left2,
#right1,
#right2 {
  margin: 0 auto;
  font: normal 0px 'Lato', sans-serif;
  color: #333;
  border: 0px solid #f90;
}
/************************* CAJAS LEFT *****************************/
#left1 .cajal,
#left2 .cajal {
  background: url(../imagenes/separador.gif) bottom right no-repeat #fff;
  border-bottom: 1px dashed #999;
  margin-top: 0px;
}
#left1 .copete,
#left2 .copete {
  font-size: 12px;
  color: #39aee9;
}
#left1 a,
#left2 a {
  font: bold 12px 'Lato', sans-serif;
  color: #555;
  text-decoration: none;
  line-height: 15px;
}
#left1 a:hover,
#left2 a:hover {
  font: bold 12px 'Lato', sans-serif;
  color: #3880a9;
  text-decoration: none;
  line-height: 15px;
}
#left1 h3,
#left2 h3 {
  font: bold 12px 'Lato', sans-serif;
  color: #555;
  line-height: 15px;
}
#left1 a.le,
#left2 a.le {
  font: normal 10px 'Lato', sans-serif;
  color: #666;
  text-decoration: none;
}
#left1 a.le:hover,
#left2 a.le:hover {
  font: normal 10px 'Lato', sans-serif;
  color: #377081;
  text-decoration: none;
  text-align: right;
}
#left1 .epigrafe,
#left2 .epigrafe {
  font-size: 10px;
  padding-left: 2px;
  margin-top: -1px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}
#left1 p,
#left2 p {
  margin: 0px;
  font: normal 11px 'Lato', sans-serif;
  color: #333;
}
#left1 .vernota,
#left2 .vernota {
  text-align: right;
  background: #fff;
  padding-right: 3px;
  margin-top: 5px;
}
#left1 .imagen,
#left2 .imagen {
  text-align: left;
  padding: 2px;
  background-color: #fff;
  border: 1px solid #ccc;
}
/************************* CAJAS RIGHT *****************************/
#right1 .copete,
#right2 .copete {
  font-size: 10px;
  color: #333;
}
#right1 a {
  font: bold 11px 'Lato', sans-serif;
  color: #0490f1;
  text-decoration: none;
}
#right1 a:hover {
  font: bold 11px 'Lato', sans-serif;
  color: #0490f1;
  text-decoration: none;
}
#right1 h3 {
  font: bold 11px 'Lato', sans-serif;
  color: #0490f1;
  line-height: 15px;
  margin: 7px 0 10px 0;
}
#right1 a.le,
#right2 a.le {
  font: normal 10px 'Lato', sans-serif;
  color: #377081;
  text-decoration: none;
}
#right1 a.le:hover,
#right2 a.le:hover {
  font: normal 10px 'Lato', sans-serif;
  color: #000;
  text-decoration: none;
}
#right1 .epigrafe,
#right2 .epigrafe {
  font-size: 10px;
  padding-left: 2px;
  margin-top: -1px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}
#right1 p,
#right2 p {
  margin: 7px 0px;
  font: normal 10px 'Lato', sans-serif;
  padding-bottom: 5px;
  color: #292929;
}
#right1 .vernota,
#right2 .vernota {
  text-align: right;
  padding-right: 3px;
}
#right1 .imagen,
#right2 .imagen {
  text-align: left;
  padding: 2px;
  background-color: #fff;
  border: 1px solid #ccc;
}
#right2 a {
  font: bold 11px 'Lato', sans-serif;
  color: #b0781c;
  text-decoration: none;
}
#right2 a:hover {
  font: bold 11px 'Lato', sans-serif;
  color: #b0781c;
  text-decoration: none;
}
#right2 h3 {
  font: bold 11px 'Lato', sans-serif;
  color: #b0781c;
  line-height: 15px;
  margin: 7px 0 10px 0;
}
/****************** FORMULARIO JQUERY VALIDACION ********************/
form.cmxform label.error,
label.error {
  color: #f00;
  font: normal 10px 'Lato', sans-serif;
  display: block;
}
form.cmxform input {
  border: 1px solid #000;
}
form.cmxform label.error {
  margin-left: 10px;
}
select {
  border: 1px solid #999;
  font: normal 10px 'Lato', sans-serif;
}
.br {
  clear: both;
}
/************************ GALERIA DE IMAGENES *****************************/
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img {
  border: none;
}
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image {
  padding: 10px;
}
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
  left: 0;
}
#lightbox-nav a {
  outline: none;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  display: block;
}
#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}
#lightbox-nav-btnNext {
  right: 0;
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px 'Lato', sans-serif, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
}
#lightbox-image-details-caption {
  font-weight: bold;
}
#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}
#gallery {
  background: #f6f6f6;
  border: 1px solid #ddd;
  padding: 10px;
  padding-top: 5px;
  border-right: none;
  border-left: none;
  margin-top: 15px;
}
#gallery h4 {
  font: bold 14px 'Lato', sans-serif;
  margin-bottom: 10px;
  background: url(../imagenes/detalle-galeria.png) no-repeat left top;
  padding-top: 10px;
  padding-left: 45px;
}
#gallery ul {
  list-style: none;
}
#gallery ul li {
  display: inline;
}
#gallery ul img {
  border: 5px solid #ddd;
  border-width: 5px 5px 15px;
}
#gallery ul a:hover img {
  border: 5px solid #f0f0f0;
  border-width: 5px 5px 15px;
  color: #fff;
}
#gallery ul a:hover {
  color: #fff;
}
#gallery li p {
  display: none;
}
/******************* REDES SOCIALES *********************/
#redessh {
  height: 30px;
}
#redes #redes_compartir {
  display: block;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #ddd;
}
#redes #redes_megusta {
  height: 30px;
}
#redessh {
  margin: 10px 0;
}
#listar #redessh span.stButton {
  margin: 0px !important;
}
#contentcolumn.col-portfolio {
  width: 990px;
}
#columna-grande.col-portfolio {
  border: 0px solid #f00;
  width: 770px;
}
#listar .cajaport {
  width: 210px;
  float: left;
  margin-right: 10px;
  padding: 0px;
  padding-left: 10px;
  background: url(../imagenes/webdizajn-bg.jpg) no-repeat center top;
  padding-top: 17px;
  height: 200px;
}
#listar .cajaport h2 {
  font: bold 12px 'Lato', sans-serif;
  color: #666;
  border: none;
  padding: 0px;
}
#listar .cajaport a.titnotlink {
  color: #fff !important;
}
#listar .cajaport .tituloportfolio {
  font: bold 11px 'Lato', sans-serif;
  position: absolute;
  margin-left: 0px;
  width: 200px;
  border-top: 1px solid #fff;
  margin-top: 0px;
  background: #666;
  color: #fff;
  padding: 3px 0;
  text-align: center;
}
#listar .cajaport .tituloportfolio a {
  color: #fff;
  text-decoration: none;
}
#listar .cajaport .tituloportfolio a:hover {
  color: #ddd;
}
/********** COLOR BOX LIGHTBOX *************/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../imagenes/overlay.png) repeat 0 0;
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../imagenes/controls.png) no-repeat -100px 0;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../imagenes/controls.png) no-repeat -129px 0;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../imagenes/controls.png) no-repeat -100px -29px;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../imagenes/controls.png) no-repeat -129px -29px;
}
#cboxMiddleLeft {
  width: 21px;
  background: url(../imagenes/controls.png) left top repeat-y;
}
#cboxMiddleRight {
  width: 21px;
  background: url(../imagenes/controls.png) right top repeat-y;
}
#cboxTopCenter {
  height: 21px;
  background: url(../imagenes/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
  height: 21px;
  background: url(../imagenes/border.png) 0 -29px repeat-x;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 28px;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../imagenes/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious.hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../imagenes/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext.hover {
  background-position: -50px -25px;
}
#cboxLoadingOverlay {
  background: url(../imagenes/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
  background: url(../imagenes/loading.gif) no-repeat center center;
}
#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../imagenes/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxClose.hover {
  background-position: -25px -25px;
}
/********** SCROLL IZQUIERDO Y DERECHO *************/
.scroll_izq {
  width: 180px;
}
.scroll_der {
  width: 180px;
}
.scroll_izq ul {
  text-align: center;
  padding: 0;
  list-style: none;
  margin: 0 auto;
}
.scroll_der ul {
  text-align: center;
  padding: 0;
  list-style: none;
  margin: 0 auto;
}
.scroll_izq li,
.scroll_der li {
  margin: 0 5px;
  text-align: center;
  padding: 0;
  margin-bottom: 0px;
}
/********** SCROLL SUPERIOR E INFERIOR **************/
.scroll_sup,
.scroll_inf {
  background: #fff;
  width: 970px;
  border: 0px solid #f00;
  margin: 0 auto;
  padding: 0 10px;
}
.scroll_sup ul,
.scroll_inf ul {
  text-align: center;
  padding: 0;
  list-style: none;
  margin: 0 auto;
}
.scroll_sup li,
.scroll_inf li {
  margin: 0 5px;
  text-align: center;
  padding: 0;
  display: block;
  margin-bottom: 0px;
  float: left;
}
.clearfix {
  float: none;
  clear: both;
}
/********** SLIDERR **************/
/* MODAL */
/* base semi-transparente */
.overlay {
  position: fixed;
  background: #333;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: .75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=60);
}
/* estilo para lo q este dentro de la ventana modal */
.modal {
  position: fixed;
  width: 100%;
  text-align: center;
  margin-top: 100px;
  font: bold 11px 'Lato', sans-serif;
  color: #333;
  z-index: 110;
  overflow: auto;
  border: 0px solid #999;
}
.modal embed {
  background: #fff;
  padding: 4px;
  -moz-box-shadow: 3px 3px 3px 3px #333;
  -webkit-box-shadow: 3px 3px 3px 3px #333;
  box-shadow: 1px 1px 3px 3px #333;
}
.modal img {
  border: 4px solid #fff;
  -moz-box-shadow: 3px 3px 3px 3px #333;
  -webkit-box-shadow: 3px 3px 3px 3px #333;
  box-shadow: 1px 1px 3px 3px #333;
}
#modalBack {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #CCC;
  filter: alpha(opacity=60);
  opacity: 0.6;
  z-index: 130;
}
.modalcerrar a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
/************************* RECOMENDAR *************************/
body#recom div#main {
  width: 335px;
  border: 0px solid #f00;
  padding: 10px;
  font: normal 12px 'Lato', sans-serif;
}
body#recom h1 {
  font: bold 18px 'Lato', sans-serif;
  padding-bottom: 8px;
  color: #02437b;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
body#recom input,
body#recom textarea {
  font: normal 11px 'Lato', sans-serif;
  width: 95%;
  padding: 5px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
body#recom input[type=submit] {
  background: #ffb74c;
  font: bold 13px 'Lato', sans-serif;
  color: #fff;
  border: none;
  cursor: pointer;
}
/************************* CONSULTA MULTIPLE *******************/
td#nombres span {
  font: normal 11px 'Lato', sans-serif;
  padding: 0 10px;
  display: block;
  float: left;
}
td#nombres span img {
  position: relative;
  top: 4px;
  margin-right: 3px;
}
/*-------------> BAROUSEL */
div#barousel_itemnav {
  width: 640px;
  height: 359px;
  border: 0px solid #f00;
}
.barousel {
  position: relative;
  margin-bottom: 0px;
  width: 640px;
  height: 359px;
  border-top: 0px solid #000;
}
.barousel_image {
  position: absolute;
  z-index: 10;
  width: 640px;
  height: 359px;
}
.barousel_image img {
  position: absolute;
  display: none;
}
.barousel_image img.default {
  display: block;
}
.barousel_image img.current {
  z-index: 10;
}
.barousel_image img.previous {
  z-index: 5;
}
body#home2 div.barousel_content {
  position: absolute;
  padding: 15px 18px 0 18px;
  z-index: 50 !important;
  background: transparent url(../imagenes/bg_barousel_content.png) repeat 0 0 !important;
  color: #fff;
  width: 247px;
  bottom: 36px;
  left: 10px;
  overflow: hidden;
}
.barousel_content div {
  display: none;
}
body#home2 div.barousel_content div.default {
  display: block;
  background: none;
}
body#home2 div.barousel_content div.default p {
  font-size: 14px !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: normal;
  line-height: 17px;
  color: #fff;
}
body#home2 div.barousel_content div.default p.header a {
  font: normal 20px 'Lato', sans-serif;
  line-height: 24px;
  color: #fc0;
}
body#home2 div.barousel_content a,
.barousel_content a:hover {
  color: #ffffff;
  background-color: transparent !important;
}
.barousel_nav {
  position: absolute;
  padding: 3px 3px 0px 0;
  height: 23px;
  background: #000 !important;
  bottom: 0;
  z-index: 20;
  width: 99%;
}
.barousel_nav .counter {
  float: right;
  font-size: 0.75em;
  color: #fff;
  background: #000 !important;
  margin: 3px 5px 0 0;
}
.barousel_nav ul {
  float: right;
  padding: 0;
  margin: 0;
}
.barousel_nav li {
  float: left;
  padding-left: 3px;
  font-size: 0;
  line-height: 0;
  list-style: none;
}
.barousel_nav li a {
  display: block;
  width: 25px;
  height: 20px;
  background-color: #4d4d4d;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
}
.barousel_nav li a:hover {
  background-color: #6e6e6e;
}
.barousel_nav li a.current {
  background-color: #fff55b;
}
body#home2 div.barousel_nav li.prev a {
  background-image: url(../imagenes/barousel_link_previous.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
body#home2 div.barousel_nav li.next a {
  background-image: url(../imagenes/barousel_link_next.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
body#home2 div.barousel img.ajax_loader {
  display: none;
  position: absolute;
  z-index: 99;
  top: 70px;
  left: 135px;
}
p.pie {
  display: none;
}
#form_detalle {
  -webkit-border-radius: 5px;
  border-radius: 10px;
  background: #ddd;
  border: 1px solid #ccc;
  padding: 10px;
  padding-top: 0px;
  border-right: none;
  border-left: none;
}
#form_detalle h6 {
  font: bold 24px 'Josefin Sans', sans-serif;
  margin-bottom: 10px;
  background: none;
  padding: 0px;
  PADDING-TOP: 10px;
}
#form_detalle .der {
  width: 24%;
  float: right;
}
#form_detalle .izq {
  width: 24%;
  float: left;
}
#form_detalle input[type=text],
#form_detalle textarea {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  text-decoration: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
  -moz-box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
  box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
}
#form_detalle input[type=submit] {
  background: #666;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  font: bold 12px calibri;
  text-transform: uppercase;
  cursor: pointer;
}
.cajam.masart div.desdoc div,
.cajam.masart div.desdoc p {
  font: normal 13px 'Lato', sans-serif;
  line-height: 22px;
}