@import url("../global/reset.css");
@import url("../global/clearfix.css");

body {
	font: 90% Arial;
	background: url(../../img/web/web_bg.jpg) repeat 0 0;
}
/*
	LAYOUT
________________________________________________ */
#container {
	width: 937px;
	display: block;
	margin: 0 auto;
	position: relative;
}
#vegeta {
  width: 937px;
	height: 330px;
	background: url(../../img/web/web_vegeta.png) no-repeat 0 0;
	position: absolute;
	display: block;
	z-index: 1;
}
#header {
  width: auto;
	height: 248px;
	position: relative;
	background: url(../../img/web/web_header.png) no-repeat 0 0;	
}
#cont {
  width: auto;
/*  height: auto;*/
  min-height: 580px;
  background: url(../../img/web/web_cont.png) repeat-y 0 0;
	padding: 0 68px;
  position: relative;
}
#footer {
	width: 937px;
	height: 50px;
	padding: 10px 0 0 0;
	background: url(../../img/web/web_footer.png) no-repeat 0 0;
}
/*
	HEADER
________________________________________________ */
/*
	H1
______________________ */
h1 a {
	width: 300px;
	height: 97px;
	display: block;
	position: absolute;
	top: 50px;
	left: 320px;
	text-indent: -999em;
	z-index: 2;
}
/*
	Menu
______________________ */
#menu {
	width: 655px;
  height: 30px;
  position: absolute;
  top: 220px;
/*  left: 184px;*/
  left: 155px;
  z-index: 3;
/*  background: #ccc*/
}
#menu  li, .submenuclub li {
	font-size: 75%;
	color: #fff;
	float: left;
	text-transform: uppercase;
	padding: 8px 0;
	font-weight: bold;
}
#menu  li a, .submenuclub li a {
	text-decoration: none;
	height: 10px;
	padding: 6px;
	color: #006633;	
}
#menu  li a:hover, #menu  li a.activo, .submenuclub li a:hover, .submenuclub li a.activo  {
	color: #000;
}
#menu  li:before, , .submenuclub li:before, {
  content: "· ";
	color: #006633;
}
#menu  li:first-child:before, .submenuclub  li:first-child:before {
	content: "";
}
/*
	footer
________________________________________________ */
#footer p {
	color: #fff;
	text-align: center;
/*  font-weight: bold;*/
	font-size: 90%;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	text-decoration: none;
}

/*
	CONT
________________________________________________ */
p {
  color: #A79A8D;
  margin: 0 0 10px 0;
  line-height: 1.3em;
  text-align: justify;
}


@font-face {
  font-family: "CooperBlackStd";
  src: url(../font/CooperBlackStd-Italic.otf) format("truetype");
}

h2, .nav { font-family: "CooperBlackStd" }

/*
********************  home
*/
#pag {
  padding: 50px 50px 0 80px;
}

#pag .txt {
  float: left;
  width: 300px;
  margin: 0 0 40px 30px;
}
a.catalogo_link {
	background: url(../../img/web/catalogo_link.jpg) no-repeat 0 0;	
  width: 276px;
  height: 97px;
  display: block;
  text-indent: -999em;
  margin: 35px 40px 30px 0;
  float: right;
}
#flash0 {
  width: 298px;
  height: 172px;
  position: absolute;
  top: 190px;
  right: 155px;
}
#flash1 {
  width: 638px;
  height: 170px;
  position: absolute;
  bottom: 0;
}
.htienda {
  position: absolute;
  left: 95px;
  top: 80px;
}

/*
********************  tienda
*/

#tienda {
  padding: 100px 50px 0 80px;
}
.maps {
  width: auto;
  height: 120px;
  margin: 0 40px 20px 0;
}
#tienda .txt {
  float: left;
  width: 310px;
/*  margin: 0 0 40px 0;*/
}


/*
******************  servicios
*/

#servicios {
  padding: 100px 0 0 50px;
}
#servicios .txt  {
  width: 300px;
  position: absolute;
}




#servicios_tabs {
  background: #ccc;
}


@media projection, screen { 
    .tabs-hide {
        display: none;
    }
}

@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    float: left;
    margin: 100px 0 0 0;
}
.tabs-nav li {
    width: 214px;
    height: 45px;
    margin: 10px 0;
}

.tabs-nav .tab0 {
  background: url(../../img/web/servicios_0.jpg) no-repeat 0 0;	
}
.tabs-nav .tab1 {
  background: url(../../img/web/servicios_1.jpg) no-repeat 0 0;	
}
.tabs-nav .tab2 {
  background: url(../../img/web/servicios_2.jpg) no-repeat 0 0;	
}
.tabs-nav .tab3 {
  background: url(../../img/web/servicios_3.jpg) no-repeat 0 0;	
}


