﻿body { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 120%; color: #000000; background-color: #ffffff; margin: 20px 0 0 0; padding: 0;}

/* ENLLAÇOS */
a img { border: 0;}
a, a:visited { color: #406991; text-decoration: none;}
a:active, a:hover { color: #A4B7CA; text-decoration: underline;}

a.boto, a.boto:visited { color: #FFFFFF; text-decoration: none; font-weight:bold; font-size:12px;}
a.boto:active, a.boto:hover { color: #406991; text-decoration: underline;}

br { margin: 0;}


/* CAPES */
.clear { clear: both; background-color: #ffffff;}
#contenidor { margin: 0 auto; padding: 0; width: 780px; background-image: url(../img/fons.gif); background-repeat: repeat;}
#cap { padding: 0; margin: 0 auto; width: 780px; text-align: left; font-size: 14px;}
#cap-int { padding: 0; margin: 0 auto; width: 780px; text-align: left; font-size: 12px;}

#cap ul { padding: 10px 0 0 0; margin: 0; list-style-type: none; width: 530px; float: right;}
#cap ul li { padding: 0 0 10px 15px; margin: 0; background: url('../img/pisqui02.gif') no-repeat 0 5px;}

#cap-int ul { padding: 10px 0 0 0; margin: 0; list-style-type: none; width: 530px; float: right;}
#cap-int ul li { padding: 0 0 10px 15px; margin: 0; background: url('../img/pisqui02.gif') no-repeat 0 5px;}

#boto { padding: 5px 0 10px 0; margin: 0; text-align:right; clear:both; width: 775px;}

#menu { margin: 0; padding: 0; height: 52px;}
#menu ul { padding: 0; margin: 0; list-style-type: none;}
#menu ul li { padding: 0; margin-right: 5px; display: inline; float:left;}
#menu ul li.m01 a,
  #menu ul li.m02 a,
  #menu ul li.m03 a,
  #menu ul li.m04 a { display: block; width: 190px; height: 37px; background-image: url(../img/fons_menu.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center; color:#FFFFFF;}
#menu ul li.m01 a:hover,
  #menu ul li.m02 a:hover,
  #menu ul li.m03 a:hover,
  #menu ul li.m04 a:hover { background-image: url(../img/fons_menu_over.gif);}
  
#menu2 { margin: 0; padding: 0;}
#menu2 ul { padding: 0; margin: 0; list-style-type: none;}
#menu2 ul li { padding: 10px 5px 5px 5px; margin: 0 5px 0 0; display: inline; float:left; width: 176px; min-height: 220px; border: 2px solid #406991;}

body.features #menu { border-bottom: 2px solid #406991; width: 775px;}
body.features #menu ul li { padding: 0; margin: 0; display: inline; float:left;}
body.features #menu .m01 a { display: block; width: 190px; height: 37px; margin-right: 5px; background-image: url(../img/fons_menu_on.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center; color:#406991;}
body.features #menu .m01 a:hover { color: #A4B7CA;}
body.features #menu .m02 a,
  body.features #menu .m03 a { display: block; width: 190px; height: 37px; margin-right: 5px; background-image: url(../img/fons_menu.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center;}
body.features #menu .m01 a:hover,
  body.features #menu .m02 a:hover,
  body.features #menu .m03 a:hover { color: #ffffff;}
  
body.community #menu { border-bottom: 2px solid #406991; width: 775px;}
body.community #menu ul li { padding: 0; margin: 0; display: inline; float:left;}
body.community #menu .m02 a { display: block; width: 190px; height: 37px; margin-right: 5px; background-image: url(../img/fons_menu_on.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center; color:#406991;}
body.community #menu .m02 a:hover { color: #A4B7CA;}
body.community #menu .m01 a,
  body.community #menu .m03 a { display: block; width: 190px; height: 37px; margin-right: 5px; background-image: url(../img/fons_menu.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center;}
body.community #menu .m01 a:hover,
  body.community #menu .m02 a:hover,
  body.community #menu .m03 a:hover { color: #ffffff;}
  
body.about #menu { border-bottom: 2px solid #406991; width: 775px;}
body.about #menu ul li { padding: 0; margin: 0; display: inline; float:left;}
body.about #menu .m03 a { display: block; width: 190px; height: 37px; margin-right: 5px; background-image: url(../img/fons_menu_on.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center; color:#406991;}
body.about #menu .m03 a:hover { color: #A4B7CA;}
body.about #menu .m01 a,
  body.about #menu .m02 a { display: block; width: 190px; height: 37px; margin-right: 5px; background-image: url(../img/fons_menu.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center;}
body.about #menu .m01 a:hover,
  body.about #menu .m02 a:hover,
  body.about #menu .m03 a:hover { color: #ffffff;}
  
body.whatis #menu { border-bottom: 2px solid #406991; width: 775px;}
body.whatis #menu ul li { padding: 0; margin: 0; display: inline; float:left;}
body.whatis #menu .m04 a { display: block; width: 190px; height: 37px; background-image: url(../img/fons_menu_on.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center; color:#406991;}
body.whatis #menu .m04 a:hover { color: #A4B7CA;}
body.whatis #menu .m01 a,
  body.whatis #menu .m02 a,
  body.whatis #menu .m03 a { display: block; width: 190px; height: 37px; margin-right: 5px; background-image: url(../img/fons_menu.gif); background-position: top left; background-repeat: no-repeat; padding: 15px 0 0 0; text-align:center;}
body.whatis #menu .m01 a:hover,
  body.whatis #menu .m02 a:hover,
  body.whatis #menu .m03 a:hover,
  body.whatis #menu .m04 a:hover { color: #ffffff;}


#peu { padding: 5px 0 15px 0; margin: 0 auto; width: 780px; font-size: 9px; color: #51779B; text-align:center;}
#peu-int { padding: 0 0 15px 0; margin: 10px auto; width: 780px; font-size: 9px; color: #51779B; text-align:center; border-top: 1px solid #406991;}

#colesq { float: left; padding: 0 20px 0 0; margin: 30px 20px 0 0; width: 545px;}
#coldre { float: left; padding: 0 5px 0 5px; margin: 30px 0 0 0; width: 176px; border: 2px solid #A4B7CA; font-size: 10px;}

#colesq ul { padding: 0; margin-bottom: 10px; list-style-type: none;}
#colesq ul li { padding: 0 0 5px 15px; margin: 0; background: url('../img/pisqui02.gif') no-repeat 0 4px;}

#coldre ul { padding: 0; margin-bottom: 10px; list-style-type: none;}
#coldre ul li { padding: 0 0 5px 10px; margin: 0; background: url('../img/pisqui03.gif') no-repeat 0 5px;}

/* TEXTOS */
.logo { color: #0047ba; padding: 0; margin: 20px 0 0 0;}
#colesq h2 { font-size: 14px; font-weight: bold; color: #406991; margin: 0; padding: 0;}
#coldre h2 { font-size: 10px; font-weight: bold; color: #406991; text-transform: uppercase; margin: 5px 0; padding: 0;}

/* IMATGES */
.imglogo { margin: 0; padding: 0; float: left;}
.imgboto { margin: 0 0 5px 0; padding: 0; float: left;}