@import "forms.css";

/*  This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. */



/* CSS Document */


/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 12px;
background: #cdd41e url(../images/bg.gif) repeat-y center;
}

a:link, a:visited {
color: #3ba239;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #cdd41e;
}

.grande {
font-size: 20px;
font-weight: bold;
color:#FF0000;
}

.grande_negro {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}


.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Paragraphs, headings, ... */

p {
line-height: 170%;
}

.perex {
background-color: #ecefa4;
border-left: 4px solid #3ba239;
text-align: left;
width: 510px;
margin: 0 0 25px 0;
padding: 5px 12px;
}

.perex p {
margin: 0;
color: #126910;

}

.perex p a, .perex p a:visited {
color: #004C7F;
}

h1 {
font-size: 2.5em;
font-weight: normal;
color: #FFFFFF;
text-align: left;
margin-left: 20px;
padding: 23px 0 6px 0;
background: url('../images/h1-bg.gif') repeat-x 0 100%;
width: 50%;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h2 {
font-size: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
text-align: left;
margin: 6px 0 0 23px;
}

h3 {
color: #ffcb05;
font-size: 1.2em;
text-align: left;
margin-bottom: 13px;
}



h3.line {
background: url('../images/heading-dot.gif') repeat-x 0 50%;
width: 100%;
}

h3.line span {
margin-left: 12px;
padding: 0 6px;
background: #FFFFFF;
}

ul {
list-style-type: none; 
}

 		#trata table {
			font: 10px verdana,verdana, arial;
			margin: 0;
			padding: 0;
			border-collapse: collapse;
			text-align: left;
			color: #333;
			line-height: 11px;
		}
		
		#tratacaption {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 20px;
			text-align: left;
			text-transform: uppercase;
		}
		
		#trata td {
			margin: 0;
			padding: 5px 5px 0px 5px;
			border: 1px dotted #cdd41e;
		}
		
		
		#trata th {
			font-weight: normal;
			text-transform: uppercase;
		}
		
				
		#trata tr { 
			background-color: #FBFDF6;
		}
		#trata tr.odd {
			background-color: #EDF7DC;
		}
		
		#trata tr:hover {
		}
		
		#trata tr:hover td, tr:hover td a, tr:hover th a {
			color: #126910;
		}
		
		#trata td:hover {
		}

		#trata tr:hover th a:hover {
			background-color: #F7FBEF;
			border-bottom: 2px solid #86C200;
		}
		

		

/* Images */

img.portfolio {
border: 3px solid #8ED8FF;
margin: 0 12px 16px 0;
}

a:hover img.portfolio {
border: 3px solid #FF6123;
margin: 0 12px 16px 0;
}


/* Header */

#header {
margin: 0 auto;
width: 850px;
height: 182px;
position: relative;
background: #3ba239 url('../images/cabecera.gif') repeat-x 0 0;
text-align: left;
}



/* Menu */

#menu {
position: absolute;
top: 148px;
right: 0px;
}

#menu li {
float: left;
display: inline;
list-style-type: none;
}

#menu li a {
float: left;
display: inline;
list-style-type: none;
text-align: center;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
background-color: #126910;
padding: 0 1em;
height: 30px;
line-height: 30px;
margin-left: 4px;
}

#menu li a:hover {
background-color: #ffcb05;
color: #3ba239;
text-decoration: none;
}

#menu li a.active {
background-color: #ffcb05 !important;
color: #3ba239;
text-decoration: none;
}

#menu li a.especial {
background-color: #cdd41e !important;
color: #3ba239;
text-decoration: none;
}

/* SubMenu */

#navcontainer { margin-bottom: 10px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
	display: block;
	padding: 5px 10px;
	width: 203px;
	color: #126910;
	border-bottom: 1px solid #cdd41e;
	text-decoration: none;
	background: #f2f3e0;
	border-left: 4px solid #cdd41e;
}


