/* CSS Document */ 



body { 

padding : 0; 

background-color : #FFFFFF; 
text-align: center;

} 





img { 

border-style:none;

border-width:0;
text-align: left;
}





#contenedor { 

width : 1004px; 

height : 634px; 

margin-right : auto; 

margin-left : auto; 

padding : auto; 

border-top-width: 1px;

border-top-style: solid;

border-top-color: #919192;

border-bottom-width: 3px;

border-bottom-style: solid;

border-bottom-color: #919192;

border-right-width: 1px;

border-right-style: solid;

border-right-color: #919192;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #919192;

} 



#uno {

width : 1004px; 

height : 111px; 

margin: 0px 0px 0px 0px;

}



#filaunoizquierdo { 

width : 170px; 

height : 111px; 

background-color : #FFFFFF;

margin : 0; 

float : left; 

} 



#filaunocentral { 

width : 170px; 

height : 111px; 

background-image:url(images/fondo170x1.gif);

margin : 0; 

float : left; 

} 



#filaunoderecho { 

width : 664px; 

height : 111px; 

background-color : #FFFFFF;

margin : 0; 

float : left; 

}



#a {

width : 1004px;  

height : 169px; 

background-color : #6c4f2c;

}



#a1 { 



width : 170px; 

height : 169px; 

background-image:url(images/fondo170x1.gif);

float:left;

} 



#a2 { 

width : 170px; 

height : 167px; 

background-color : #6c4f2c;

float : left; 

} 



#a3 { 

width : 664px; 

height : 147px; 

background-color : #6c4f2c;

margin:0px 0px 0px 0px;

float : left; 

} 



#tres {

width : 1004px; 

height : 356px; 

background-color : #FFFFFF;

}



#tresb {

width : 500px; 

height : 356px; 

background-color : #FFFFFF;

}



#filatresizquierdo { 

width : 170px; 

height : 356px; 

background-color : #FFFFFF;

margin : 0; 

float : left; 

} 



#filatrescentral { 

width : 170px; 

height : 356px; 

background-image:url(images/fondo170x1.gif);

margin : 0; 

float : left; 

} 



#filatrestexto { 

width : 654px; 

height : 332px; 

background-color : #FFFFFF;

color: #000000;

float : left; 

overflow: auto; 

SCROLLBAR-FACE-COLOR: #FFFFFF; 

SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 

SCROLLBAR-ARROW-COLOR: #68696d; 

scrollbar-3dlight-color: #FFFFFF; 

scrollbar-darkshadow-color: #FFFFFF; 

scrollbar-shadow-color : #e8e8e8; 

font-family : "arial"; 

font-size : 13px; 

text-align : left; 

margin:4px 0px 0px 0px;

} 



#contenedor2 { 

width : 1004px; 

height : 75px; 

margin-right : auto; 

margin-left : auto; 

margin-top:10px;

padding : auto; 

} 



#lista { 

width : 834px; 

height : 40px; 

margin : 0; 

padding-top:18px;

float : left; 

background-color : #FFFFFF; 

font-size : 11px;

font-family:Arial, Helvetica, sans-serif; 

color:#FFFFFF;

} 


#lista2 { 

width : 600px; 
height : 280px; 
margin : 0; 
padding:0px 0px 0px 27px;
float : left;  
font-size : 14px;
font-family:Arial, Helvetica, sans-serif; 
} 

#listepuces{
padding:0px 0px 0px 27px;
} 

#lista4 { 

width : 600px; 
height : 400px; 
margin : 0; 
padding:0px 0px 0px 27px;
font-size : 14px;
font-family:Arial, Helvetica, sans-serif; 
font-weight:bold;
} 

#lista5 { 

width : 560px; 
height : 240px; 
margin : 0; 
padding:0px 0px 0px 27px;
font-size : 14px;
font-family:Arial, Helvetica, sans-serif; 
font-weight:bold;
} 

#lista6 { 

width : 560px; 
height : 100px; 
margin : 0; 
padding:0px 0px 0px 27px;
font-size : 14px;
font-family:Arial, Helvetica, sans-serif; 
font-weight:bold;
} 


#lista4 a { 
color:#666666; 
text-decoration: none
} 

#lista5 a { 
color:#666666; 
text-decoration: none
} 

#lista5 a { 
color:#666666; 
text-decoration: none
} 

#lista6 a { 
color:#666666; 
text-decoration: none
} 

#lista4 a:hover { 
color : #000000; 
} 

