html,
body {
 height:100%;
 margin:0px;
 padding:0px;
 font-family:tahoma;
}

a img {
 border:none;
}

/*
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}
*/
.clearfix{
	clear: both;
}


a {
 outline:none;
}

#wrapper #page #header a, 
#wrapper #page a {
 color:#22538b;
}


#wrapper #page #header a:hover, 
#wrapper #page a:hover {
 color:#f90;
}



.left {
 float:left;
}

.right {
 float:right;
}

.frame {
 border:4px solid #e0e7ed;
 background:#e0e7ed;
 padding:0px;
 margin:0px;
 height:90px;
 display:block;
 float:left;
}

.image {
 display:inline;
 margin:0px;
 padding:0px;
}

.more_info {
 height:90px;
 margin-left:6px;
 width:20px;
 float:left;
 background:url(../../img/bg_more_info.jpg) top left repeat-x transparent;
 position:relative;
}

body {
 background: url(../../img/bg_body.jpg) top left repeat-x fixed #bed4e2;
}

#wrapper {
 width:791px;
 margin:0px auto;
 padding:0px 7px;
 padding-bottom:10px;
 background:#e6eef1;
}

#page {
 width:791px;
 margin:0px;
 margin-bottom:13px;
 background:#cbd8e0;
 padding-bottom:12px;
}

#page #header {
 height:130px;
 margin:0px 5px;
 /* background:url(../../img/upper_head.jpg) top left no-repeat transparent; */
}

#page #header a#main {
 display:block;
 float:left;
 height:107px;
 width:100%;
}

#page #header #upper_menu {
 background:url(../../img/sub_head.jpg) top left no-repeat transparent;
 width:100%;
 height:22px;
 float:left;
}

#page #header #upper_menu a {
 display:block;
 float:left;
 margin-left:500px;
 _margin-left:240px;
 color:#22538b;
 font-weight:bold;
 font-size:12px;
 padding-top:3px;
}

#page #body {
 float:left;
 min-height:510px;
}

#page #left_bar {
 width:140px;
 border:1px solid #b0bfc6;
 background:#FFF;
 margin-left:4px;
 float:left;
}

#page #left_bar ul {
 padding:0px;
 margin:0px;
 list-style:none;
}

#page #left_bar ul li {
 padding:2px;
 border-bottom:1px solid #b0bfc6;
}

#page #left_bar ul li a {
 display:block;
 width:100%;
 color:#22538b;
 padding:5px 0px;
 text-align:center;
 font-family:tahoma;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 background:url(../../img/menu_button.jpg) top left repeat-y transparent;
}

#page #left_bar ul li a:hover {
 color:#f90;
}

#page #content {
 display:block;
 background:#e6edf3;
 float:left;
 width:636px;
 _width:631px;
 overflow:hidden;
 margin-left:3px;
 border:1px solid #b0bfc6;
 min-height:680px;
 position:relative;
}

#page #content #texto {
 padding:20px;
}

#page #content #texto {
 font-size:12px;
 color:#22538b;
}

#page #left_bar #sponsors h5 {
 border-bottom:1px solid #b0bfc6;
 text-align:center;
 margin:4px auto;
 width:120px;
 font-size:10px;
 font-weight:normal;
 color:#23548c;
}

#page #left_bar #sponsors {
 margin:10px auto;
 display:block;
 text-align:center;
 width:121px;
}

#page #left_bar #sponsors a {
 display:block;
 float:left;
 width:100%;
 text-align:center;
 margin-top:4px;
 margin-bottom:4px;
}

#page #left_bar #sponsors #logos {
 margin:4px auto;
 width:120px;
 height:120px;
 border:1px solid #b0bfc6;
}


/***********GMAP**************/
#map{
	border:1px solid;
	height:453px;
	width:auto;
}

/********** Productos **********/

#arbre_inici_cataleg{
	display:table;
	margin-bottom: 15px;
}

#arbre_inici_cataleg ul li{
	list-style:none;
	border:1px solid #AAC2CC;
	background:#FEFFFF;
	display:block;
	float:left;
	width:200px;
	height:4em;
	padding:2px;
	margin:10px;
	text-align:center;
}

#arbre_inici_cataleg ul li a{
	list-style:none;
	background: url(../../img/bg_prod.jpg) top left repeat-x;
	display:block;
	padding-top: 1.3em;
}

/* ---------------- */


#arbre ul {
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#arbre ul li{
	list-style:none;
	display:inline;
	padding-left:20px;
	padding-right:20px;
}

#arbre ul li a{
	font-weight:bold;
	text-decoration:none;
}

#productes {
 padding:20px;
}

#content h4 {
 display:block;
 padding:3px 40px;
 margin:0px;
 color:white;
 margin-bottom:2px;
 background: url(../../img/bg_h4.jpg) top left repeat-y transparent;
}

#content .hr{
 height:2px;
 display:block;
 margin-bottom:10px;
 border-top:1px solid #b0bfc4;
 background:white;
 _overflow:hidden;
}

#productes .producto {
 float:left;
 display:block;
 width:176px;
 height:198px;
 padding:2px;
 border:1px solid #aac2cc;
 margin-right:24px;
 margin-bottom:12px;
 background:#feffff;
 position:relative;
}

.producto_cat {
 padding:2px;
 margin-left:20px; 
 margin-right:20px; 
 margin-bottom:12px;
 background:none;
float:right;
}

.titul_cat{
	top:20px;
	position:relative;
	font-weight:bold;
	font-size:14px;
	color:#21548D;
	padding-left:20px;
}

#productes .producto.last {
 margin-right:0px;
}