#navcontainer ul ul li {
	margin: 0 0 1px 0;

}

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 20px;
width: 202px;
color: #126910;
background: #FFFFFF;
border: none;
text-decoration: none;
	list-style: none;
	background-image: url(../images/iconos/lista.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #cdd41e;
text-decoration: none;
}

/* FAMILIAS */


#familia {
float: left;
width: 140px;
height: 195px;
margin: 5px 6px 5px 0px;
padding: 16px 16px 8px 16px;
background: url("../images/fondos/fondo_familia.jpg") top left no-repeat;
}

#familia a:link, #familia a:visited {
	color:#999999;
	text-decoration: none;
	font-weight: bold;
}
#familia a:hover, #familia a:active {
	text-decoration: none;
	color: #BACF00;
	background: none;
}

#familia .titulo {
color: #FFFFFF;
text-align: center;
padding: 5px;
margin: 5px 0 0 0;
border: 1px dotted #cccccc;
}

/* FIN FAMILIAS */

/* FAMILIAS 2 */


#familia2 {
float: left;
width: 140px;
height: 195px;
margin: 5px 6px 5px 0px;
padding: 16px 16px 8px 16px;
background: url("../images/fondos/fondo_familia.jpg") top left no-repeat;
}

#familia2 a:link, #familia2 a:visited {
	color:#999999;
	text-decoration: none;
	font-weight: bold;
}
#familia2 a:hover, #familia2 a:active {
	text-decoration: none;
	color: #BACF00;
	background: none;
}

#familia2 img {
width: 140px;
height: 140px;
}
	

#familia2 .titulo {
color: #FFFFFF;
text-align: center;
padding: 5px;
margin: 5px 0 0 0;
border: 1px dotted #cccccc;
}

/* FIN FAMILIAS 2 */

/* FOTOS */

#fotos {
float: left;
width: 222px;
height: 195px;
margin: 5px 6px 5px 0px;
padding: 16px 16px 8px 16px;
}

#fotos a:link, #familia a:visited {
	color:#999999;
	text-decoration: none;
	font-weight: bold;
}
#fotos a:hover, #familia a:active {
	text-decoration: none;
	color: #BACF00;
	background: none;
}

#fotos .titulo {
text-align: center;
font-weight: bold;
padding: 5px;
margin: 5px 0 0 0;
border: 1px dotted #cccccc;
}

/* FIN FOTOS */

/* ENFERMEDAD */

#texto_enfermedad {
float: left;
width: 364px;
padding-right: 10px;
margin-right: 15px;
min-height: 400px;
_height: 400px;
margin-bottom: 15px;

}

#texto_enfermedad p {
text-align:justify;
}

#fotos_enfermedad {
float: left;
width: 150px;
min-height: 150px;
_height: 150px;
margin: 0 20px 0 0x;
}


#fotos_enfermedad2 {
float: left;
width: 150px;
min-height: 150px;
_height: 150px;
margin: 0 0px 0 0x;
}


#medicina_enfermedad {
float: left;
width: 200px;
min-height: 150px;
_height: 150px;
background:#000000;
margin-bottom: 15px;
}

/* TROFEOS */

#cajon_trofeos {
margin-top: 15px;
}

#trofeo {
float: left;
padding: 5px;
width: 105px;
border: 1px dotted #006600;
margin: 0 12px 15px 0px;
}
#trofeo .imagen {
width: 97px;
height: 105px;
overflow: hidden;
border: 4px solid #006600;
background: #006600;
}

#trofeo .caracteristicas_trofeo{
padding: 5px;
}

#trofeo .caracteristicas_accesorio{
padding: 5px 5px 5px 0;
}

#trofeo .precio {
font-size: 18px;
font-weight: bold;
}

#trofeo .precio_oferta {
font-size: 18px;
font-weight: bold;
background: #FF0000;
color: #FFFFFF;
padding: 0 0 0 10px;
}

/* FIN TROFEOS */


/* ACCESORIOS */

#cajon_accesorios {
margin-top: 15px;
}

