/*
     **************************************************************************************
     *  Site: www.xaviagut.net                                                  blog.css  *
     *  Xavi Agut Enginyer Tčcnic en Informātica de Gestiķ                                *
     *  Xavi Agut - setembre de 2009                                                      *
     *  Site per a donar a cončixer les seues posibilitats com a informātic               *
	 *  - Definiciķ dels estils per al blog -                                              *
     **************************************************************************************
*/

/* 
   -------------------------------------------------------------------------------------------------
   Etiquetes html
   -------------------------------------------------------------------------------------------------
*/

body {
   background-color: White;
/*   overflow: hidden;*/
}

/* 
   -------------------------------------------------------------------------------------------------
   Etiquetes
   -------------------------------------------------------------------------------------------------
*/

.imgvincul {
   border: none;
	text-decoration: none;
}

/* 
   -------------------------------------------------------------------------------------------------
   Capa per al contingut del blog
   -------------------------------------------------------------------------------------------------
*/

.capa_blog {
	width: 832px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-top:0px;
	margin-left:-416px;
}

#capablog {
	background-color: White;
	background-image: url(../imatges/blog/fonsblog.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

/* 
   -------------------------------------------------------------------------------------------------
   Capa per a l'encapsalament del blog
   -------------------------------------------------------------------------------------------------
*/

.capa_encapsalamentblog {
	width: 800px;
	height: 115px;
	position: relative;
	top: 0px;
	left: 40px;
}

.capa_encapblogtxtxaviagut {
	width: 239px;
	height: 58px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../imatges/blog/txt_xaviagut.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

.capa_encapblogtxtingtecinf {
	width: 656px;
	height: 53px;
	position: absolute;
	top: 58px;
	left: 0px;
	background-image: url(../imatges/blog/txt_ingtecinf.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

/* 
   -------------------------------------------------------------------------------------------------
   Capa per a les linies de separacio
   -------------------------------------------------------------------------------------------------
*/

.capa_fonsliniesseparacio {
	width: 800px;
	height: 20px;
	position: relative;
	left: 15px;
}

#fonsliniesseparacioencapsalament {
/*	top: 118px;*/
}

#fonsliniesseparaciodefinicio {
/*	top: 172px;*/
}

.capa_liniaseparacio {
	width: 780px;
	position: absolute;
	left: 10px;
}

#liniaseparaciosuperior {
	top: 5px;
	border-top: 2px inset #7C7C7C;
}

#liniaseparacioinferior {
	top: 10px;
	border-top: 4px inset #7C7C7C;
}

/* 
   -------------------------------------------------------------------------------------------------
   Capa per a la definicio de informatica
   -------------------------------------------------------------------------------------------------
*/

.capa_fonsdefinicioinformatica {
	width: 800px;
	height: 35px;
	position: relative;
	left: 20px;
}

.capa_definicioinformatica {
	width: 780px;
	position: absolute;
	top: 0px;
	left: 10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: Black;
	font-style: italic;
	font-weight: bold;
}

/* 
   -------------------------------------------------------------------------------------------------
   Capa per als articles d'opinio
   -------------------------------------------------------------------------------------------------
*/

.capa_fonsarticle {
	width: 800;
	position: relative;
	top: 0px;
	left: 20px;
}

#articlewebsistemainformacio {
	height: auto;
}

.capa_titularticle {
	width: 775px;
	height: 25px;
	position: relative;
	top: 0px;
	left: 10px;
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px solid Black;
	padding-top: 10px;
}

.capa_contingutarticle {
	width: 775px;
	height: auto;
	position: relative;
	top: 0px;
	left: 10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	padding-top: 10px;
}

.capa_peuarticle {
	width: 775px;
	height: 30px;
	position: relative;
	top: 0px;
	left: 10px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
}

/* 
   -------------------------------------------------------------------------------------------------
   Capa per a l'enllas per a pujar dalt
   -------------------------------------------------------------------------------------------------
*/

.capa_vinculinicidocument{
	width: 780px;
	height: 50px;
	position: relative;
	top: 0px;
	left: 10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.capa_vinculiniciflexa {
	width: 14px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 20px;
	background-image: url(../imatges/blog/inicidocument.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

a.txtvinculinici {
	width: 200px;
	height: 15px;
	position: absolute;
	top: 16px;
	left: 40px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: Black;
}

a.txtvinculinici:hover {
	color: #C92525;
}