@charset "utf-8";
/* CSS Document */
* { font-family:Verdana, Geneva, sans-serif; font-family:Arial, Helvetica, sans-serif }


body { margin:0px; padding:0px; text-align:center; background:url(img/fons-top.jpg) #fff top repeat-x }

#pagina { background:url(img/fons-peu.jpg) bottom repeat-x; margin:0px 0px 0px 0px }

#web { width:960px; margin:0 auto 0 auto; text-align:left; background:#FFF }


#cabecera0 { width:960px; height:440px; background:url(img/fons-capsalera-0.jpg) no-repeat; overflow:hidden }
#cabecera  { width:960px; height:380px; background:url(img/fons-capsalera.jpg) no-repeat; overflow:hidden }

#logo { overflow:hidden; height:85px; }
#logo-top { margin:0px 0px 0px 48px; float:left }
#menu-top { margin:20px 20px 0px 0px; float:right; text-align:right }
#menu-top a { color:#FFF; margin:10px; font-weight:bold; text-transform:uppercase; font-size:16px; }

#cuerpo { height:auto; overflow:hidden; font-size:13px;  }
#cuerpo .content { margin:20px;}
	.item   { width:290px; float:left; height:420px; }
	.centro { margin:0px 18px 0px 18px }
	.item a { background:url(img/fons-boto.png) no-repeat; height:33px; display:block; 
				width:130px; padding:5px 0px 0px 40px; color:#FFF; text-decoration:none }
	.item a:hover { text-decoration:underline; font-weight:bold; }
	.item img { border-bottom:1px solid #ccc; }

#menu-right { width:290px; float:right; }
#contenido  { float:left; width:610px }

#peu { height:180px; background:#8d289b; }

	.bloc-peu    { width:200px; height:170px; float:left; margin:10px 40px 0px 0px; }
	.bloc-peu li { list-style:none; height:20px; }
	.bloc-peu a  { color:#dda2f0; text-decoration:none; font-size:12px }
	.bloc-peu a:hover { color:#FFF; text-decoration:underline; }

.monitor { width:320px; height:260px; background:url(img/monitor.png) no-repeat; float:right; margin:20px 70px 0px 0px; }
.monitor img { margin:16px 0px 0px 16px }

.ti-1  { float:left; width:400px; margin:0px 0px 0px 130px; color:#FFF; height:200px; }
.ti-20 { float:left; width:360px; margin:0px 0px 0px 200px; }
.ti-2  { float:left; width:540px; margin:20px 0px 0px 20px; border-left:5px solid #8d289b; height:auto }
.ti-2 h2 { margin:0px; padding:0px 0px 10px 10px; }

.content { margin:10px; overflow:hidden }

#contacto { border:1px dashed #8d289b; }
#contacto label { display:block; margin:15px 0px 0px 0px }

.iz { float:left; }


h1 { font-size:30px; }
h2 { font-size:25px; color:#8d289b;}
h3 { border-bottom:3px solid #CCC; padding-bottom:5px; font-size:20px; color:#8d289b;}
h4 { color:#dda2f0; }

.grupo { background:#8d289b; color:#FFF; font-weight:bold; }