.accesorios {
float: left;
padding: 5px;
width: 153px;
height: 215px;
border: 1px dotted #006600;
margin: 0 12px 15px 0px;
}
.accesorios .imagen {
width: 145px;
height: 100px;
overflow: hidden;
border: 4px solid #006600;
background: #006600;
}

.accesorios .caracteristicas_accesorios{
padding: 5px 5px 5px 2px;
}

.accesorios .precio {
font-size: 18px;
font-weight: bold;
}

.accesorios .precio_oferta {
font-size: 18px;
font-weight: bold;
background: #FF0000;
color: #FFFFFF;
padding: 0 0 0 10px;
}

/* FIN ACCESORIOS */


/* JAULEROS */

#cajon_jauleros {
margin-top: 15px;
}

#jauleros {
float: left;
padding: 5px;
width: 520px;
height: 160px;
border: 1px dotted #006600;
margin: 0 15px 12px 0px;
}
#jauleros .imagen {
float: left;
width: 200px;
height: 150px;
overflow: hidden;
border: 4px solid #006600;
margin: 0 10px 10px 0;
background: #fff;
}

#jauleros .caracteristicas_jaulero {
margin: 0 0 0 10px; 
}

#jauleros .precio {
font-size: 18px;
font-weight: bold;
}

#jauleros .precio_oferta {
font-size: 18px;
font-weight: bold;
background: #FF0000;
color: #FFFFFF;
padding: 0 0 0 10px;
}


#texto_jaulero {
float: left;
width: 304px;
padding-right: 10px;
margin-right: 15px;
min-height: 400px;
_height: 400px;
margin-bottom: 15px;

}

#texto_jaulero p {
text-align:justify;
}

#fotos_jaulero {
float: left;
border-left: 1px dotted #006600;

margin-bottom: 15px;
padding: 5px 5px 5px 10px;
}

#fotos_jaulero img{
}

/* FIN JAULEROS */

#limpiar {
clear:both;
}
#cajon_paginas {
border-top: 1px solid #BACF00;
background: url("../images/iconos/paginas.gif") top left no-repeat;
overflow: hidden;
padding: 0 0 0 40px;
margin-top: 20px;
*height: 28px;
}


#cajon_paginas em {
visibility: hidden;
position:absolute;
}
.numeracion {
	float: left;;
	margin: 8px 4px 10px 0px;
	padding: 4px;
	text-align: center;
}



/* Content boxes */

#estas {
padding: 10px;
border-bottom: 1px dotted #3ba239;
margin-bottom: 10px;
}

#estas a:link, a:visited {
color: #3ba239;
font-weight: bold;
text-decoration: none;
}

#estas a:hover {
text-decoration: none;
color: #cdd41e;
}

#content-box {
width: 850px;
margin: 0 auto;
text-align: left;
background: #FFFFFF;
}

#content-box-in {
width: 100%;
}

#content-box-in-left {
float: left;

}

#content-box-in-left-in {
margin: 24px 25px 10px 10px;
padding: 0 0 0 25px;
width: 540px;
background: url('../images/divider.gif') repeat-y 0 100%;

}

#content-box-in-left-in h3 {
color: #126910;
text-align: left;
border-bottom: 4px solid #ffcb05; 
padding: 4px 0 4px 5px;
font-size: 20px;
}


#content-box-in-right {
float: left;
width: 250px;
}

#content-box-in-right-in {
margin: 38px 0px 35px 18px;

}

.galerie {
padding: 1px 0;
margin-right: 3px;
min-height: 1px;
}

.foto {
float: left;
display: inline;
width: 156px;
height: 138px;
margin: 0 10px 16px 0;
background-color: white;
text-align: center;
border: 1px solid #FFFFFF;
position: relative;
}

.foto img {
margin: 13px auto 0 auto;
border: 1px solid silver;
}

.foto:hover {
background-color: #D6ECF8;
border: 1px solid #82B7DF;
}