#productes .producto .inner_producto {
  padding:8px;
  background: url(../../img/bg_prod.jpg) top left repeat-x transparent;
}

#productes .producto a {
 font-weight:bold;
 color:#1f528b;
 font-size:12px;
}

#productes .producto .more_info a {
 position:absolute;
 bottom:0px;
}

#productes .producto .frame {
 position:absolute;
 bottom:5px;
}

#productes .producto ul {
 margin:0px;
 padding:0px;
 font-size:12px;
 list-style:none;
 color:#7990b2;
 margin-bottom:10px;
 margin-top:10px;
}


/***************************************
        
        Producto en detalle
        
***************************************/

#detalle  {
 padding:10px;
 margin:0px;
}

#detalle a {
 font-size:12px;
 padding:6px 0px;
 margin-bottom:5px;
 text-decoration:none;
}

#detalle .image {
 float:left;
 display:block;
 border:1px solid #aac2cc;
}

#detalle .galeria {
 border:1px solid #aac2cc;
 display:block;
 margin:0px;
 padding:10px;
 width:594px;
 float:left;
 background: url(../../img/bg_prod.jpg) top left repeat-x white;
}

#detalle .galeria .nom{
	color:#22538B;
	font-weight:bold;
	font-size:14px;
	padding-bottom: 10px;
}


#detalle .galeria ul {
	
 margin:0px;
 padding:0px;
 list-style:none;
}

#detalle .galeria ul li {
 margin:0px;
 padding:0px;
 list-style:none;
 float:left;
 width:auto;
 margin-bottom:20px;
 margin-left:20px;
}

.thumbs_prod{
	float:left;
	width:100px;
	display:block;
	padding:0px;
	margin-left:10px;
}


/*
#detalle .galeria ul li img {
 margin:7px 4px;
}*/

#detalle ul.profile {
 list-style:none;
 margin:10px 0px;
 padding:0px;
 float:left;
 border-top:1px solid #aac2cc;
 border-left:1px solid #aac2cc;
}

#detalle .producto .descripcion {
 float:left;
 width:613px;
 border:1px solid #aac2cc;
 padding:0px;
 margin:10px 0px;
 _margin:0px;
 color:#22538b;
 font-size:13px;
 background: url(../../img/bg_prod.jpg) top left repeat-x white;
}

#detalle .producto .descripcion p {
 margin:5px;
}

#detalle ul.profile li {
 width:297px;
 display:block;
 float:left;
 margin:0px;
 padding:4px;
 border:1px solid #aac2cc;
 border-top:1px solid white;
 border-left:1px solid white;
 font-size:12px;
 color:#22538b;
 background: url(../../img/bg_prod.jpg) top left repeat-x white;
}

.colaborador {
 display:block;
 float:left;
 padding:10px;
 border-bottom:none;
}

.colaborador image {
  margin:0px;
  padding:2px;
  border:1px solid gray;
}

.colaborador ul {
 margin:0px;
 float:left;
 margin-left:10px;
 list-style:circle;
 width:400px;
}

#footer {
 background: url(../../img/bg_footer.jpg) top left repeat-y #4875d0;
 color:#9ed1f0;
 padding:7px;
 font-size:10px;
 display:block;
 height:12px;
}

#footer span {
 float:left;
}

#footer a {
 float:right;
 text-decoration:none;
 color:white;
 font-size:12px;
}

#footer a:hover {
 border-bottom:2px dotted black;
}

/****
 404
****/
#error {
 padding:10px;
 color:#22538b;
 height:540px;
}

/**************************************************************
                  
                  Formulario de contacto
                  
**************************************************************/

#contactar {
 padding:10px;
}

fieldset {
 border:none;
}

fieldset legend {
 font-weight:bold;
 font-size:12px;
 color:#22538b;
}

fieldset form {
 border-top:1px solid #aac2cc;
 border-left:1px solid #aac2cc;
 /*float:left;*/
 padding:0px;
 margin:0px;
}

fieldset form div {
 padding:3px 0px;
 margin:0px;
 background: url(../../img/bg_prod.jpg) top left repeat-x white;
 border:1px solid #aac2cc;
 border-top:1px solid white;
 border-left:1px solid white;
}


fieldset form label {
 float:left;
 width:150px;
 padding:3px;
 text-align:right;
 font-size:12px;
 color:#22538b;
}

fieldset form label:hover {
 color:#f90;
}

fieldset form input,
fieldset form select,
fieldset form textarea {
  width:410px;
  border:1px solid #aac2cc;
  color:#22538b;
  padding:2px;
  margin-left:3px;
}

/*fieldset form input:hover,
fieldset form select:hover,
fieldset form textarea:hover {
 background:#aac2cc;
}*/

fieldset form input:focus,
fieldset form select:focus,
fieldset form textarea:focus {
 background: url(../../img/bg_prod.jpg) top left repeat-x white;
}
	
fieldset form .controls input {
  font-weight:bold;
  margin:0px;
  outline:none;
  padding:0px;
  display:block;
  border:2px solid #aac2cc;
}


fieldset form .controls {
  height:30px;
  position:relative;
}

fieldset form .controls .submit {
 position:absolute;
 left:100px;
 width:138px;
 background:url(../../img/menu_button.jpg) top left repeat-y transparent;
}

fieldset form .controls .reset {
 position:absolute;
 right:100px;
 margin-right:50px;
 width:138px;
 background:url(../../img/menu_button.jpg) top left repeat-y transparent;
}

fieldset form .controls input:hover {
  color:#f90;
}

fieldset form .controls input:focus {
 color:#f90;
}
.addthis_toolbox {
position:absolute;
right:17px;
top:18px;
}
