/* CSS Document */
body {
	background-color: #80b69c;
}
.estilos {
	font-family: Arial;
	font-size: 12px;
	color:#000000;
	text-align:justify;
}
.estilos1 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.estilos2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.estilos3 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}
.boto{
      font-size:18px;
	  font-family:Arial, Helvetica, sans-serif, Times;
	  font-weight:bold;
	  color:#FFFFFF;
	  background:#FF6600;	
	  border:0px;
	  width:110px;
	  height:25px;
	  text-decoration:none;
}
a {
    text-decoration:none;
}
.form{
    list-style-type:none;
}
#general {
    background-color: #ECE9D8;
	width: 772px;
	height: 561px;
	margin: 0 auto;
	position:relative;
}
#contingut {
    background-color: #80b69c;
	width: 762px;
	height: 559px;
	margin: 0 auto;
	position:relative;
}
#anagrama {
	background:url(la_milotxafinalxicoteta.gif);
	margin: auto;
	float:left;
	width:176px;
	height:135px;
	position:relative;
}
#encap {
	float: left;
	margin-left:0px;
	width:584px;
	height:135px;
	position:relative;
}
#botonera {
	margin-top: 136px;   
	margin-left: 0px;
	float:left;
	padding: 0px;
	margin-top:-418px;
	z-index:100;
	width:176px;
	height:450px;
	position:relative;
}
#botsup {
	margin: 0 auto;
	padding-top: 4px;
	float: left;
	margin-left: 176px;
	margin-top: 0px;
	z-index:10;
	background-color: #ECE9D8;
	width:585px;
	height:25px;
	position:relative;
}
#desenvol {
	float:right;
	margin-right:2px;
	width: 584px;
	padding-left: 3px;
	height: 393px;
	margin-left: 1px;
	background-color: #ECE9D8;
	overflow:auto; 
	position:relative;
}
#desenvol2 {
	float:right;
	margin-right:2px;
	width: 584px;
	padding-left: 3px;
	height: 393px;
	margin-left: 1px;
	background-color: #ECE9D8;
	overflow:hidden; 
	position:relative;
}
#portada {
    background:url(fotos_milotxa/compportada-copia.gif);
	float:right;
	margin-right:2px;
	width: 584px;
	padding-left: 3px;
	height: 393px;
	margin-left: 1px;
	position:relative;
}
#dades {
    width: 500px;
	height: 50px;
	margin-left:131px;
	margin-right:131px;
	background-color:#ECE9D8;
	margin-top:30px;
	position:relative;
}
#dadespers {
    width:500px;
	heigth:350px;
	margin-left:131px;
	margin-top:10px;
	background-color:B5B5B5;
	position:relative;
}
#validar {
    width:500px;
	heigth:350px;
	margin-left:131px;
	margin-right:131px;
	margin-top:10px;
	background-color:A19F94;
	position:relative;
}
#encapnot {
    width: 500px;
	height: 50px;
	margin-left:131px;
	margin-right:131px;
	background-color:#ECE9D8;
	margin-top:30px;
	position:relative;
}
#dadesnot {
    width:500px;
	heigth:150px;
	margin-left:131px;
	margin-top:10px;
	background-color:B5B5B5;
	position:relative;
}
#noticies {
    width:500px;
	heigth:200px;
	margin-top:10px;
	background-color:B5B5B5;
	position:relative;
	margin-left: 131px;
}
#painters {
  padding:0;
  margin: 0;
  list-style-type:none;
}
#painters li {
  width:173px; 
  height:20px; 
  float:left;
  border:1px solid #000;
  margin-right:2px;
}
#painters a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
}
#painters a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:173px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters a.white {background:#FFF; color:#000;}
#painters a:hover.white {
     background:#FFF;
     color:#000;
	 width:173px;
	 height:20px;
}
#painters a.red {
     background:#c00;
	 color:#fff;
	 margin: 0 auto;
}
#painters a.orange {background:#fc0; color:#000;}
#painters a.yellow {background:#ee0; color:#000;}
#painters a.green {background:#080; color:#fff;}
#painters a.blue {background:#00c; color:#fff;}
#painters a.violet {background:#c6c; color:#fff;}
#painters a:hover {
  width:220px; 
  height:35px;
  z-index:200;
  background:transparent url(../ads/opaque.gif);
}
#painters a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:220px; 
  height:35px;
  left:-12px; 
  top:-8px;
}
#painters a:hover.white em{background:#FFF;
   color:#000;
   width:173px;
   height:20px;
 }
#painters a:hover.red em {
    background:#c00;
}
#painters a:hover.orange em {
    background:#fc0;
}
#painters a:hover.yellow em {
    background:#ee0;
}
#painters a:hover.green em {
    background:#080;
}
#painters a:hover.blue em {
    background:#00c;
}
#painters a:hover.violet em {
    background:#c6c;
}
#painters2 {
  padding:0;
  margin:0;
  list-style-type:none; 
  }
#painters2 li {
  width:113px; 
  height:20px; 
  float:left;
  border:1px solid #000;
  margin-right:2px;
  }
#painters2 a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#painters2 a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:113px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters2 a.red {background:#c00; color:#fff;}
#painters2 a.orange {background:#fc0; color:#000;}
#painters2 a.yellow {background:#ee0; color:#000;}
#painters2 a.green {background:#080; color:#fff;}
#painters2 a.blue {background:#00c; color:#fff;}
#painters2 a:hover {
  width:180px; 
  height:35px;
  z-index:200;
  background:transparent;
}
#painters2 a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:180px; 
  height:35px;
  left:-12px; 
  top:-4px;
  }
#painters2 a:hover.red em {
   background:#c00;
}
#painters2 a:hover.orange em {
   background:#fc0;
}
#painters2 a:hover.yellow em {
   background:#ee0; 
}
#painters2 a:hover.green em {
   background:#080;
}
#painters2 a:hover.blue em {
   background:#00c;
}
h1 {
	margin-left: 40px;
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
	color:#0000FF;
	text-decoration: none;
}
h2 {
    margin-left: 30px;
	margin-top: 10px;
	font-weight: bold;
	font-size:18px;
	color:#000000;
	text-decoration:none;
}
h3 {
    margin-left: 20px;	
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top:10px;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}
h1 {
	margin-left: 40px;
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
	color:#0000FF;
	text-decoration: none;
}
h2 {
    margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	font-weight: bold;
	font-size:18px;
	color:#000000;
	text-decoration:none;
}
h3 {
    margin-left: 20px;	
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top:20px;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}
h4 {
    margin-left: 20px;	
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top:10px;
	font-size:16px;
	color:#3366CC;
	text-decoration:none;
}	
h5 {
    margin-left: 40px;
	margin-top: 20px;
	font-size: 32px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
}