/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
margin: 0;
background: url(../img/bg_petjada.gif) left bottom no-repeat #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #000;
text-align: center; /*si no ho poso IE 5.5 no centrara el container*/
}

a:link {
text-decoration: underline;
font-weight: normal;
color: #a16f06;
}

a:visited {
text-decoration: underline;
font-weight: normal;
color: #a16f06;
}

a:hover {
text-decoration: none;
font-weight: normal;
color: #c7a96a;
}

a:active {
text-decoration: none;
font-weight: normal;
color: #999;
}

h1 {
margin: 0 0 18px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #a16f06;
}

h2 {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #a16f06;
}

h2 a:link {font-weight: bold; text-decoration:none}
h2 a:visited {font-weight: bold; text-decoration:none}
h2 a:hover {font-weight: bold; text-decoration:none}
h2 a:active {font-weight: bold; text-decoration:none}

hr {
color: #faeac6; /*IE*/
background-color: #faeac6; /*FFox, Safari, Netscape*/
border: 1px dotted #a16f06;
border-style: none none dotted none; /*border bottom*/
}

.negre {
color: #000;
}

.firma {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
text-align: right;
}

.top {
/*clear: both;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: url(../img/ico_fletxa_top.gif) no-repeat left 5px;
padding: 0 0 0 9px;
margin: 0 0 30px 0;
}

.back {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: right;
background: url(../img/ico_fletxa_back.gif) no-repeat 512px 6px;
padding: 0;
margin: -20px 0 4px 0;
}

.link_email {
background: url(../img/ico_email.gif) no-repeat left 2px;
padding-left: 14px;
}

.link_extern {
background: url(../img/ico_link_extern.gif) no-repeat right 2px;
padding-right: 10px;
}

.link_extern_negre {
background: url(../img/ico_link_extern_negre.gif) no-repeat right 2px;
padding-right: 10px;
}

.link_fitxa {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: url(../img/ico_fitxa.gif) no-repeat left 1px;
padding-left: 14px;
}

.link_pedigree {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: url(../img/ico_pedigree.gif) no-repeat left 2px;
padding-left: 15px;
}

.link_ampliar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: url(../img/ico_enlarge.gif) no-repeat left bottom;
padding-left: 15px;
}


/* ESTRUCTURA
------------------------------------------------------------------------*/
#container {
margin: 0 auto;
width: 100%;
/*border: 1px solid purple;*/
}

#header {
width: 100%;
height: 208px;
margin: 0 auto;
text-align: center;
background: url(../img/bg_header.gif) left bottom repeat-x #fad17a;
/*border: 1px solid green;*/
}

#header img {
margin-top: 12px;
border: 0;
}

#menu_shadow {
width: 100%;
height: 38px;
background: url(../img/bg_menu_shadow.gif) repeat-x;
}

#columnHome {
width: 550px;
margin: 0 auto;
text-align: justify; /*evita que els textos del cos quedin centrats per culpa del text-align:center del body */
/*border: 1px solid red;*/
}

#columnHome img {
margin: 0;
padding: 3px;
background-color:#fff;
border: 1px solid #a6a6a6;
}

#enclose {
clear: both;
width: 760px;
min-height: 400px;
margin: 0 auto;
/*background-color: pink;*/
}

#columnLeft {
float: left;
width: 210px;
background: url(../img/ico_fletxa_t.gif) 182px 3px no-repeat;
/*background-color: yellow;*/
}

#columnMain {
float: right;
width: 550px;
text-align: justify; /*evita que els textos del cos quedin centrats per culpa del text-align:center del body */
/*background-color: orange;*/
}

#footer {
clear: both;
height: 42px;
background: url(../img/bg_footer.gif) left bottom repeat-x #a16f06;
border-top: 1px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 18px;
color: #fff;
}

#footer a:link {color: #fff}
#footer a:visited {color: #fff}
#footer a:hover {color: #fff}
#footer a:active {color: #000}