.tabs-nav a {
  display: block; 
  text-indent: -999em;
  height: 45px;
}
.tabs-nav .tabs-selected a {
    width: 261px;
}
.tabs-nav a:hover {
    width: 261px;
    filter:alpha(opacity=75);
  	-moz-opacity: 0.75;
  	opacity: 0.75;
}

.tabs-container {
    background: #6DB43E;
    width: 401px;
    height: 504px;
    float: right;
}
#servicios_tabs div {
  padding-top: 80px;
}
#servicios_tabs p {
  color: #fff;
  width: 300px;
  margin-left: 50px;
}
/*#servicios_tabs p:first-child {
  margin-top: 80px;
}*/

/********/

/*
******************  contacto
*/

#contacto {
  width: 745px;
  height: 370px;
  background: #E5F1DB;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  position: absolute;
  top: 90px;
  left: 100px;
}
#contacto h2 {
  background: url(../../img/web/h2_contacto.jpg) no-repeat 0 0;
  width: 291px;
  height: 37px;
  text-indent: -999em;
  margin: 40px 0 15px 40px;
}
#contacto form {
  margin: 10px 0 20px 60px;
}
#contacto .input {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #C7E2B4;
  padding: 5px;
  margin: 5px;
  width: 339px;
}
#contacto .textarea {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #C7E2B4;
  padding: 5px;
}
#contacto label {
  display: none;
/*  position: absolute;*/
}
#contacto input, #contacto textarea {
  width: 338px;
  border: none;
  background: none;
  color: #0E7145;
  font-size: 90%;
}
#contacto textarea {
  width: 330px;
  height: 120px;
  padding: 5px;
}
#contacto .submit {
  position: relative;
}
#contacto .submit input {
  background: url(../../img/web/c_enviar.jpg) no-repeat 0 0;
  border: none;
  text-indent: -999em;
  width: 85px;
  height: 18px;
  margin: 0 0 0 260px;
  cursor: pointer;
  clear: both;
  position: absolute;
}
.error-message {
  color: #BF2317;
  font-size: 80%;
}
#datos {
  position: absolute;
  bottom: 50px;
  right: 100px;
}
#datos p {
  text-align: center;
  color: #817254;
  font-weight: bold;
}

/**/
input.focusField{
}
input.idleField{
}

/*interes */

#interes  {
 padding: 40px 0 40px 30px;
 height: auto;
 position: relative;
}
#interes h2 {
  background: url(../../img/web/h2_interes.jpg) no-repeat 0 0;
  width: 295px;
  height: 50px;
  text-indent: -999em;
  margin: 0 0 0 50px;
}
#interes div.interesCont {
  width: 745px;
  min-height: 300px;
  background: #E4F1DB;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  
/*  position: absolute;
  top: 90px;
  left: 100px;*/
  
  margin: 20px 0 0 0;
  padding: 20px 0;
}
#interes li div.iecor {
  width: 638px;
  min-height: 17px;
  background: #C7E2B4;
  margin: 10px auto;
  padding: 5px 3px 1px 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
#interes div li p {
  color: #347C2B;
}
#interes a {
  color: #077647;
}

/*
  magazine
*/

#magazine, #criadero  {
  padding: 40px 40px 0 40px;
}
#magazine div {
  width: 360px;
/*  background: #ccc;*/
/*  padding: 0 20px;*/
}

#magazine .right a {
  color: #8CC63E;
}
#magazine .right a:hover {
  color: #347C2B;
  text-decoration: none;
}
#magazine .imagen, #tienda .imagen , #criadero .imagen {
  width: 334px;
  height: 258px;
/*  background: #C7E2B4;*/
/*  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;*/
  position: relative;
  background:  url(../../img/web/new_bg.jpg) no-repeat 0 0!important;
  z-index: 20;
}
#magazine .imagen a, #tienda .imagen a , #criadero .imagen a {
  background:  url(../../img/web/new_bg.jpg) no-repeat 0 0!important;
}

#magazine .imagen a, #tienda .imagen a, #criadero .imagen a {
  width: 334px;
  height: 258px;
	top: 0;
	left: 0; 
	cursor: pointer;
}
#magazine .imagen span, #tienda .imagen span, #criadero .imagen span {
  width: 260px;
  height: 200px;
  overflow: hidden;
	top: 28px;
	left: 38px; 
	display: block;
}
#magazine .imgBig {
  display: none;
}
#magazine h3 {
  text-transform: uppercase;
  color: #8CC63E;
  margin: 0 0 20px 0;
  font-weight: bold;
}
#lista  {
  width: auto;
  height: 445px;
  background: url(../../img/web/tabCont.png) no-repeat left bottom;
  margin: 20px 0 20px 20px;
}
#lista h2.old {
  width: 148px;
  height: 50px;
  font-size: 125%;
  color: #077948;
  float: left;  
}
#lista h2.old a {
  color: #8CC63E;
  display: block;
  width: 148px;
  padding: 10px 0 0 20px;
}
#lista h2.old a:hover {
  color: #077948;
}

