/*
By Herreman David
http://www.free-css-templates.com
*/

body {
 background: #FFF url(/images/bg.jpg) repeat-x;
 color: #000;
 padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em;
}

a { color: #46574D; background: inherit; }
a:hover { color: #647B6D; background: inherit;}

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #46574D; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #46574D; background: #FFF; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }

input.search { width: 122px; height: 15px; border: 1px dotted #FF9C00; background: #FFF; padding: 3px; color: #616161; }
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }



.content { margin: 0 auto; padding: 0px; color: #000; }
.header { color: #000; width: 800px; height: 81px;	margin: 0 auto; padding: 0; }
.hearder .leftside {	width: 350px; float: left;  }
.header h1 {

	padding: 12px 0 0 0px;
	color: #000;
	font: bold 1.6em Arial, sans-serif;
	
}

.header h2 {

	
	padding: 0;
	color: #FFF;
	font: bold 1.3em Arial, sans-serif;
	
	
}

.header .searchf {
	float: right;
	margin-right: 15px;
	clear: both;
	margin-top: 35px;
}

.searchpad { padding-top: 15px; }

#lnews { 
	padding: 15px;
	color: #FFF;
	width: 800px;
	height: 90px;
	font: 1.3em Arial, sans-serif;
	margin: 0 auto;
}

#lnews h2 { font: bold 1.4em Arial, sans-serif; color: #FFCF83; }
#lnews a { color: #FFCF83; text-decoration: none; } 
#lnews a:hover { color: #FFDF83; text-decoration: underline; }

/*#lnews_left { width:600px; float:left }
#lnews_right { width:200px; float:right }*/

#lnews_left { width:200px; float:left }
#lnews_right { width:580px; float:right; text-align:justify; padding-left:20px; 	font: 0.9em Arial, sans-serif; }



#nav {
	margin: 10px auto;
	width: 780px;
	height: 28px;
	
}

#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { display:block; font: bold 1.2em Arial, sans-serif; color:#fff; padding: 5px 10px 5px 10px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; margin:0; padding:0 0 0 0px; }
#nav #current a { float:left; color:#FFF; border-bottom: 12px solid #000; border-top: 3px solid #FF9C00; padding: 0 10px 5px 10px;}
#nav a:hover { float:left; color:#FFF; padding: 0 10px 5px 10px; border-bottom: 12px solid #000; border-top: 3px solid #FF9C00;}  
#nav .padding { padding: 5px 0 0 10px; font-weight: bold; }


#bottomb {
	clear: both;
	width: 100%;
	background: #FFDEAB url(/images/topb.jpg) repeat-x top;
	font: 1.25em Arial, sans-serif;
}

#bottomb .padding {
	width: 800px;
	margin: 0 auto;
	padding: 30px 40px 10px 60px;
	
	
}
#bottomb ul { margin:0; list-style:none; padding: 0; }
#bottomb li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 3px 0px; 
	border-bottom: 1px dotted #ccc; 
	list-style: none;
}
#bottomb li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0; display: block; margin-bottom: 2px; }
#bottomb li a:hover { color: #075181; text-decoration: none; background: #FFDCA6; display: block; margin-bottom: 2px; }
#bottomb h2 {
	padding: 5px 0 5px 0;
	color: #FF9C00;
	font: bold 1.6em Arial, sans-serif;
}

#bottomb .rights {
	float: right;
	width: 200px;
	z-index: 1;
	width: 200px;
}

#bottomb .bottomc {
	width: 200px;
	margin: 0 auto;
	z-index: 2;
	float: center;
	
}

#bottomb .bottomd {
	width: 200px;
	margin: 0;
	z-index: 3;
	float: left;
	
}

.imgd {
	border: 1px solid #ccc;
	padding: 5px;
	
}


.main_content {
	margin: 0 auto;
	margin-top: 10px;
	width: 800px;
}


.sd_left {
	float: left;
	color: #000;
	margin: 0 0 0px 5px;
	padding: 0px 20px 0px 5px;
	width: 500px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
}	

.sd_right {
    clear:both;
    float: right;
	color: #000;
	margin: 0 5px 0 0;
	padding: 0px 0px 0 0px;
	width: 250px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
}	
	


.text_padding {
	padding: 15px 0 0 0;
	text-align:justify;
}

.main_content h2 {
	padding: 5px 0 5px 0;
	color: #FF9C00;
	font: bold 1.6em Arial, sans-serif;
}