/* MENU PRINCIPAL
------------------------------------------------------------------------*/
#navcontainer ul {
width: 100%;
height: 25px;
margin:0;
padding:0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
line-height: 23px;
text-align: center;
background: url(../img/bg_menu.gif) repeat-x #000;
}

#navcontainer ul li {
display: inline;
padding: 0;
border-right: 1px solid #fff;
}

#navcontainer ul li a {
padding: 0 10px;
color: #fff;
font-weight: bold;
text-decoration: none;
/*border-right: 1px solid #fff;*/
}

#navcontainer ul li a:hover { color: #fad17a; }

#navcontainer #active { padding: 0 10px; color:#a16f06; }


/* MENU SECUNDARI
------------------------------------------------------------------------*/
#navcontainerSec {
float: left;
width: 192px;
margin-top: 35px; /*espai superior*/
}

#navcontainerSec ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainerSec ul li {
height: 25px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 25px;
text-align: left;
background-image: url(../img/bg_submenu.gif);
background-repeat: no-repeat;
}

#navcontainerSec span {
display: block;
padding-left: 18px;
color: #000;
font-weight: bold;
}

#navcontainerSec li a {
display: block;
padding-left: 18px;
}

#navcontainerSec li a:link {text-decoration:none; color:#fff}
#navcontainerSec li a:visited {text-decoration:none; color:#fff}
#navcontainerSec li a:hover {text-decoration:none; color:#fff; background-image:url(../img/bg_submenu_over.gif); background-repeat:no-repeat; background-color:#d49308}


/* FITXA GOS
------------------------------------------------------------------------*/
.box_gos_outer {
width: 548px;
margin-bottom: 15px;
background-color: #fff;
border: 1px solid #a6a6a6;
}

.box_gos {
width: 522px; /*542(width caixa)-20(paddings laterals)=522px*/
min-height: 182px;
margin: 3px auto;
padding: 10px;
text-align: left;
background-color: #faeac6;
border: 0;
overflow: hidden; /*evito desbordament de la imatge*/
}

.box_foto_gos {
float: left;
margin: 0 15px 0 0;
text-align: center;
/*border: 1px dotted red;*/
}

.box_foto_gos img {
display: block;
margin: 0 0 2px 0; /*separacio V entre foto i text*/
border: 0;
}

.h2_fitxa {
margin-top: 25px;
background: url(../img/ico_fitxa.gif) no-repeat left 2px;
padding-left: 16px;
border-bottom: 1px dotted #a16f06;
}

.h2_pedigree {
margin-top: 25px;
background: url(../img/ico_pedigree.gif) no-repeat left 3px;
padding-left: 16px;
border-bottom: 1px dotted #a16f06;
}

.table_pedigree {
width: 100%;
margin-top: 15px;
font-size: 11px;
text-align: center;
}

.table_pedigree td {
background-color: #ddc99e;
}

.nota_pedigree {
margin: 4px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: normal;
text-align: center;
}


/* CAMADES
------------------------------------------------------------------------*/
.p_data_camada {
margin: 10px 0 20px 0;
}

#container_camada {
margin: 0 auto;
width: 468px;
text-align: center;
/*border: 1px solid purple;*/
}

.box_foto_pares_camada {
float: left;
width: 217px;
margin: 0;
/*border: 1px dotted red;*/
}

.box_foto_pares_camada img {
display: block;
margin: 0 0 2px 0; /*separacio V entre foto i text*/
border: 0;
}

.p_foto_cadells_camada {
margin: 10px 0 0 0;
}

.p_foto_cadells_camada img {
border: 0;
}


/* GALERIA FOTOS
------------------------------------------------------------------------*/
#columnGaleria {
width: 711px;
margin: 0 auto;
text-align: justify; /*evita que els textos del cos quedin centrats per culpa del text-align:center del body */
/*border: 1px solid red;*/
}

#columnGaleria img {
margin: 0 0 15px 15px;
border: 0;
}


/* LINKS
------------------------------------------------------------------------*/
.p_foto_link {
text-align: center;
margin: 0 auto 5px auto;
}

.p_titol_link {
text-align: center;
margin: 0 auto 25px auto;
}