#lista #cats {
  width: 296px;
  height: 50px;
}
#lista div.tabL {
  background: url(../../img/web/tabL.png) no-repeat 0 0;
}

#lista div.tabR {
  background: url(../../img/web/tabR.png) no-repeat 0 0;
}
#lista div.tabL a.activo, #lista div.tabR a.activo {
  color: #077948;
}

h2.now {
  width: 280px;
  height: 32px;
  font-size: 235%;
  padding: 2px 0 0 0;
  margin: 0 0 20px 0;
  color: #077948;
}
#listado {
  margin: 0 20px 0 20px;
}
#listado li {
/*  display: block;*/
}
#listado  a {
  text-transform: uppercase;
  color: #8CC63E;
  text-decoration: none;
  display: block;
  margin: 10px 0;
  font-weight: bold;
  font-size: 90%;
  width: 250px;
}
#listado  a:hover, #listado  a.activo {
  color: #347C2B;
}

.paging {
	width: 190px!important;
  height: 20px;
	clear: both;
	margin: 20px auto;
}
.paging li {
	float: left;
	margin: 0 5px;
	font-weight: bold;
}
.paging a {
	color: #8CC63E;
}
.paging a:hover {
  color: #347C2B;
}
.paging .prev, .paging .next, .paging .disabled_prev, .paging .disabled_next {
  width: 20px;
  height: 12px;
  display: block;
  position: relative;
  color: #8CC63E;
}
.paging .disabled {
  background: #ccc;
  color: #999;
}
.paging .prev {
}
.paging div.disabled_prev {
  width: 20px!important;
}
.paging .next {
}
.paging .disabled_next {
    width: 20px!important;
}
.paging .current {
  color: #347C2B;
}

#magazine .thumbs, #tienda .thumbs, #criadero .thumbs {
  position: absolute;
  left: 35px;
  bottom: 5px;
  width: 260px;
  height: 20px;
  overflow: hidden;
}
#magazine .thumbs a, #tienda .thumbs a, #criadero .thumbs a {
  width: 9px!important;
  height: 9px!important;
  display: block;
  text-indent: -999em;
  background: #267746;
  float: left;
  margin: 0 3px;
}
#magazine .thumbs p , #tienda .thumbs p, #criadero .thumbs p {
  color: #267746;
}
/*
******************  catalogo
*/

#catalogo {
/*  background: #B2BB1C;*/
  width: 729px;
  height: 495px;
  position: absolute;
  top: 85px;
  left: 104px;
  background: #B2BB1C url(../../img/web/cat_bg_animales.jpg) no-repeat  220px 5px;	
}
.catalogoOver {
  background: #B2BB1C url(../../img/web/cat_bg_animales_over.jpg) no-repeat  220px 5px!important;	
}
#catalogo h2 {
  background: url(../../img/web/h2_cat.jpg) no-repeat 0 0;	
  width: 276px;
  height: 97px;
  display: block;
  text-indent: -999em;
  margin: 50px 0 30px 70px;
}
#catalogo .menu  {
}
/*#catalogo .menu li {
  width: 276px;
  height: 39px;
  background: #C1C949;
  -moz-border-radius: 8px;
  -webkit-border-radius: 10px;
  margin: 5px 0 5px 0;
}*/
#catalogo .menu li, #catalogo .submenu li {
  width: 276px;
  height: 39px;
  background: #C1C949;
  -moz-border-radius: 8px;
  -webkit-border-radius: 10px;
  margin: 5px 0 5px 70px;
}
#catalogo .menu a, #catalogo .submenu a {
  color: #fff;
  font-size: 110%;
  text-decoration: none;
  width: 246px;
  height: 19px;
  display: block;
  padding: 10px 10px 10px 20px;
  
  background: #C1C949;
  -moz-border-radius: 8px;
  -webkit-border-radius: 10px;
}
#catalogo .menu a:hover, #catalogo .menu a.activo,  #catalogo .submenu a {
  background: #347C2B;
}
#catalogo .submenu a:hover {
  color: #C1C949;
}


#catalogo .submenu  {
 position: absolute;
 top: 172px;
 left: 300px;
}
.cerrar {
  background: url(../../img/web/cerrar.png) no-repeat 0 0;	
  width: 18px;
  height: 14px;
  text-indent: -999em;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}