.foto p a, .foto p a:visited {
font-size: 1.1em;
color: #003960;
font-weight: normal;
margin-top: 6px;
}

.foto p {
margin-top: 6px;
color: #003960;
}

#novedades {
background:#ffffff url(../images/fondos/fd_novedades.gif) no-repeat left top;
width: 510px;
height: 340px;
margin: 0 0 35px 0;
padding: 35px 15px 15px 15px;
}


#anuncio_0 {
float:left;
background: #000000;
padding: 15px 0px 0px 15px;
width: 530px;
height: 150px;
margin: 0 5px 0 0px;
}

#anuncio_1 {
float:left;
background: url(../images/fondos/fondo_anuncios.gif) top left no-repeat;
padding: 15px 0px 0px 15px;
width: 250px;
height: 150px;
margin: 0 5px 0 0px;
}
#anuncio_2 {
float:left;
background: url(../images/fondos/fondo_anuncios.gif) top left no-repeat;
padding: 15px 0px 0px 15px;
height: 150px;
width: 250px;
}

#introduccion {
witdh: 550px;
padding: 10px;
text-align: justify;
margin-bottom: 35px;
}

/* Content boxes directives */

#content-box-in-right-in h3 {
color: #126910;
background-color: #ffcb05;
text-align: left;
padding: 4px 0 4px 7px;
width: 220px;
}

#content-box-in-right-in a:link, a:visited {
text-decoration: none;
color: #126910;
font-weight: bold;
}

#content-box-in-right-in a:hover {
}


#content-box-in-right-in dl {
margin: 0 0 40px 4px;
width: 210px;
}

#content-box-in-right-in dt {
margin-bottom: 3px;
font-weight: bold;
}

#content-box-in-right-in dd {
margin: 0 5px 18px 3px;
line-height: 145%;
}

#content-box-in-right-in dd a, #content-box-in-right-in dd a:visited {
color: #126910;
padding: 1px 2px;
}

#content-box-in-right-in dd a:hover {
color: #cdd41e;
}

#content-box-in-right-in dd span {
font-size: 0.9em;
}

#content-box-in-right-in img {
margin-bottom: 10px;
}

/* CONTACTO */

#f_contacto {
float: left;
width: 300px;
}

#plano {
float: left;
width: 225px;
height: 200px;
margin-left: 15px;
}


/* FIN CONTACTO */

/* Footer */

#footer {
height: 34px;
color: #FFFFFF;
width: 850px;
margin: 0 auto;
background: #3ba239;
font-size: 10px
}

#footer-in {
width: 850px;
height: 34px;
margin: 0 auto;
}

#footer a, #footer a:visited {
color: #FFFFFF;
}
#footer img {
position: absolute;
padding: 0 10px 0 0;
}

p.footer-left {
width: 600px;
float: left;
text-align: left;
line-height: 190%;
margin: 8px 0 0 12px;
display: inline; /* Because of IE Doubled Float-Margin Bug */
}

p.footer-right {
width: 200px;
float: right;
text-align: right;
margin: 8px 12px 0 0;
display: inline; /* Because of IE Doubled Float-Margin Bug */
}

p.footer-right a, p.footer-right a:visited  {
font-weight: normal;
}

/* Banner */

#banner {  
    width: 520px;  
    margin: 0;
	padding-bottom: 20px;
	position: relative;
}

#banner #pager {
	position: absolute;
	top:355px;
	right: 5px;
	z-index: 999;
	background-color:#3ba239;
	padding: 8px 2px 8px;
}

#banner #pager a {
	font-size: 12px;
	background-color: #3ba239;
	padding: 3px 6px;
	margin-left: 5px;
	text-decoration: none;
	margin-right: 5px;
	color: #fff;
}

#banner #pager a:hover, #banner #pager a.activeSlide {
	color: #3ba239;
	background-color: #fff;
}

#rotate {
	height: 290px;  
    width: 520px;  
    padding: 0px;  
    margin: 0;
} 
 
#rotate img { 
    top: 0; 
    left: 0 
}