/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:Georgia, "Times New Roman", Times, serif;}
body{
	background: url(images/fill.gif) left top repeat-x #71574B;
	font-size:100%;
	line-height:1em;
	color:#666666;	
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}
p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding-top:10px; padding-bottom:10px; line-height:16px;}
/**********font size***************/
#header{font-size:0.75em; line-height:0.875em;}
.content{font-size:0.75em; line-height:1.17em;}
#footer{font-size:0.75em; line-height:1.17em;}
/********** end font size***************/

input, textarea, select{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#666666; 
	border:1px solid #434343;
	vertical-align:top;
}
#form input{ width:193px; height:18px; font-size:1em;}
select{ width:125px; height:18px; font-size:1em;}
#form textarea{ width:202px; height:108px; font-size:1em; overflow:auto;}
.inp_h{ height:28px; margin:0 0 4px 0;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0 20px 0 0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul {list-style:none;}
li a { 
	/*background:url(images/bull.gif) 0 6px no-repeat;*/
	padding:0 0 0 8px;
	line-height:1.67em;
	font-weight:bold;
	color:#FF6600;
}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#FF6600;text-decoration:none;}
a:hover{ text-decoration:underline;}
a.enllac{ color:#666666;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;}
a:hover.enllac{ color:#FF6600;text-decoration:underline;}
/**************end links**************/

/***************txt***************/
h1, h2{ margin:0; padding:0;}
h1 {text-indent:-10000px; background:url(images/logo.gif) no-repeat left top; height:77px;}
.txt{ font-size:0.92em;}
.txt_1{ color:#FF6600;}
.txt_menu{ color:#FFFFFF;}
/***************end txt***************/

.main {margin:0 auto;}

#header { background: url(images/bg_header.jpg) left top no-repeat; }
#sub_header { background: url(images/bg_sub_header.png) left top no-repeat; }
#sub_footer { background: url(images/bg_sub_footer.png) left top no-repeat; }
#header .column .indent {padding:99px 0 0 93px;}

#header a{ color:#785e52;}
#header a:hover{ color:#d36a00;}

/*******************box*********************************/
.box .left_top{ background:url(images/left_top.gif) left top no-repeat;}
.box .right_top{ background:url(images/right_top.gif) right top no-repeat;}
.box .left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.box .right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}

.box .side_left{ background:url(images/side_left.gif) left top repeat-y #F1ECE3;}
.box .side_right{ background:url(images/side_right.gif) right top repeat-y;}
.box .side_top{ background:url(images/side_top.gif) left top repeat-x;}
.box .side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
/***************************end box**************************/

/*******************box_1*********************************/
.box_1 .left_top{ background:url(images/left_top_1.gif) left top no-repeat;}
.box_1 .right_top{ background:url(images/right_top_1.gif) right top no-repeat;}
.box_1 .left_bot{ background:url(images/left_bot_1.gif) left bottom no-repeat;}
.box_1 .right_bot{ background:url(images/right_bot_1.gif) right bottom no-repeat; width:100%;}

.box_1 .side_left{ background:url(images/side_left_1.gif) left top repeat-y #F8F5EE;}
.box_1 .side_right{ background:url(images/side_right_1.gif) right top repeat-y;}
.box_1 .side_top{ background:url(images/side_top_1.gif) left top repeat-x;}
.box_1 .side_bot{ background:url(images/side_bot_1.gif) left bottom repeat-x;}
/***************************end box_1**************************/

.bg_title{ background:url(images/bg_title.gif) left bottom repeat-x;}
.wrapper { background:url(images/wrapper.gif) center top repeat;}
.content { background:url(images/fill_content.gif) 57px top repeat-y; }
/*.content .bg_content{ background:url(images/bg_content.gif) center top no-repeat; width:100%;}*/

.content .pos{margin:0 0 0 0; top:-8px; position:relative; width:100%; }
.content .indent{padding:0px 0px 1px 63px; }

.content .column .indent{padding:10px 30px 3px 18px;}
.content .column_1 {padding:8px 0px 0px 20px;}

.content .box .title{padding:16px 0 0 0; margin:0 17px 0 17px;}
.content .box .indent{padding:16px 20px 27px 18px;}

.content .box_1 .title{padding:16px 0 0 0; margin:0 17px 0 15px;}
.content .box_1 .indent{padding:16px 15px 33px 16px;}

.content .column_1 .row .indent{padding:10px 30px 3px 25px;}
.content .column_1 .row .title{margin:0 17px 0 25px;}

/***************************page**************************/
#page .content .column .box{padding:0 8px 0 0;}

#page .content .column_1 .box_1{margin:8px 0 0 0;}
/***************************end page**************************/


#footer { background: url(images/bg_footer.gif) center top no-repeat; color:#FFFFFF; }
#footer a{ color:#FFFFFF; text-decoration:underline; }
#footer a:hover{ color:#fee037; text-decoration:none }

#footer .column .indent {padding:100px 0 0 40px;}
#footer .column_1{ color:#f1ece3; }
#footer .column_1 a{word-spacing:normal;}
#footer .column_1 .indent {padding:100px 0 0 130px;}

/*******************menu***********************/
#navcontainer { width: 150px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
/*font-family: Arial, Helvetica, sans-serif;*/
}

#navcontainer a
{
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;*/

display: block;
padding: 3px;
width: 144px;
border-bottom: 2px solid #44352d;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #ba4219;
color: #fff;
}

#navcontainer a:link.active, #navcontainer a:visited.active {
background-color: #d36c07;
}

.idiomes {
	position: relative;
	height: 50px;
	width: 300px;
	left: 114px;
	top: 26px;
}

.titols {
	position: relative;
	left: 242px;
	top: 0px;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#785e52;
	width:500px;
}

.titols2 {
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#785e52;
}

.pedigreeNom {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#663333;
	line-height:14px;
}

.pedigreeRegistre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF6600;
	line-height:14px;
}

.texte{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}

.llarg {
	width:480px;
}

.peu {
	position: relative;
	left: 59px;
	top: 28px;
	color:#333333;
	height:80px;
	background-image:url(images/peu.png);
	background-repeat:no-repeat;
	background-position:top left;
	vertical-align:middle;
}

.fons_portada {
	background-image:url(images/portada4.jpg);
	width:540px;
	height:540px;
	background-repeat:no-repeat;
	background-position:top left;
}

#foto-contenidor {
    width:150px;
    height:113px;
    position:relative;
}
#foto-devant {
    position:absolute;
    width:150px;
    height:113px;
    z-index:0;
}
#foto-darrera {
    position:absolute;
    width:150px;
    height:113px;
    z-index:1;
}