#especies_ {
  width: 729px;
  height: 495px;
  position: absolute;
  top: 245px;
  left: 50%;
  margin-left: -365px;
  z-index: 101;
}
#especies {
  background: #B2BB1C;
  width: 729px;
  height: 495px;
  position: absolute;
  top: 85px;
  left: 50%;
  margin-left: -365px;
}
/*modal*/
 .overlay{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     z-index:10;
     opacity:.75;
     -moz-opacity: 0.75;
     filter: alpha(opacity=75);
}
#especies .cont {
  background: #47AA42;
  width: 700px;
  height: 480px;
  margin: 15px auto 0 auto;
}
.esp {
  top: 25px;
  right: 25px;
}

#especies h2 {
	text-transform: capitalize;
	color: #B2BB1C;
	font-size: 300%;
	font-weight: bold;
	padding: 20px 10px 10px 20px;
  
}
/*#especies  div.jScrollPaneContainer  {
  margin: 0 0 0 50px;
}*/
#especies #menu_especie {
	width: 160px;
	height: 370px;
  position: absolute;
}
#especies #menu_especie a {
	color: #fff;
	text-decoration: none;
	display: block;
}
#especies #menu_especie a:hover {
	color: #347C2B;
}
#especies #menu_especie li.current{
	color: #347C2B;
}


#especies  div.jScrollPaneContainer {
	position: absolute!important;
	top: 95px;
	left: 50px;
}

#especies  .img {
	width: 430px;
	height: 250px;
  overflow: hidden;
  margin: 0 40px 0 0;
}
#especies  .right {
  width: 470px;
}
#especies  .right  p {
	color: #fff;
	margin: 5px 10px 5px 0;
}

/**/ 
#especies .nav {
  height: 20px;
	clear: both;
	margin: 20px auto;
}
#especies .nav li {
	float: left;
	margin: 0 5px;
	font-weight: bold;
	font-size: 120%;
		color: #fff;
}
#especies .nav a {
	color: #fff;
	text-decoration: none;
}
#especies .nav a:hover {
  color: #347C2B;
}
#especies .nav .prev, .nav .next, .nav .disabled_prev, .nav .disabled_next {
  width: 80px;
  height: 12px;
  display: block;
  position: relative;
}
#especies .nav .disabled {
  background: #ccc;
  color: #999;
}
#especies .nav .prev {
}
#especies .nav div.disabled_prev {
  width: 80px!important;
  color: #347C2B;
}
#especies .nav .next {
}
#especies .nav .disabled_next {
    width: 80px!important;
    color: #347C2B;
}


/*#simplemodal-overlay {background-color:#000;}*/
/*#simplemodal-container {}*/



.view {
  background: #DFE3A1!important;
  height: 100%!important;;
}
a {
  text-decoration: none;
}
#especies .closeimg {
  position: absolute;
  top: -40px;
  color: #187F53;  
}
#especies .closeimg:hover {
  text-decoration: underline; 
}
#especies .closeimg {
  position: absolute;
  top: -30px;
  color: #187F53;  
}
.contdes {
 background: #47AA42;
 width: 679px;
 height: 480px;
 margin: 15px auto 15px auto; 
}
/*
  
*/
.buscarAnimal_btn {
/*  font-family: "CooperBlackStd";*/
  text-indent: -999em;
  width: 102px;
  height: 39px;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: url(../../img/web/cat_h3.jpg) no-repeat 0 0;
}
#buscarAnimal {
  display: none;
}
#catload {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 365px;
  left: 200px;
}
#caterror {
  width: 280px;
  height: 24px;
  position: absolute;
  top: 375px;
  left: 10px;
  color: #BF2317;
  font-size: 80%;
}
#buscarAnimal h3 {
  background: url(../../img/web/cat_busco.jpg) no-repeat 0 0;
  width: 196px;
  height: 77px;
  text-indent: -999em;
  margin: 40px 0 50px 40px;
}
#buscarAnimal p {
  margin: 20px 0 0 40px;
  color: #fff;
  width: 220px;
}
#buscarAnimal .right_ {
/*  width: 200px;*/
/*  background: #ccc;*/
  position: absolute;
  top: 30px;
  right: 30px;
}
#buscarAnimal .input {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #79C175;
  padding: 5px;
  margin: 5px;
  width: 339px;
}
#buscarAnimal .textarea {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #79C175;
  padding: 5px;
}
#buscarAnimal label {
  display: none;
/*  position: absolute;*/
}
#buscarAnimal input, #buscarAnimal textarea {
  width: 338px;
  border: none;
  background: none;
  color: #0E7145;
  font-size: 90%;
  color: #fff;
}
#buscarAnimal textarea {
  width: 330px;
  height: 120px;
  padding: 5px;
}
#buscarAnimal .submit {
  position: relative;
}
#buscarAnimal .submit input {
  background: url(../../img/web/cat_enviar.jpg) no-repeat 15px 5px;
  border: none;
  text-indent: -999em;
  width: 100px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  clear: both;
}

