/***********************************************************/
 /*                   pag index-principal                   */
/***********************************************************/

body{ 
font-family:Verdana,Arial;
background-color:#FFFFFF;
}

div.title{
width:830px;
border-top:6px solid #FFFFFF;
height:82px;
}

div.logo{
width:290px;
height:82px;
background-color:#FFFFFF;
margin-right:0px;
border-bottom: 0px solid #CCCCCC; 
border-top:2px solid #FFFFFF;
float: left;
}

div.top{
width:540px;
height:82px;
margin: 0px;
padding:0;
float: right;
border-top:0px solid #FFFFFF;

}


div.fons{
width:540px;
height:45px;
font-family:Tahoma, Arial, Verdana;
font-size: 13px;
font-weight: bold;
color: #EE9A00;
margin:0px;
padding-left:0px;
border-bottom:0px solid #FFFFFF;
vertical-align:top;
text-align:left;
}

div.espai{
width:0px;
height:40px;
background-color:#CCCCCC;
float:left;
}


div.band{
background-color:#CCCCCC;
width:30px;
height:40px;
padding-right:5px;
/*margin-right:0px;
padding-top:0px;*/
float:right;
text-align:bottom;
}

div.menu{
width:504px;
height:40px;
background-color:#CCCCCC;
float:left;
border-left:px solid #CCCCCC;
padding-left:1px;
margin-left:0px;
/*text-align:bottom; */
margin-top:0px;
}

div.ba{
width:20px;
/*height:12px;*/
border-right:2px solid #CCCCCC;
border-top:2px solid #CCCCCC;
background-color:#CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
float:right;
}

div.mb{
background-color:#CCCCCC;


}
div.op{
width:495px;
background-color:#CCCCCC;
border-bottom:18px solid #CCCCCC;

}



div.center{
background-color: #CCCCCC;
width:770px;
font-size: 9px;
font-weight: bold;
color: #666666;
margin: 0px auto 0px auto;
border: 0px solid #000;
float: left;
border-style:solid;
border-color:#cccccc;
border-right-width:30px;
border-left-width:30px;
border-top-width:8px;
border-bottom-width:8px;
}

div.left{
background-color: #CCCCCC;
width:200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #666666;
text-align:center;
border-right: 0px solid #0099FF; /* ancho y color del menú */
float: left;

}
div.img{
width: 80%;
height:300px;
margin: 0px ;
background-color: #999999;
border-top: 8px solid #CCCCCC;
border-bottom: 8px solid #CCCCCC;
float: left;
}

#image{
width: 80%;
height:300px;
margin: 0px ;
background-color: #CCCCCC;
}

div.not{
background-color: #F5F5F5;
width:174px;
height:78px;
border-right: 1px solid #FF9933; 
border-left: 1px solid #FF9933;
border-bottom: 1px solid #FF9933; 
border-top: 1px solid #FF9933;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size: 16px;
text-align:center;
line-height:80px;
float: left;
}

div.contact{
width:174px;
height:22px;
align: center;
text-align:center;
line-height:20px;
background: #5970B2;
font-size:12px; 
margin-right: 0px; 
margin-left:0px ;
margin-bottom: 0px; 
margin-top:6px;
float: left;
}


div.contenido{
width: 570px;
margin-bottom: 1px ;
float: right;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

#conten{
width: 500px;
margin-left:0px ;
margin-bottom: 0px; 
margin-top:0px;
padding-right: 35px; 
padding-left:35px ;
padding-bottom: 15px; 
padding-top:10px;
font-family:Verdana, Arial,  Tahoma, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-align:justify;
text-indent:0px;
line-height:14px;
float: right;
}

div.peu{
width:570px;
float: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #666666;
background-color: #CCCCCC;
margin-top: 0px;

}

div.tomo{
width:570px;
height:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
text-align:center;
color: #666666;
background-color:#E5E5E5;
border-bottom: 1px solid #CCCCCC;
border-top: 2px solid #CCCCCC; /* ancho y color del menú */
margin-top: 0px;
padding-right: 0px; 
padding-left:0px ;
padding-bottom: 2px; 
padding-top:2px;
float:right;
border-right-width:0px;
border-left-width:0px;

}

div.direc{
width:570px;
height:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
text-align:center;
color: #666666;
background-color:#E5E5E5;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC; /* ancho y color del menú */
margin-top: 0px;
padding-right: 0px; 
padding-left:0px ;
padding-bottom: 2px; 
padding-top:2px;
float:right;
border-right-width:0px;
border-left-width:0px;
}

table.dep{
width:420px;
padding-right: 0px; 
padding-left:0px ;
padding-bottom: 3px; 
padding-top:3px;
}

img{
padding:0;
border:none;
background:none;
}

a{
text-decoration:none;
}

a.link{
color:#FF9933;

}
a.visited{
color:#FF9933;
background:none;

}

hr{
color:#FF9933;
background-color:#FF9933;
height: 1px;
}