/* Estilos para web S.E.R.G.A. (http:/www.serga.com http://www.serga.es */

body {
  margin: 0px;
  background-color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#999999;  
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
p{
text-indent:10px;
text-align:justify;

}

/*
 										Identificadores de etiquetas div principais, sen class
==================================================================================================================================
*/

#contenedor{                      /* div principal que centra o contido en pantalla horizontalmente */
 position:absolute;
 width:700px;
 height:490px;
 left:50%;
 margin-left:-350px;
 margin-top:10px;
 background-image:url(img/fondoazul.gif);
 background-repeat:repeat;
 /*background-color:#cccccc;*/
}

#esquerda {						/* div do lado esquerdo que contén o logo e o menu de galería */
 float:left;
 position:relative;
 width:200px;
 height:auto;
}
#logotipo {						/* div para poñer o logo no lado esquerdo */
 position:relative;
 width:200px;
 margin:0px;
 background-color:#666699;
}
#menuFotos {					/* div para por o menu da esquerdºa */
 position:relative;
 width:200px;
 height:auto;
 margin-left:0px;
 margin-top:5px;
}
#menuFotos ul {
 list-style: none;
 list-style-image: url(img/icono.gif); 
}

#menuFotos li {
       background: url (img/icono.gif) no-repeat;
       
    }

#menuFotos a{
 font-size:10px;
 text-decoration:none;
 color:#FFFFFF;
}

#menuFotos a:hover{
 font-size:10px;
 text-decoration:underline;
 color:#666699;
}

#artesaniaGalicia{
position:relative;
width:200px;
margin-top:15px;
margin-bottom:15px;

}

#principal {					/* div central co menu e o contido*/
 float:left;
 position:relative;
 width:500px;
}

#menuPrincipal{					/* div do menu superior (empresa, contaco, etc) */
 position:relative;
 width:100%;
 height:25px;
 margin-left:0px;
 border-top:#666699 1px solid;
 border-bottom:#666699 1px solid;
 }
#opcions{
margin-left:5px;
 margin-top:5px;
 margin-bottom:5px;
}
#menuPrincipal a{
 padding-left:50px;
 padding-right:50px;
 padding-bottom:2px;
 padding-top:2px;

 font-size:10px;
 text-decoration:none;
 color:#FFFFFF;
}

#menuPrincipal a:hover{
 font-size:10px;
 text-decoration:none;
 color:#FFFFFF;
 background-color:#666699;
}



#contido{						/* div co contido principal */
 float:left;
 position:relative;
 width:100%;
 height:440;
 margin-top:5px;
 font-style:normal;
 text-decoration:none;
 overflow: auto;
}

#pedepaxina{
 clear:both;
 width:700px;
 height:25px;
 background-image:url(img/fondoazul2.gif);
 background-repeat:repeat;
}



/* 	
											Definicións de clases/estilos  para tablas e imaxes
============================================================================================================================== */
img {
	border:2px;
	color:#FF0000;
}
img.logo{
	border:0px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:15px;
	margin-top:15px;
	
}


.imgDereita {
	float: right; 
	margin-left: 5px;
	margin-bottom:5px;
	
}
.imgEsquerda {
	float: left; 
	margin-right: 5px;
	margin-bottom:5px;
	
}

div.container {
 text-align:center;
 }
 
div.container img{
 margin:0px;
 margin-left:15px;
 margin-right:15px;
 }
div.container p {
   text-align: center;
   }
div.container a{
 padding-left:50px;
 padding-right:50px;
 padding-bottom:2px;
 padding-top:2px;

 font-size:10px;
 text-decoration:none;
 color:#FFFFFF;
}

div.container a:hover{
 font-size:10px;
 text-decoration:none;
 color:#FFFFFF;
 background-color:#666699;
}
  
div.spacer {
 clear: both;
 }
  
div.imaxe {
  float: left;
  padding: 5px;
  border:2px dashed #000000;
  }
  
div.imaxe p {
   text-align: center;
   }