/*
  
*/
#nota  {
  padding: 80px 20px 20px ;
  font-size: 80%;
  display: none;
}
#nota h4 {
  margin: 0 0 20px 0;
}
#nota h4, #nota p {
  color: #fff!important;
}
a.nota {
  text-decoration: underline;
}

a.simplemodal-close {
  color: #fff;
  position: absolute;
  top: 5px;
  right: 5px;
}


/*
******************  club
*/
#club {
  padding: 80px 0 0 60px;
}
#club .banner {
  background: url(../../img/web/club_bg.jpg) no-repeat 0 0;
  width: 432px;
  height: 190px;
  padding: 40px 0 0 40px;
}
#club .banner p {
 color: #996666;
}
#club .banner strong {
  font-family: "CooperBlackStd";
  color: #006633;
  font-size: 120%;
}
#club .login {
  margin: 0 0 40px 0;
}
#club .message {
  color: #66cc33;
  margin: 0 0 0 20px;
}

#club .login h3  {
  background: url(../../img/web/club_h3.jpg) no-repeat 0 0;
  width: 617px;
  height: 92px;
  text-indent: -999em;
  display: block;
  margin: 40px 0 0 0;
}

#club .login h3 a {
  width: 617px;
  height: 60px;
  display: block;
}

#club .login .input, #club .login .submit {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #E2F0D8;
  padding: 5px;
  margin: 5px;
  width: 300px;
  height: 20px;
}
#club .login label {
  display: block;
  color: #66cc33;
  float: left;
  width: 80px;
}
#club .login input {
  width: 220px;
  
  float: left;
  border: none;
  background: none;
  color: #66cc33;
  font-size: 90%;
}
#club .recordar {
   color: #66cc33;
   font-size: 95%;
   padding: 0 0 0 8px;
}
#club .recordar  a {
   text-decoration: underline;
}
#club .login .submit {
  position: relative;
  background: #66cc33!important;
}
#club .login .submit input {
  border: none;
  width: 70px;
  font-size: 110%;
  cursor: pointer;
  color: #fff;
  text-decoration: underline;
  float: right;
}