.date { 
	color: #46574D; 
	background: #FFFFFF;
	text-align: right; 
	margin: 10px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #FFDEAB;
}
.date img {
	vertical-align: middle;
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

.footer { 
	background: #000 url(/images/footer.jpg) repeat-x top;
	width: 100%;
	color:#eee;  
	text-align:center; 
	clear:both;
	font: 1.3em arial, helvetica, verdana, sans-serif;
	
}
.footer .padding { padding: 25px 70px 25px 70px; }
.footer a { color:#FFCF83; text-decoration: none;}
.footer a:hover { color:#FFDF83; text-decoration: underline; }


/* INATICA.COM */
#Categoria {
  border-width:1px;
  border-color:#999;
  border-style:solid;
  float:left;
  width:200px;
  height:200px;
  margin:5px;
  padding:5px;
  text-align:center;
  background-image:url(/images/fons_categoria.jpg)
}

#Categoria a{
  text-decoration:none;
  background:none;
  font-weight:bold;
}
#Categoria img{
  border-width:1px;
  border-color:#000;
  border-style:solid;
  margin:3px;
}


/* Categoria */

/* Llistat */

#Llistat {
  text-align:justify;
}

#Fila {
  margin:3px;
  text-align:justify;
  width: 515px;
  height:110px;

  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#999;

  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#000;

  margin-top:10px;
  background-color:#F6F6F6;
}

#Fila2 {
  margin:3px;
  text-align:justify;
  width: 515px;
  height:110px;

  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#999;

  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#000;

  margin-top:10px;
  background-color:#DDD;
}

#Foto {
  width:85px;
  height:60px;
  float:left;
  padding:5px;
}
#Foto img{
    border-style:solid;
	border-color:#999;
	border-width:1px;
}

#Text {
  width:330px;
  height:60px;
  float:left;
  padding:5px;
}

#MesInfo {
  width:50px;
  height:60px;
  float:left;
  padding:5px;
  text-align:center;
}

#MesInfo a{
	text-decoration: none;
	color: #000;
}
#MesInfo a:hover{
	color: #666;
}
#MesInfo a.selected{
	color: #000;
}

.visualizaciones{
	padding-right:15px;
	float:left;
	height:275px;
	width:150px;
	font-size:10px;
}

#formUpdateCarroCompra{
  font-size:10px;
}

#formUpdateCarroCompra input{
  font-size:10px;
}

.carro_compra_descripcio{
clear:both;
}

.carro_compra_quantitat{
  width:40px;
  float:left;
}
.carro_compra_preu{
  width:70px;
  float:left;
  text-align:right;
}
.carro_compra_total_linia{
  width:90px;
  float:left;
  text-align:right;
}

#carro_compra_subtotal{
font-weight:bold;
clear:both;
border-top-color:#000000;
border-top-style:solid;
border-top-width:1px;
margin-top:5px;
}

.descripcio{
  width:80px;
  clear:both;
  float:left;
}
.valor{
  width:105px;
  text-align:right;
  float:left;
}

#carro_compra_iva{
font-weight:bold;
}

#carro_compra_total{
font-weight:bold;
}


.fitxa_carro_compra_descripcio{
clear:both;
padding-top:10px;
}

.fitxa_carro_compra_quantitat{
  width:35px;
  float:left;
}
.fitxa_carro_compra_preu{
  width:100px;
  float:left;
  text-align:right;
}
.fitxa_carro_compra_total_linia{
  width:100px;
  float:left;
  text-align:right;
}

#fitxa_carro_compra_subtotal{
font-weight:bold;
clear:both;
border-top-color:#000000;
border-top-style:solid;
border-top-width:1px;
margin-top:5px;
}

.fitxa_descripcio{
  width:105px;
  clear:both;
  float:left;
}
.fitxa_valor{
  width:130px;
  text-align:right;
  float:left;
}

#fitxa_carro_compra_transport{
font-weight:bold;
}

#fitxa_carro_compra_iva{
font-weight:bold;
}

#fitxa_carro_compra_total{
font-weight:bold;
}


#nota_compra{
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  background-color:#CCCCCC;
  padding:10px;
  font-size:12px;
}

/* slideshow de imágenes de clientes que han confiado en nosotros */

#diapos-on{border:10px solid #FBFBFB;-moz-box-shadow:0px 2px 20px #000;-webkit-box-shadow:0px 2px 20px #000;box-shadow:0px 2px 20px #000;width:210px;height:150px;margin:1em auto 0;position:relative;}
#diapos-on li{position:absolute;top:0;left:0;width:250px;height:150px;list-style:none;}
#contador{width:250px;margin:1em auto 0;}
#contador li{float:left;width:10px;height:10px;margin-right:5px;list-style:none;-moz-box-shadow:0 1px 4px #000;-webkit-box-shadow:0 1px 4px #000;box-shadow:0 1px 4px #000;}
#contador li a{display:block;text-indent:-999em;background:#333;width:10px;height:10px;overflow:hidden;}
#contador li a:focus{outline:1px solid #CCC;}
#contador li.actual a{background:#CCC;}

#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}