body, input, textarea {font: 9pt verdana; margin: 0; color: #143a43;}

/* Links */
a {color: #143a43;}
a hover {text-decoration: none;}
a img {border: none;}

/* Blocks */
h1 {font-size: 11pt; font-weight: bold; margin: 0px; margin-top: 14px; margin-bottom: 4px;}
h2 {font-size: 10pt; font-weight: bold; margin: 0px; margin-top: 4px;}
p {line-height: 1.6; margin: 0px; padding: 3px;}
p.fondo-blanco {background: #ffffff;}

/* Tables */
table {margin: 10px;}
th {border-bottom: 1px solid #000;}
th, td {padding: 5px;}
tr {background: #71a8c3; opacity: .8;}
tr.altrow {background: #eee;}

/* Classes */
.hide-text {overflow: hidden; text-indent: -9999px;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}
.align-center {margin-left: auto; margin-right: auto;}
br.cleaner {clear: both;}

img.float-left,
img.float-right {margin: 10px;}

.bold{font-weight:bold;}

.error-message {color: #f00; font-size: 10px;}
.errors {background: #fee; padding: 10px; width: 560px; float: left; margin: 10px 0;}

/* Messages */
#flashMessage {margin: 10px 0 0 0;}
.message {border: 2px solid #eec; background: #ffc; padding: 10px; font-weight: bold; position: relative;}
.message div.close {position: absolute; top: 0; right: 0;}

/* Layout */
#main {width: 900px; margin: 0 auto; position: relative;}
#header {width: 898px; height: 165px; background: url(../img/header.jpg) bottom;}
#contenido {margin-top: 4px;}

/* Footer */
#footer {color: #fff; margin-top: 3px; height: 25px; background: url(../img/footer.jpg); padding: 15px; margin-bottom: 3px; position: relative; font-size: 11px;}
#footer a {color: #fff; font-size: 11px;}
#footer-links {position: absolute; right: 25px; bottom: 10px;}
.lock {float: left; margin-top: 2px;}
#form-login {display: block; border: 0px solid; float: left; width: 390px; padding: 0px; margin: 0px; font-size: 7pt;}
#form-login input {float: left; color: #8db1c5; border: 1px solid #337295; background: #266284; padding: 3px; height: 10px; margin: 2px; width: 70px; font-size: 7pt;}
#form-login .boton {background: url(../img/boton.gif); color: #8db1c5; padding: 3px; height: 19px; width: 70px; border: none; font-size: 7pt;}
#form-login label {width: 59px; float: left; display: block; text-align: right; padding-top: 5px; padding-left: 5px; color: #8db1c5;}

/* Menu */
#menu {margin-top: 4px; border: 0px solid; width: 900px; height: 28px; overflow: hidden; background: url(../img/menu.png) no-repeat;}
#menu a {display: block; float: left; width: 180px; height: 28px; line-height: 28px; color: #fff; text-decoration: none; text-align: center; font-family: arial; font-weight: bold; font-size: 16px; text-indent: -9999px; overflow: hidden;}
#menu a hover {background-image: url(../img/menu.png); background-repeat: no-repeat;}
.eng #menu {background: url(../img/menu-en.png) no-repeat;}
.eng #menu a hover {background-image: url(../img/menu-en.png);}
#option-inicio hover {background-position: 0 -28px;}
#option-productos hover {background-position: -180px -28px;}
#option-quienes-somos hover {background-position: -360px -28px;}
#option-zonas-de-cobertura hover {background-position: -540px -28px;}
#option-contacto hover {background-position: -720px -28px;}

/* Lang switcher */
#lang-switch {position: absolute; top: 10px; left: 0;}
#lang-switch a {padding-left: 20px; margin-right: 10px; text-decoration: none; background-repeat: no-repeat; background-position: 0 3px;}
#lang-switch a hover {color: #b4e7ff;}
#lang-switch a.current {font-weight: bold;}
#lang-switch a.spa {background-image: url(../img/lang/spa.png);}
#lang-switch a.eng {background-image: url(../img/lang/eng.png);}



/* Splash */
#splash-ingles {border: 0px solid; display: block; width: 187px; height: 52px; float: left; margin-top: 115px;}
#splash-ingles hover {background: url(../img/splash-ingles.gif);}
#splash-espaniol {border: 0px solid; display: block; width: 187px; height: 52px; margin-top: 115px; float: right;}
#splash-espaniol hover {background: url(../img/splash-espaniol.gif);}



/* DIVS */
div.recuadro {background: url(../img/franja-colores.gif) bottom repeat-x; padding-bottom: 13px; margin-bottom: 6px;}
div.panel {color: #fff; background: #58afca; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; overflow: auto; _zoom: 1;}
div.columna {display: block; float: left; border: 0px solid;}
div.ancho40 {width: 313px; margin: 5px;}
div.ancho50 {width: 423px; margin: 0px;}
div.ancho60 {width: 515px; margin: 5px;}

/* Elementos */
img.slider-principal {border: 8px solid #337293; border-bottom: 12px solid #337293;}
a.enlace-principal {text-decoration: none; color: #fff; font-size: 11pt; display: block; border-bottom: 1px solid #777; padding: 7px; padding-left: 15px; background: url(../img/li-blanco.jpg) no-repeat left;}
a.enlace-principal hover {color: #b4e7ff;}


/* Producto */
h2.titulo-producto {display: block; padding: 3px; color: #ffffff; text-transform: uppercase; cursor: pointer;}
div.panel-productos {border: 1px solid #f3f3f3; padding: 4px; display: none;}
div.panel-productos a {text-decoration: none; color: #000000; display: block; text-transform: uppercase;}
div.panel-productos a hover {color: #307ea8;}
div.detalle-producto #info-principal {float: left; width: 300px; border: 0px solid; padding: 5px; padding-top: 30px;}
div.detalle-producto img {border: 1px solid #307ea8; margin: 5px; float: left; margin-bottom: 20px;}
div.detalle-producto h1 {color: #307ea8; text-align: left; font-size: 16pt;}
div.detalle-producto h2 {color: #307ea8;}
div.detalle-producto #info-ampliada {background: url(../img/degrade.jpg) repeat-x bottom; padding: 15px;}
#download-print-container {border-top: 1px dotted; margin-top: 10px;}
a.descargar {display: block; float: left; width: 130px; height: 25px; padding-left: 29px; padding-top: 6px; background: url(../img/icon-descargar.gif) no-repeat left; margin-left: -6px;}
a.imprimir {display: block; float: left; width: 70px; height: 25px; padding-left: 36px; padding-top: 6px; background: url(../img/icon-imprimir.gif) no-repeat left; border: 0px solid;}

.mime-icon {margin: 10px 0 10px 20px; line-height: 20px;}
.mime-icon a {color: #666;}
.mime-icon a hover {text-decoration: none;}
div.mime-icon img {float: none; margin: 0 5px 0 0; position: relative; top: 3px;}


/* Formulario contacto */
#info-contacto {font-size: 8pt; margin-top: 30px; background: url(../img/degrade.jpg) bottom repeat-x; padding: 15px; float: left; display: block; width: 240px;}
#formulario-contacto {display: block; float: left; border: 0px solid; width: 615px; margin: 0px; margin-top: 14px; margin-bottom: 30px;}
#formulario-contacto label {display: block; float: left; width: 130px; padding: 3px; color: #568cb2; background: #ddebf5; margin: 2px; height: 16px; text-align: right; margin-left: 10px;}
#formulario-contacto .required label {font-weight: bold;}
#formulario-contacto input {float: left; color: #568cb2; border: 1px solid #568cb2; padding: 3px; height: 14px; margin: 2px; width: 130px;}
#formulario-contacto .textarea label {height: 50px;}
#formulario-contacto textarea {float: left; color: #568cb2; border: 1px solid #568cb2; padding: 3px; height: 48px; margin: 2px; width: 420px;}
#formulario-contacto .boton {background: url(../img/boton.gif); color: #ffffff; padding: 3px; height: 26px; width: 60px; margin-left: 150px;}



/* Grandes/Pequeños animales */
h1.pequenios-animales, h1.grandes-animales {width: 892px; height: 50px; display: block; margin-bottom: 20px; text-align: right; padding-top: 4px;}
h1.grandes-animales {background: url(../img/h1-grandes-animales.gif);}
h1.pequenios-animales {background: url(../img/h1-pequenios-animales.gif);}
#pequeniosAnimales,
#grandesAnimales {font: 21pt arial; color: #a38338; font-weight: normal; text-align: center; margin-top: 220px;}
a.grandes-animales {float: right; display: block; width: 449px; height: 200px; background: url(../img/animales/es/grandes-animales-on.png);}
a.pequenios-animales {float: left; display: block; width: 449px; height: 200px; background: url(../img/animales/es/pequenios-animales-on.png);}
.eng a.grandes-animales {background: url(../img/animales/en/grandes-animales-on.png);}
.eng a.pequenios-animales {background: url(../img/animales/en/pequenios-animales-on.png);}


/* Listado productos */
.productos-container {border-top: 1px solid #ffffff; min-height: 420px; _height: 420px;}
.productos-container.pequenios {background: url(../img/animales/es/fondo-pequenios-animales.png) right top no-repeat;}
.productos-container.grandes {background: url(../img/animales/es/fondo-grandes-animales.png) right top no-repeat;}
.eng .productos-container.pequenios {background: url(../img/animales/en/fondo-pequenios-animales.png) right top no-repeat;}
.eng .productos-container.grandes {background: url(../img/animales/en/fondo-grandes-animales.png) right top no-repeat;}
.imprimir-vademecum {display: block; background: url(../img/imprimir-vademecum.gif) no-repeat; padding-left: 35px; height: 35px; line-height: 25px; position: relative; top: -35px;}
.imprimir-vademecum.pequenios {left: 60px;}
.imprimir-vademecum.grandes {left: 660px;}


/* Aviso legal */
.legal h1 {text-align: center;}
.legal h2 {margin: 2em 0 .5em 0;}
.legal p {margin-bottom: 1em;}


/* Quienes somos */
.titulo {font-size: 22px; font-weight: 500;}
.title-separator {background : url(../img/franja-colores-fina.gif) bottom left repeat-x; font-size: 5px;}
.imagen-fondo {background: url(../img/espiral-clara.jpg) bottom right no-repeat;}


/* Galeria de videos */
.galeria {margin: 0 0 0 20px;}
#playlist {width: 200px; float: left; margin: 10px 0 0 0; max-height: 300px; overflow: auto; border: 2px solid #245D7B; border-bottom: 1px solid #245D7B;}
#playlist a {border-bottom: 1px solid #245d7b; display: block; padding: 10px 5px; font-weight: bold; text-decoration: none; outline: none; background: #62ABD2 url(../img/playlist.png) left bottom; color: #fff;}
#playlist a hover,
#playlist a.paused,
#playlist a.playing {background: #b4e7ff url(../img/playlist.png) -60px 0;}
#playlist a div {font-weight: normal; display: none;}
#gallery-player {width: 400px; height: 300px; float: left; margin-top: 10px; margin-bottom:5px; margin-left:20px; margin-right:20px;}
#video-title {clear:both; margin-left: 220px;font-weight:bold; padding: 5px;}
#video-text {clear: both; margin: 5px 50px 5px 220px; padding: 5px;}


/** bordes redondeados */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1,.xb1-right, .xb2 , .xb2-right, .xb3, .xb3-right, .xb4, .xb4-right {display:block; overflow:hidden;}
.xb1,.xb1-right, .xb2, .xb2-right, .xb3, .xb3-right {height:1px;}

.xb2, .xb3, .xb4 {background:#F5F5F5; border-left:1px solid #DBDBDB; border-right:1px solid #DBDBDB;}
.xb2-right, .xb3-right, .xb4-right {background:#F5F5F5; border-right:1px solid #DBDBDB;}

.xb1 {margin:0 5px; background:#DBDBDB;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xb1-right {margin:0 5px 0 0; background:#F5F5F5;}
.xb2-right {margin:0 3px 0 0; border-width:0 2px;}
.xb3-right {margin:0 2px 0 0;}
.xb4-right {height:2px; margin:0 1px 0 0;}

.xboxcontent {display:block; background:#F5F5F5; border:0 solid #DBDBDB; border-width:0 1px;}
.xboxcontent.celeste{background-color:#D3EAF1;}

/**Zonas cobertura*/
.zona-colums{width:100%;text-align:center;overflow:hidden;clear:both;padding-bottom:10px;}
.zona-colums .first{width: 400px;float:left;}
.zona-colums .second{width: 470px ; float:right;text-align:left;padding-top:0px;}
.distribuidores h1{font-size:12pt;color:black;margin:4px 0 20px;}
.distribuidores .lista{width:470px;overflow:auto;margin:0 auto; position:relative;}
.distribuidores .lista .xboxcontent{padding: 5px;min-height:125px; _height: 125px;}
.distribuidores .mas{background:url(../img/fondo-link-produtos.jpg) no-repeat; width: 470px;height:78px;position:relative;}
.distribuidores .mas a{position:absolute;left:98px;top:32px;font-weight:bold;text-decoration:none;}
.distribuidor{position:relative;padding-right:137px;font-size:8pt;}
.distribuidor .imagen{position:absolute;top: 0px; right:0px;width:135px;height:110px;overflow:hidden;}

/** Galeria de Imagenes */
.galerias-colums{width:100%;text-align:center;overflow:hidden;clear:both;padding-bottom:10px;}
.galerias-colums .first{float:none;}
.galerias-colums .second{float:none;}
.listagalerias{text-align:left; overflow:visible;margin:0 auto; position:relative;margin-top:10px;font-size:10pt;}
.botonera {background-color:#D3EAF1;}
.anterior{float:left;background-color:#D3EAF1;}
.siguiente{float:right;background-color:#D3EAF1;}
.texto{float:center;background-color:#D3EAF1;text-align:center;line-height:48px;}

/** Info Zoovet */
.infozoovet-colums{width:100%;text-align:left;overflow:hidden;padding-bottom:10px;}
.infozoovet-colums .first{width: 280px;float:left;}
.infozoovet-colums .second{width: 600px ; float:right;text-align:left;padding-top:0px;}
.infozoovet-colums .second .titulo{font-size:13pt;padding-bottom:12px;}
.infozoovet-colums .second .item{padding-bottom:8px;line-height:18px;}
.infozoovet-colums .second .descarga{text-align:center;float:left;}
.infozoovet-colums .second .descripcion{float:left;width:440px;}
.infozoovet-colums .second .tapa{float:right;}

/*NUEVAS GALERIAS*/
.listagalerias .album{background-image:url('../img/fondo_thumbnail.png');background-repeat: no-repeat;float:left;width: 189px;height: 186px;margin-left:20px;margin-top:10px;}
.album .int{padding-left:8px;padding-top:8px;}
.listagalerias .album2{float:left;width: 173px;height: 186px;margin-left:5px;margin-top:5px;}