.submenuclub {
	width: 580px;
  height: 30px;
  position: absolute;
  top: 260px;
  left: 290px;
  z-index: 4;
}
.submenuclub  li a:hover, .submenuclub  li a.activo {
	color: #99cc33!important;
}
/*
  ********* registro
*/
#registro, .forgot {
  display: none;
}
.forgot  {
  position: relative;
}
.forgot form {
  position: absolute;
  top: 260px;
  left: 130px;
}
.forgot input {
  width: 250px;
  height: 40px;
  border: none;
  background: none;
  color: #fff;
  padding: 5px 0 0 0;
}
.forgot .submit input {
  cursor: pointer;
  text-indent: -999em;
  color: #006633;
  
}
.forgot label {
  display: none;
}
.forgot {
  background: url(../../img/web/forgot.png) no-repeat 0 0;
  width: 461px;
  height: 467px;
}
#club_load, #club_mod_load  {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 375px;
  left: 600px;
}
#club_mod_load {
  top: 380px;
  left: 430px;
  background: url(../../img/web/club_load.gif) no-repeat 0 0;
}
#user_load {
  position: absolute;
  top: 360px;
  left: 200px;
  width: 60px;
  height: 50px;
  background: #006633 url(../../img/web/user_load.gif) no-repeat center center;
}
#club_error, #club_mod_error {
  width: 120px;
  height: 24px;
  position: absolute;
  top: 375px;
  left: 565px;
  color: #BF2317;
  font-size: 80%;
}
#club_mod_error {
  left: 370px;
}
#registro h3 {
  background: url(../../img/web/club_h3_registro.jpg) no-repeat 0 0;
  width: 176px;
  height: 51px;
  text-indent: -999em;
  position: absolute;
  right: 40px;
}
span.pr {
  margin: 0 0 30px 0;
  display: block;
}
#editUserForm h3 {
  background: url(../../img/web/club_modificar.jpg) no-repeat 0 0;
  width: 304px;
  height: 61px;
  text-indent: -999em;
}
#registro .left, #editUserForm .left{
  margin: 20px 0 0 20px;
}
#registro form, #editUserForm form {
  padding: 10px 0 0 0;
}
#registro p  {
  color: #fff;
  width: 280px;
}
#editUserForm p {
  color: #fff;
  width: 300px;
}
#registro .txt, #editUserForm .txt {
  position: absolute;
  top: 90px;
  right: 30px;
  height: 200px;
}
#registro .aceptar input {
  float: right;
  width: 20px;
}
#editUserForm .aceptar input  {
  float: none;
  width: 20px;
}
#registro .aceptar, #editUserForm .aceptar {
  text-align: right;
  font-size: 80%;
  float: right;
}
#editUserForm .aceptar {
  text-align: left;
  float: left;
}
#registro .input, #editUserForm .input {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #99cc66;
  padding: 5px;
  margin: 5px;
  width: 312px;
}
#registro .textarea , #editUserForm .textarea {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #99cc66;
  padding: 5px;
  width: 500px;
}
#editUserForm .textarea {
  width: 312px;
}
#registro label, #editUserForm label {
  display: none;
}
.date  {
    height: 14px;
}
.date label {
  display: block!important;
  color: #fff;
  font-size: 90%;
  width: 80px;
  float: left;
}
.date select {
  font-size: 80%;
  float: left;
  margin: -3px 0 0 0;
}
#registro input, #registro textarea , #editUserForm  input, #editUserForm textarea {
  width: 312px;
  border: none;
  background: none;
  color: #0E7145;
  font-size: 90%;
  color: #fff;
}
#editUserForm  input, #editUserForm textarea {
  width: 312px;
}
#registro textarea, #editUserForm textarea {
  width: 500px;
  height: 30px;
  padding: 5px;
}
#editUserForm textarea {
  width: 312px!important;
  height: 30px;
  padding: 5px;
}
#registro .txta, #editUserForm .txta {
  color: #fff;
}
#registro .submit {
  position: absolute;
  top: 320px;
  right: 30px;
}
#editUserForm .submit {
  position: absolute;
  top: 380px;
  right: 30px;
}
#registro .submit input {
  background: url(../../img/web/club_registro_enviar.jpg) no-repeat 0 0;
  border: none;
  text-indent: -999em;
  width: 100px;
  height: 34px;
}
#editUserForm  .submit input {
  background:  url(../../img/web/club_mod_enviar.jpg) no-repeat 0 0;
  border: none;
  text-indent: -999em;
  width: 162px;
  height: 37px;
  cursor: pointer;
}
.simplemodal-wrap .ok {
  background: url(../../img/web/club_ok_registro.png) no-repeat 0 0;
  width: 475px;
  height: 467px;
  margin: 0 auto;
  position: relative;
}
a.rCerrar {
  width: 130px;
  height: 30px;
  display: block;
  text-indent: -9999em;
  position: absolute;
  top: 360px;
  left: 210px;
}
#userMenu {
  position: absolute;
  top: 248px;
  left: 68px;
  z-index: 5;
}
#userMenu li a {
  width: 30px;
  height: 30px;
  text-indent: -999em;
  display: block;
}
#userMenu li a.salir {
  background: url(../../img/web/club_salir.gif) no-repeat 0 0;
}
#userMenu li a.userEdit {
  background: url(../../img/web/club_editico.gif) no-repeat 0 0;
}
#userMenu li a.salir:hover {
  background: url(../../img/web/club_salir.gif) no-repeat -30px 0;
}
#userMenu li a.userEdit:hover {
  background: url(../../img/web/club_editico.gif) no-repeat -30px 0;
}

.ipwd {
  position: absolute;
  top: 300px;
  left: 360px;
}



/*
  ********* promociones
*/
#promociones, .concursos  {
  padding: 80px 40px 0 40px;
  position: relative;
  height: auto;
}
#promociones div {
/*  width: 360px;*/
}
#promociones .left {
}

#promociones .cont {
  margin: 0 30px 0 360px;
}

#promociones .imagen {
  width: 203px;
  height: 165px;
  background: url(../../img/web/promo_img.jpg) no-repeat 0 0;
  position: relative;
  cursor: pointer;
  margin: 0 0 50px 0;
  padding: 0 50px 0 0;
}
#promociones .imagen div {
  width: 174px;
  height: 140px;
  overflow: hidden;
	top: 14px;
	left: 15px; 
}
#promociones .imgBig {
  display: none;
}
#promociones .promo_menu {
  position: absolute;
  left: 0;
}
#promociones .promo_menu li {
  width: 278px;
  height: 39px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 10px;
  margin: 5px 0 5px 70px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 80%;
  line-height: 1.1em;
}
#promociones .promo_menu li.current  {
  height: 29px;
  background: #6DB43E;
  padding: 10px 0 0 0;
}