#lista5 a:hover { 
color : #000000; 
} 

#lista6 a:hover { 
color : #000000; 
} 



#lista li { 

font-family : "arial"; 

float : left; 

padding : 0px 9px 0px 9px; 

font-weight : bold; 

font-size : 11px;

color:#000000;

margin:0px 0px 0px 0px; 

} 

#lista2 li { 

font-family : "arial"; 

float : left; 

padding : 0px 9px 0px 9px; 

font-weight : bold; 

font-size : 11px;

color:#000000;

margin:0px 0px 0px 0px; 

} 



#lista a { 

color:#666666; 

text-decoration: none

} 

#lista2 a { 

color:#666666; 

text-decoration: none

} 



#lista a:hover { 

color : #000000; 

} 

#lista2 a:hover { 

color : #000000; 

} 



#filaunoderechobas { 

width : 834px; 

height : 75px; 

background-color : #8b6539;

margin : 0; 

float : left; 

}



#filaunoizquierdobas { 

width : 170px; 

height : 75px; 

background-color : #FFFFFF;

margin : 0; 

float : left; 

} 



.menub { 

color : #ffffff; 

text-decoration : none; 

}



#nombre { 

float : right; 

padding : 83px 15px 0 0; 

border : none; 

font-family : "arial"; 

font-size : 23px; 

color : #6f7072; 

text-decoration : none; 

padding:75px 25px 0px 0px;

} 



.parrafo1 { 
color:#333333; 
width : 580px; 
margin : 5px 0px 0 27px; 
padding : 5px 5px 0 0; 
font-family : "arial"; 
font-size : 14px;
text-align:justify;} 



.parrafo2 { 

color : #333333; 

width : 500px; 

margin : 5px 10px 0 27px; 

font-family : "arial"; 

} 



.parrafo3 { 

color : #333333; 

width : 580px; 

margin : 5px 10px 0 0px; 
padding : 5px 0 0 27px; 

font-family : "arial"; 

text-align:justify;

} 



.titulo1 { 

color : #333333; 
width : 580px;

margin : 0 0 0 26px; 
padding : 25px 0 0 0; 

font-family : "arial"; 

font-size : 18px; 
text-align:justify;

} 


.titulo2 { 

color : #333333;
width : 580px;

margin : 10px 0 0 26px; 
padding : 10px 0 0 0; 

font-family : "arial"; 

font-size : 14px; 
text-align:justify;

} 

.titulo3 { 

color : #333333;
width : 580px;

margin : 10px 0 0 26px; 

padding : 10px 0 0 0; 

font-family : "arial"; 

font-size : 14px; 
text-align:justify;

} 



dl, dt, dd, ul, li { 

margin : 0; 

padding : 0; 

list-style-type : none; 

} 


/*********************************************************Menu deroulant *********************************************************/ 



body {behavior: url(csshover.htc);} 
div#menu a {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight : bold; } /*color texto menu*/
div#menu ul {padding: 0; margin:0px; background: white; text-align:center;} 
div#menu li {background:#6c4f2d;}/*color rubricas sobrevoladas*/ 
div#menu li:hover {background: #8b6639;} 
div#menu li.sousmenu:hover {background: #8b6639;} /*color sobrevolado primera rubrica*/
div#menu ul a {width: inherit;} 

/* rajout couleure de fond */ 
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#6c4f2d;} 

/* rajout pr pour flèche direction bas et couleur de fond*/ 
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat #6c4f2d;} /*color del menu sin apoyar*/

/* une petite bordure en top*/ 
div#menu ul li {position:relative; list-style: none; float:left; } 
div#menu ul ul {position: absolute;display:none; width:110px;} 
div#menu li a {text-decoration: none; padding: 3px 0 2px; display:block;width:110px} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} 
div#menu ul.niveau3 {top:-1px; left: 110px;} 

/* rajout de couleures de fond et de survol */ 

div#menu ul.niveau3 li { background: #6c4f2d;} 
div#menu ul.niveau3 li:hover { background: #8b6639;} 

/*TAILLE DEUXIEME COLONE BIS*/                 

div#menu ul.niveau2bis ul {left: 10em;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2bis {display:block; width:150px; text-align:left;}
div#menu ul.niveau2bis li a {width: 150px;} 

/*TAILLE DEUXIEME COLONE TER*/                 

div#menu ul.niveau2ter ul {left: 185px;}  
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2ter {display:block; width:185px;}  
div#menu ul.niveau2ter li a {width: 185px;} 
