*		{ margin: 0; padding: 0; }
body	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 11px;  } 
h1		{ font-size: 2em; }
h2		{ font-size: 1.4em; }
h3		{ font-size: 1.2em; }
h4		{ font-size: 1em; }
img		{ border: 0; vertical-align: middle; }
a, a:visited { text-decoration: none; color: #00E; } 
a:hover { color: #009; } 
p		{ margin: 8px 0; }
ul		{ list-style: none; }
table	{ border-spacing: 0; border-collapse: collapse; border: none; }
caption { text-align: left; font-size: 1.4em; font-weight: bold; border-bottom: 1px dashed #CCC; margin-bottom: 5px; text-transform: capitalize; }
td, th	{ vertical-align: top; }
th		{ text-align: right; }
input.text, textarea, select { border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; border-bottom:1px solid #DDD; padding: 3px 4px; background: #F0F0F0; }
select { padding: 0; }
input.required, textarea.requierd, select.required { border-width: 1px;  }
option { padding: 2px 5px; background: #FFF; }
fieldset { border: 0; border-top: 1px dotted #000; padding: 10px 0 20px 0; }
fieldset legend { font-size: 1.2em; padding-right: 5px; font-weight: bold;  }
.sIFR-flash { visibility: visible !important; margin: 0; position: relative; }
.sIFR-flash span.sIFR-alternate { position: absolute; left: 0;top: 0; width: 0;height: 0;display: block;overflow: hidden; }

/* CLASES COMUNES ------------------------------------------------------------- */	
label.error { color: #900; font-weight: bold; }
table.form td,table.form th { padding: 2px 5px; vertical-align: top; }
table.standard { margin: 10px 0 15px 0; width: 100%; }
table.standard td, table.standard th { padding: 4px 5px; vertical-align: top; }
table.standard th { width: 20%; color: #666; }
ul.standard { padding: 10px 0 10px 20px; list-style: square; }
p.important { font-weight: bold; }

/* LAYOUT --------------------------------------------------------------------- */
body { text-align: center; background: #A7BE14; }
#body { width: 980px; text-align: left; margin: 0 auto;}

#header { background: url('/images/header.jpg') no-repeat; height: 167px; position: relative; }
#logo { display: block; height: 145px; width: 131px; left: 13px; top: 22px; position: absolute; background: url('/images/header_logo.jpg') no-repeat; }
#logo:hover { background: url('/images/header_logo_on.jpg') no-repeat; }
#contactar { display: block; height: 51px; width: 196px; left: 719px; top: 22px; position: absolute; background: url('/images/header_contacte.jpg') no-repeat; }
#contactar:hover { background: url('/images/header_contacte_on.jpg') no-repeat; }
#header a.btn span { display: none; }

#menu { position: absolute; top: 92px; left: 150px;  height: 35px; line-height: 30px; }
#menu a.btn { display: block; height: 35px; }
#menu a.btn span { display: none; }
#menu a.hard_sel, #menu a.hard { background: url('/images/menu/hardware.jpg') no-repeat; width: 134px;  }
#menu a.assist_sel, #menu a.assist { background: url('/images/menu/assistencia.jpg') no-repeat; width: 132px;  }
#menu a.solutions_sel, #menu a.solutions { background: url('/images/menu/solucions.jpg') no-repeat; width: 168px; }
#menu a.internet_sel, #menu a.internet { background: url('/images/menu/internet.jpg') no-repeat; width: 146px;  }
#menu a.coding_sel, #menu a.coding { background: url('/images/menu/programacio.jpg') no-repeat; width: 138px; }
#menu a.shop_sel, #menu a.shop { background: url('/images/menu/botiga.jpg') no-repeat; width: 112px; }

#menu a.hard:hover      { background: url('/images/menu/hardware_on.jpg') no-repeat; }
#menu a.assist:hover    { background: url('/images/menu/assistencia_on.jpg') no-repeat; }
#menu a.solutions:hover { background: url('/images/menu/solucions_on.jpg') no-repeat; }
#menu a.internet:hover  { background: url('/images/menu/internet_on.jpg') no-repeat; }
#menu a.coding:hover    { background: url('/images/menu/programacio_on.jpg') no-repeat; }
#menu a.shop:hover      { background: url('/images/menu/botiga_on.jpg') no-repeat; }

#menu a.hard_sel        { background: url('/images/menu/hardware_sel.jpg') no-repeat; }
#menu a.assist_sel      { background: url('/images/menu/assistencia_sel.jpg') no-repeat; }
#menu a.solutions_sel   { background: url('/images/menu/solucions_sel.jpg') no-repeat; }
#menu a.internet_sel    { background: url('/images/menu/internet_sel.jpg') no-repeat; }
#menu a.coding_sel      { background: url('/images/menu/programacio_sel.jpg') no-repeat; }
#menu a.shop_sel        { background: url('/images/menu/botiga_sel.jpg') no-repeat; }

#languages{position: absolute; top: 142px; left: 775px; width:100%}
#languages a{font-size:9px; color:#666; padding:0px 5px;}
#languages a:hover{ color:#000;}

#contents { background: #FFF; padding: 10px 5px 20px 5px;  }
#contents h1 { color: #B05800;  margin: 10px 0 10px 0; border-left: 4px solid #9C9C9C; padding-left: 10px;  }
#contents h2 { color: #636363; margin-bottom: 10px; }

#contents div.image { float: right; width: 230px; }
#contents div.text { padding: 10px 300px 0 20px; }

#footer { background: #8EA211; padding: 5px 0; clear: both; margin-bottom: 10px; }
#footer * { color: #FFF; font-weight: bold; }
#footer table { margin: 0 10px; }
#footer td { border-right: 1px solid #FFF; padding: 0 10px; }

/* INTRO -------------------------------------------------------------------- */
#intro_banners { margin: 0 35px 20px 35px; }
#intro_banners td { padding: 10px; }
#intro_banners a.btn { display: block; width: 280px; height: 143px; }
#intro_banners a.btn span { display: none; }
#intro_banners a.hard { background: url('/images/hardware.jpg') no-repeat; }
#intro_banners a.assist { background: url('/images/assistencia.jpg') no-repeat; }
#intro_banners a.solutions { background: url('/images/solucions.jpg') no-repeat; }
#intro_banners a.internet { background: url('/images/internet.jpg') no-repeat; }
#intro_banners a.coding { background: url('/images/programacio.jpg') no-repeat; }
#intro_banners a.shop { background: url('/images/botiga.jpg') no-repeat; }
#intro_banners a.suport { background: url('/images/suport.jpg') no-repeat; }
#intro_banners a.hard:hover { background: url('/images/hardware_on.jpg') no-repeat; }
#intro_banners a.assist:hover { background: url('/images/assistencia_on.jpg') no-repeat; }
#intro_banners a.solutions:hover { background: url('/images/solucions_on.jpg') no-repeat; }
#intro_banners a.internet:hover { background: url('/images/internet_on.jpg') no-repeat; }
#intro_banners a.coding:hover { background: url('/images/programacio_on.jpg') no-repeat; }
#intro_banners a.shop:hover { background: url('/images/botiga_on.jpg') no-repeat; }
#intro_banners a.suport:hover { background: url('/images/suport_on.jpg') no-repeat; }

img.targeta { margin: 0 0 0 35px; }

/* INTERNET -------------------------------------------------------------------- */
#dominis{text-align:justify; width:870px; margin:0px 40px;}

#dominis th, #dominis td{border-top:2px solid #ddd; padding:10px 5px 20px 5px;}
#dominis th{font-size:16px; font-weight:bold; color:#f60; text-align:left; vertical-align:top; width:150px;}
#dominis td{vertical-align:top;}


/* PORTFOLIO ----------------------------------------------------------------- */
div.portfolio { text-align: center; }
div.portfolio h3{text-align:left; margin:0px 40px 10px 40px; color:#06f; font-size:18px;}

/* HOSTING ------------------------------------------------------------------ */
table.hosting  { margin-left: 40px; }
table.hosting tr.subtitle { border-bottom: 1px solid #CCC; }
table.hosting tr.subtitle th { text-transform: uppercase; font-size: 12px; color: #A7BE14; padding: 15px 5px 2px 5px; }
table.hosting tr.title td { text-transform: uppercase; font-weight: bold; font-size: 13px; }
table.hosting td  { text-align: center; width: 120px; padding: 2px 5px;}
table.hosting th { text-align: right; width: 210px; padding: 2px 5px; vertical-align: bottom; }
table.hosting col.l2, table.hosting col.l4 { background: #F7F7F7; }
div.info { text-align: left; margin: 10px 60px 10px 40px; }

/* CONTACTAR ---------------------------------------------------------------- */
#google_map { height: 300px; width:380px; margin-left:20px; }
p.input_help { margin: 0; font-size: 90%; color: #777; }
td.contact_send { text-align: right; }
td.contact_send input { font-size: 18px; color: #090; padding: 2px 10px; }
label.error { display: block; padding-bottom: 5px; }

/* SOPORTE ---------------------------------------------------------------- */
#soporte{ margin:0px 50px; text-align:left;}
  #soporte .col1{width:280px; padding:135px 0 30px 0; color:#fff;  background:#9a9901 url('/images/suport_in.jpg') no-repeat; }
    #soporte .col1 p{margin:10px 15px;  }
  #soporte .col2{width:50px;}
  #soporte .col3{}
    #soporte .col3 .elem{ border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px; }
      #soporte .col3 p.nom{color:#cc0001; font-weight:bold; font-size:14px;}
      #soporte .col3 p.text{color:#666;}
      #soporte .col3 p.link a{color:#00f; font-weight:bold;}
        #soporte .col3 p.link a:hover{color:#444; text-decoration:underline;}