#promociones .promo_menu a {
  color: #6DB43E;
  font-size: 110%;
  text-decoration: none;
  width: 248px;
  height: 19px;
  display: block;
  padding: 10px 10px 10px 20px;
  background: #DBECCF;
  -moz-border-radius: 8px;
  -webkit-border-radius: 10px;
}
#promociones .promo_menu a:hover {
  background: #6DB43E;
  color: #fff;
}
#promociones  a.prev {
  background: url(../../img/web/promo_prev.jpg) no-repeat 0 0!important;
  text-indent: -999em;
}
#promociones  a.next {
  background: url(../../img/web/promo_next.jpg) no-repeat 0 0!important;
  text-indent: -999em;
  
}
/*
  ********* albums
*/
#albums {
  padding: 100px 0 0 0;
  position: relative;  
}
#albums .paginado {
  float: right;
  margin: 0 20px 0 0;
}
#albums .paginado span.txt {
  width: 50px;
  float: left;
}
#albums .paginado span {
 width: 15px;
 float: left;
 display: block;
 color: #6DB43E;
}
#albums .paginado span.current {
 font-weight: bold;
 color: #DCECCF;
}
#albums .paginado a {
  color: #6DB43E;
}
#albums #forms {
 border-top: 1px solid #DBECCF;
 margin: 50px 0 0 0;
}
#albums #forms .txt {
 width: 320px;
 margin: 40px 0 0 40px;
 float: left;
}
#albums #forms form {
 float: right;
 margin: 40px 20px 60px 0;
}
#albums #forms .input {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #DCEDD1;
  padding: 5px;
  margin: 5px;
  width: 339px;
}
#albums #forms .textarea {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #DCEDD1;
  padding: 5px;
}
#albums #forms label {
  display: none;
/*  position: absolute;*/
}
#albums #forms input, #albums #forms textarea {
  width: 338px;
  border: none;
  background: none;
  color: #6DB43E;
  font-size: 90%;
}
#albums #forms textarea {
  width: 330px;
  height: 80px;
  padding: 5px;
}
#albums .no {
  font-weight: bold;
  font-size: 80%;
}


/*#albums #forms .file {
}*/
#albums #forms .submit {
  position: relative;
}
#albums #forms .submit input {
  background: url(../../img/web/album_enivar.jpg) no-repeat 0 0;
  border: none;
  text-indent: -999em;
  width: 85px;
  height: 18px;
  margin: 10px 0 0 260px;
  cursor: pointer;
  clear: both;
  position: absolute;
}
#albums .upImg {
  display: none;
}
/*.error-message {
  color: #BF2317;
}*/

/*
  ********* concursos
*/
.concursos {
  position: relative;
  padding-bottom: 40px;
  
}
.concursos .bases, .concursos .ficha {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}
/*.concursos .bases {
  background: url(../../img/web/bases.jpg) no-repeat 0 0;
}
.concursos .ficha {
  background: url(../../img/web/ficha.jpg) no-repeat 0 0;
}*/
.concursos p,.concursos h4  {
  color: #fff;
}
.concursos h4  {
  margin: 0 0 20px 0;
}
.concursos .bases {
  width: 350px;
  height: 490px;
  float: left;
  background: #6DB43E;
  padding: 30px;
  margin: 0 0 40px 0;
}
.concursos .bases h3 {
  background: url(../../img/web/concurso_bases.jpg) no-repeat 0 0;
  width: 149px;
  height: 49px;
  text-indent: -999em;
  margin: 20px 0 40px 200px;
}
.concursos .ficha {
  width: 250px;
  height: 350px;
  float: right;
  background: #DBECCF;
  padding: 20px;
  margin: 160px 0 0 0;
}
.concursos .ficha h3 {
  background: url(../../img/web/concurso_ficha.jpg) no-repeat 0 0;
  width: 95px;
  height: 33px;
  text-indent: -999em;
  margin: 0 0 20px 150px;
}
.concursos .ficha p {
  color: #347C2B;
  text-align: left;
}
.concursos .ficha strong {
  color: #6DB43E;
  font-family: "CooperBlackStd";
}

/*
  scroll
*/

.concursos .bases div  {
  width: 360px;
  height: 350px;
/*  margin: 0 0 0 10px;*/
}
.concursos .ficha div  {
  width: 250px;
  height: 300px;
/*  margin: 0 0 0 10px;*/
}

.concursos .bases .jScrollPaneTrack {
	background: #fff
}
.concursos .bases .jScrollPaneDrag {
	background: #077647;
}

.concursos .ficha .jScrollPaneTrack {
	background: #fff
}
.concursos .ficha .jScrollPaneDrag {
	background: #077647;
}


/*
  
*/


.consultas {
  position: relative;
  padding: 100px 0;
  
}
.consultas form {
  background: url(../../img/web/consultas.jpg) no-repeat 0 0;
  width: 623px;
  height: 400px;
  margin: 0 auto;
  padding: 30px;
  position: relative;
}



