html {
	position: relative;
}

body {
	text-align: center;
	position: relative;
	background-color: #BBCCDC;
	margin-top: 15px;
}

a:link, a:visited, a:active {
	color: #5C54CF;
	text-decoration: underline;	
	padding : 0px 2px 0px 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
} 
a:hover {
	color: #FF0000;	
	padding : 0px 2px 0px 2px;
}

/* --------- contenido -----------*/
#contenido {
	position: relative;
	text-align: left;
	width: 789px;
	height :800px;
	overflow: visible;
	margin: 0px auto;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border: 5px solid #006699;
}


/*------- encabezado ----------*/
#encabezado {
	position:absolute;
	margin-top:27px;
	margin-left:15px;
	height : 119px;
	width : 651px;
	font-family : sans-serif;
	font-size : 5px;
	background:  url(../reparacion-ordenadores-img/logo-reparacion.gif) no-repeat;
	padding-left:110px;
	padding-top:0px;
	left: -1px;
	top: -16px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #003366;	
}
#td1  h1{
	font-size:18px;
	color : #FFFFFF;
	line-height: 8px;
	margin-top:10px;
	
}
#td2 h2{
	font-size:16px;
	line-height: 18px;
}
#td1{
	
	float: left;
	line-height: 10px;
	text-indent: 10px;
	height: 40px;
	overflow: visible;
	visibility: visible;
	clear: right;
}
#td2{
	vertical-align: text-bottom;
	float: left;
	line-height: 10px;
	text-indent: 10px;
	background-color: #6699FF;
	height: 30px;
}
/*-------- explicación ---------*/
#reparacion-ordenadores-madrid {
	position: absolute;
	float : right;
	top: 133px;
	width:501px;
	margin-left:  230px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:40px 25px 0px 25px;
	color : #333333;
	line-height: 17px;
	left: 6px;
	z-index: 2;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #3399FF;
	border-left-color: #006699;
}
#reparacion-ordenadores-madrid h2{
	font-size: 16px;
	font-weight: 900;
	color: #00496C;
	line-height: 22px;
}
#reparacion-ordenadores-madrid blockquote{
	font-size : 10px;
   height: 180px;
	width: 350px;
	color:#5C54CF;	
	padding: 0px 5px 0px 5px;
	margin-bottom: 0px 5px 0px 5px;
}
#reparacion-ordenadores-madrid cite{
	padding-left:240px;
	font-weight:bold;
}
#reparacion-ordenadores-madrid acronym{
	background : #5C54CF;
	color : #FFFFFF;
	cursor : help;
	padding: 1px 1px 1px 1px;
}

/*------------ proyecto -------------*/
#proyecto {
	position: absolute;
	float : left;
	width:465px;
	left:230px;
	margin-left: 10px;
	top: 578px;
	color : #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background : url(../camaleoncss/proyecto.gif) no-repeat;
	padding:30px 20px 0px 20px;
	line-height: 16px;
}
#proyecto acronym{
	background : #5C54CF;
	color : #FFFFFF;
	cursor : help;
	padding: 1px 1px 1px 1px;
}
#proyecto h2{
	margin-top:15px;
	padding-top:0px;
	font-size : 14px;
	color: #00496C;
}
#proyecto h3{
   margin-top:15px;
	padding-top:0px;
	font-size : 12px;
}
#proyecto p{
	margin-top:5px;
}
#proyecto ul{
	background-color:#A8FFEE;
	border: 2px dotted #000066;
	list-style-type: square;
	text-indent: 20px;
}
/*---------- participa -----------*/
#participa {
	position: absolute;
	float: right;
	left:-12px;
	color : #666666;
	width: 227px;
	margin-left: 10px;
	top: 213px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:30px 20px 0px 20px;
	line-height: 16px;
	height: 396px;
	z-index: 4;
}

#participa h2{	
   display:none;
}
#participa h3{
   margin-top:15px;
	padding-top:0px;
	font-size : 12px;
}

#participa p{
	margin-top:5px;
}

/*----------- diseños ------------*/
#servicio-tecnico-ordenadores {
	position: absolute;
	float : left;
	top: 118px;
	left: 14px;
	width: 229px;
	height : 391px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	color : #666666;
	padding-top : 20px;
	line-height: 15px;
	z-index: 3;
	
}
#servicio-tecnico-ordenadores h2{
	font-size: 14px;
	font-weight: 900;
	color: #333333;	
}
#servicio-tecnico-ordenadores p{   
	padding: 0 15px 0 0;
	margin: 9px;
}
#estilos {	
	font: 10px Verdana,Helvetica,sans-serif;
	list-style: none;
	color: #999;
	padding: 0 15px 0 0;
	margin: 10px;	
	
}

#servicio-tecnico-ordenadores a:link,#disenos  a:active {
	color: #5C54CF;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;	
	
} 
#servicio-tecnico-ordenadores a:hover {
	color: #33CC00;	
	
}
#servicio-tecnico-ordenadores  a:visited{
	color: #5C54CF;
	text-decoration: line-through;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;		
}

#servicio-tecnico-ordenadores li {
	background-image: url(../imagenes/reparacion-tornillo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
	line-height: 32px;
	vertical-align: bottom;
}

#paginas a:link,#paginas  a:active,#paginas a:visited {
	
	color: #5C54CF;
	text-decoration: yes;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;	
	padding : 0px 1px 0px 1px;
} 
#paginas a:hover {
	color: #33CC00;	
	padding : 0px 1px 0px 1px;
}

#paginas{
	height:112px;
	padding-left:30px;
	padding-bottom:25px;
}
/*---------- autor -------------*/
#reparacion-ordenadores {
	position: absolute;
	top: -16px;
	right:16px;
	width: 537px;
	height:301px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top :2px;
	padding-right:10px;
	line-height: 19px;
	z-index:1;
	background-image: url(../reparacion-ordenadores-img/ordenadores.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#reparacion-ordenadores h2{
	display:none;
}
#reparacion-ordenadores .valor{
font-size: 0.7em;
color : #666666;

}
#reparacion-ordenadores .atributo{
font-size: 0.7em;
font-weight : bold;
	color : #666666;
	
}
#reparacion-ordenadores p{
	margin-left:0.7em;
	margin-top:0.02em;
	margin-bottom:0.02em;
}
/*----------- agradecimientos ----------*/
#agradecimientos {
	position: absolute;
	top:684px;
	left: 30px;
   width:713px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 40px 0px 10px 10px;
	background : url(../camaleoncss/agradecimientos.gif) no-repeat;
	height : 80px;
	padding:30px 0px 10px 5px;
	color:#666666;
	line-height: 17px;
}
#agradecimientos  h2{
	display:none;
}
#agradecimientos a:link,#agradecimientos  a:active,#agradecimientos a:visited {
	color: #5C54CF;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 3px 0px 3px;
} 
#agradecimientos a:hover {
	color: #FF0000;	
	padding : 0px 3px 0px 3px;
}
/*----------- legal -----------*/
#legal {
	position : absolute;
	text-align : right;
  	top: 1272px;
	right:104px;	
	margin-left:11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;;
	width: 600px;
	padding:5px 0px 10px 5px;
	color:#666666;
}

#legal a:link,#legal  a:active,#legal a:visited{
	color: #666666;
	text-decoration: yes;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight : normal;
	padding : 0px 1px 0px 1px;
} 
#legal a:hover {
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight :normal;	
	padding : 0px 1px 0px 1px;
}

blockquote {
	background-color: #B0FFCA;
}