.border-proves { border: 1px solid #000; }

/* ------------------------------------------------------------------------
	GLOBAL
 ------------------------------------------------------------------------ */
	
	body {
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 76%;
		margin:0;
		padding:0;
		color:#191919;
		background-color: #FFF;
		background-image: url(../img/fons-home.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	body.popup { background: none; }
	
	
	#wrap { width: 980px; margin: 0px auto; }
	#wrap-popup { width: 610px; margin: 0 auto; }
	
	a { outline: none; }
	a.default { color: #666; text-decoration:none; font-weight:bold; }
	a.default:hover, a.default .triat { color:#191919; text-decoration:none; font-weight:bold; }

/* ------------------------------------------------------------------------
	GLOBAL
 ------------------------------------------------------------------------ */
	
	#head { width: 920px; margin:8px auto; }
	
	#capcalera_peu {
		margin-top:0px;
		width:1000px;
		color:#ccc;
		text-align:center;
	}
	#capcalera_peu a {
		color:#999;
		font-size:9px;
		padding:0;
		margin:0;
		text-decoration:none;
	}
	
	#head h1 { float:left; padding: 0 0 0 10px; margin: 0; }
	#head .nav-idioma { float:right; color:#FFF; }
	#head .nav-idioma a { color:#FFF; text-decoration:none; letter-spacing: 2px; }
	#head .nav-idioma a:hover, 
	#head .nav-idioma a.triat { font-style:italic; }
	
	#ico-home { position:absolute; padding: 20px 0px 0px 8px; }
	
	#content { width:920px; margin:0 auto; }
	#content-popup { width: 490px; margin: 0 auto; }
	
	#foot { padding: 20px 0px 20px 0px; }
	#foot .link { text-align:right; padding-right: 50px; padding-top: 10px; }
	#foot .link a{ font-size: 10px; text-decoration:none; color:#a6a6a6; }
	#foot .separador { background-image: url(../img/separador-home.gif); background-repeat:no-repeat; background-position:center top; height:18px; width: 980px; }
	#foot .metodes { text-align:center; }
	
	#caixa-menu { width: 800px; margin: 0 auto; }
	#caixa-menu .item { float:left;  margin: 10px 4px 0px 0px; }
	#caixa-menu .item .cme { float:left; background-image: url(../img/cm-esquerra.gif); background-position: left top; background-repeat:no-repeat; width: 15px; height: 49px; }
	#caixa-menu .item .cmd { float:left; background-image: url(../img/cm-dreta.gif); background-position: left top; background-repeat:no-repeat; width: 15px; height: 49px; }
	#caixa-menu .item .cmc { float:left; background-image: url(../img/cm-centre.gif); background-position: left top; background-repeat:repeat-x; height: 49px; 
						padding: 16px 0px 0px 0px; }
	#caixa-menu .item .cmc a { text-decoration:none; color: #ee8020; font-size: 14px; font-weight:bold; padding: 0px 6px 0px 6px; font-style:italic; }
	#caixa-menu .item .cmc a:hover, 
	#caixa-menu .item .cmc a.triat { color: #b5b5b5; }
	
	.blau { color: #4c8cd7; }
	.blau-fluix { color: #99bde8; }
	.gris { color: #808080; }
	.vermell { color: #cc0000; }
	.taronja { color: #; }
	
	
/* ------------------------------------------------------------------------
	index.php
 ------------------------------------------------------------------------ */
	
	.esquerra { float:left; width: 640px; padding-top: 10px; }
	.esquerra .fila1-esquerra { float:left; width: 200px; }
	.esquerra .fila1-esquerra .qui-som { color: #4c8cd7; width: 196px; padding-left: 4px; }
	.esquerra .fila1-esquerra .qui-som p { font-weight:bold; padding-left: 10px; width: 176px; padding-top: 4px; }
	 /*.esquerra .fila1-esquerra .qui-som .link { text-align:right; float:right; padding-top: 40px; width: 36px; } */
	.esquerra .fila1-esquerra .qui-som .link { text-align:right;} 
	.esquerra .fila1-esquerra .qui-som .link a { color: #999; font-weight:bold; text-decoration:none; font-size: 13px; }
/*	.esquerra .fila1-esquerra .qui-som a { color: #999; font-weight:bold; text-decoration:none; font-size: 13px; text-align:right; }*/
	.esquerra .fila1-dreta { width: 430px; padding-left: 10px; float:left; }
	
	.dreta { float:left; width: 270px; padding-top: 10px; }
	.dreta .bola { float:left; width: 45px; padding-left: 16px; }
	.dreta .text { float:left; width: 190px; color: #99bde8; font-weight:bold; font-size: 1.1em; font-style:italic; padding-left: 16px; height:110px }
	.dreta .text a { color: #99bde8; font-weight:bold; font-size: 1.1em; font-style:italic; }	
	.baix { padding-top: 14px; padding-left: 10px; }
	/*.baix .logo { float:left; width: 116px; }*/
	.logo { background: url(../img/img-home-minilogo.gif); float: left;  width: 116px; height: 115px; text-indent:-30000px; }
	.baix .text { float:left; width:220px; padding-left: 25px; padding-top: 8px; }
	.baix .text b { color: #005ac5; font-size: 1.2em; }
	.baix .form1 { float:left; width: 290px; padding-left: 30px; padding-top: 8px; }
	.baix .form1 div, .baix .form2 div { padding-bottom: 8px; }
	.baix .form2 { float:left; width: 194px; padding-left: 14px; padding-top: 8px; }
	
	.baix form {}
	.baix form input { border:2px solid #e6effa; background-color: #ccdef4; width: 215px; }
	
	.form-msg { float:left; width: 460px; text-align:center; margin-top: 40px; margin-left: 90px; }
	.form-msg .form-msg-error { font-size: 1.2em; font-weight:bold; }
	
	#caixa-novetats {}
	#caixa-novetats .content { background: url(../img/img-caixa-home-center.gif) left top repeat; width:252px; padding: 0 4px 0 3px; }
	#caixa-novetats h3 { font-weight:bold; font-size: 18px; padding: 8px 10px 0px 10px; }
	#caixa-novetats .image { text-align:center; }
	#caixa-novetats .descripcio { padding: 4px 14px 4px 14px; color:#FFF; font-weight:bold; font-size: 12px; }
	#caixa-novetats .veure-mes { padding-left:14px; padding-bottom: 4px; }
	#caixa-novetats a { color:#FFF; text-decoration:none; font-weight:bold; }
	#caixa-novetats .fons-taronja { background: #f27a12 url(../img/img-caixa-home-fons-taronja.gif) left top no-repeat; width:253px; }
	
	#rotator .ui-tabs-panel { clear:left; }
	#rotator .ui-tabs-nav { display:none; }
	#rotator .ui-tabs-hide { display:none; }
	
/* ------------------------------------------------------------------------
	quien-somos.php
 ------------------------------------------------------------------------ */
	
	#qs-esquerra { float:left; width: 398px; }
	#qs-esquerra .mapa { padding-left: 6px; padding-top: 14px; }
	#qs-esquerra .mapa iframe { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	
	#qs-dreta { float:left; padding-left: 8px; padding-right: 10px; width: 490px; }
	#qs-dreta h2 { font-weight:bold; color: #4c8cd7; padding-bottom: 10px; }
	#qs-dreta p { color: #808080; line-height: 18px; padding-bottom: 14px; }
	#qs-dreta a { color: #808080; text-decoration:underline; }
	
	#contacte { padding-top: 10px; width: 400px; margin: 30px auto; }
	#contacte .img { float:left; width: 50px; }
	#contacte .text { float:left; width: 330px; font-size: 1.2em; font-weight:bold; color: #99bde8; font-style:italic; line-height: 22px; padding-left: 20px; }
	
/* ------------------------------------------------------------------------
	en-los-medios.php
 ------------------------------------------------------------------------ */
	
	.balance { text-align:center; padding-top: 14px;  }
	
	#m-esquerra { float:left; width: 340px; padding-left: 60px; }
	#m-esquerra .image { padding-bottom: 8px; }
	#m-esquerra .text { width: 300px; }
	#m-esquerra .text h2 { font-weight:bold; color: #4c8cd7; font-size: 1.1em; padding-bottom: 4px; }
	#m-esquerra .text p { color: #808080; font-size: 0.9em; line-height: 16px; padding-bottom: 8px; }
	#m-esquerra #mp3player-content { padding-top: 20px; padding-bottom: 6px; }
	
	#m-dreta { float:left; width: 500px; padding-left: 6px; }
	#m-dreta #videoplayer-content { background-image: url(../img/fons-video-medis.gif); background-position: left top; background-repeat: no-repeat; 
									width: 432px; height: 263px; padding-left: 2px; padding-top: 2px; }
	#m-dreta .peu, 
	#m-esquerra .peu { color: #808080; font-size: 0.8em; padding-top: 6px; }
	
/* ------------------------------------------------------------------------
	compra-segura.php
 ------------------------------------------------------------------------ */
 
 	#cs { padding-bottom: 20px; }
	#cs h2 { font-weight:bold; color: #4c8cd7; padding-bottom: 6px; padding-top: 4px; }
	#cs p { line-height: 18px; padding-bottom: 14px; }
	
/* ------------------------------------------------------------------------
	proceso-fabricacion.php
 ------------------------------------------------------------------------ */
	
	#pf { width: 760px; margin: 10px auto; padding-right: 20px; }
	#pf h3 { padding-left: 30px; padding-top: 4px; padding-bottom: 4px; }
	#pf p { line-height: 22px; padding-bottom: 18px; }
	#pf .image { width: 210px; float: right; padding-left: 8px; }
	#pf .image img { border: 1px solid #808080; }
	#pf .image h4 { color: #808080; font-size: 0.8em; padding:4px; border-bottom: 1px solid #808080; border-left: 1px solid #808080; 
					border-right: 1px solid #808080; margin-right: 8px; margin-bottom: 10px; }
	#pf .image-petit { width: 110px; float: right; padding-left: 8px; }
	#pf .image-petit img { border: 1px solid #808080; }
	#pf .image-petit h4 { color: #808080; font-size: 0.7em; padding:4px; border-bottom: 1px solid #808080; border-left: 1px solid #808080; 
						border-right: 1px solid #808080; margin-right: 8px; margin-bottom: 10px; }
	#pf .text { width: 470px !important; padding-top: 10px; }
	#pf .text span { color: #4c8cd7; }
	
	#pf .text-intro { padding-bottom: 14px; color:#333; }
	#pf .text-intro p { padding-bottom: 6px; }
	
/* ------------------------------------------------------------------------
	consejos
 ------------------------------------------------------------------------ */
	
	#consejos { padding: 0 60px 0 60px; }
	#consejos .image { padding-bottom: 8px; }
	#consejos .text h2 { font-weight:bold; color: #4c8cd7; font-size: 1.1em; padding-bottom: 4px; }
	#consejos .text p { color: #808080; font-size: 0.9em; line-height: 16px; padding-bottom: 8px; }
	#consejos a { color:#000000; }