.consultas .input {
  margin: 10px 0;
}
.consultas .textarea {
  padding: 5px;
}
.consultas label {
  display: none;
/*  position: absolute;*/
}
.consultas input, .consultas textarea {
  border: none;
  background: none;
  color: #fff;
  font-size: 90%;
  margin: 0 0 10px 0;
  position: absolute;
  right: 45px;
}
.consultas textarea {
  height: 170px;
  padding: 5px;
}
.consultas .submit {
  position: absolute;
  left: 260px;
  bottom: 10px;
}
.consultas .submit input {
  background: none;
  border: none;
  text-indent: -999em;
  width: 85px;
  height: 18px;
  margin: 0 0 0 260px;
  cursor: pointer;
  clear: both;
  position: relative;
  right: 0;
}
.consultas  .name {
  width: 520px;
  top: 40px;
}
.consultas  .email {
  width: 410px;
  top: 75px;
}
.consultas  .mascota {
  width: 510px;
  top: 110px;
}
.consultas  .asunto {
  width: 510px;
  top: 145px;
}
.consultas  .content {
  width: 590px;
  top: 220px;
}
.consultas  .error-message {
  position: absolute;
  top: 75px;
  right: 45px;
}

/**/
#formOK {
  background: url(../../img/web/formOK.png) no-repeat 0 0;
  width: 398px;
  height: 380px;
  margin: 0 auto;
}
#formOK p {
  color: #fff;
  text-align: center;
  width: 200px;
  margin:  0 auto;
  padding-top: 120px;
  font-size: 130%;
}
.render {
  position: absolute;
  top: 250px;
  right: 50px;
  width: 20px;
  height: 60px;
  display: block;
  text-indent: -999em;
  z-index: 50;
}
/**/

/*
  ********* criadero
*/
#criadero .txt {
  width: 338px;
  margin: 20px 0 50px;
}
#criadero .txt  strong {
  color: #006633;
}
#criadero .right {
  padding: 100px 0 0;
}
#criadero .lista .left {
  width: 150px;
}

#criadero .lista .right {
  width: 200px;
  height: 420px;
  background: url(../../img/web/criadero_bg.jpg) no-repeat 0 0;
  padding: 0 0 0;
}
#criadero .lista .right ul {
  padding: 10px 10px 10px 0;
}
#criadero .lista .right h3 {
  color: #fff;
  font-weight: bold;
  font-size: 140%;
  margin: 5px 0 0 0;
}
#criadero .lista .right li {
  color: #006633;
  margin: 7px 0;
}

#tienda .nav {
  z-index: 40;
  position: absolute;
  top: 330px;
  right: 155px;
}
#criadero .nav,
#magazine .nav {
  z-index: 40;
  position: absolute;
  top: 270px;
  left: 330px;
}
#criadero .nav #prev2, 
#tienda .nav #prev2 ,
#magazine .nav #prev2 {
  background: url(../../img/web/criadero_prev.jpg) no-repeat right 0;
}
#criadero .nav #next2,
#tienda .nav #next2,
#magazine .nav #next2 {
  background: url(../../img/web/criadero_next.jpg) no-repeat right 0;
}
#criadero .nav #prev2,
#criadero .nav #next2,
#tienda .nav #prev2, 
#tienda .nav #next2,
#magazine .nav #prev2, 
#magazine .nav #next2 {
  width: 40px;
  height: 22px;
  display: block;
  text-indent: -9999em;
  float: left;  
}
a.icoThumbs {
  position: absolute;
  top: 270px;
  left: 360px;
  display: block;
  width: 40px;
  height: 20px;
  background: #ccc;
  z-index: 40;
  text-indent: -9999em;
}
/*scroll*/

#menu_criadero {
  width: 180px;
  height: 420px;
  margin: 0 0 0 10px;
}

#criadero .lista .right .jScrollPaneTrack {
	background: #fff
}
#criadero .lista .right .jScrollPaneDrag {
	background: #8CC63E;
}

#criadero img  {
/*  position: absolute;
  bottom: 90px;*/
  margin: 80px 0 0 0;
}
#criadero .menu li  {
  width: 143px;
  height: 39px;
  margin: 5px 0;
}
#criadero .menu li a {
  background: url(../../img/web/criadero_btn.jpg) no-repeat 0 0;
  display: block;
  width: 133px;
  height: 29px; 
  color: #006633;
/*  margin: 5px 0;*/
  padding: 10px 0 0 10px;
}
#criadero .menu li a:hover, #criadero .menu li a.active {
  background: url(../../img/web/criadero_btn.jpg) no-repeat 0 -39px;
}

a.home_foro {
  position: absolute;
  top: 275px;
  left: 68px;
  z-index: 60;
  background: url(../../img/web/home_foro.jpg) no-repeat 0 0;
  width: 366px;
  height: 41px;
  display: block;
  text-indent: -999em;
}

a.audio {
  background: url(../../img/web/musica.png) no-repeat 0 0;
  width: 28px;
  height: 29px;
  text-indent: -9999em;
  display: block;
  position: absolute;
  top: 220px;
  left: 30px;
  z-index: 10;
}