/*formateo de css*/
body {margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333333;  }
p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
img{ border:0;}


body { background-color:#FFF;}

h1 { display:none;}
h2 { font-size:1.2em; font-weight:bold; color:#C56456;  padding:0.5em; }
h3 { font-size:1.1em; font-weight:bold; color:#333;     padding:0.3em;  }
h4 {  }

p { padding:0.5em; }


.right { text-align:right;}
.left  { text-align:left;}
.clear { clear:both;}

a:link,
a:visited { color:#333333; }
a:hover   { text-decoration:none;color: #000000;}

input,  textarea { border:#D7DFEA 1px solid; font-size:1em; background:#F8F9FB; color:#CC0000;}

/*contenedor - wrap*/
#wrap { width:70em; background:#FFF;}

/*cabecera & logo*/
#cabecera { width:100%; background-image:url(../img/titol_c.jpg); background-repeat:no-repeat; background-position:right top;}
#logo     { width:28.5%; float:left; padding:0.5em;}
#fons_cap { clear:both; background-image:url(../img/fons_cap.jpg); background-position:top; background-repeat:repeat-x; height:2em;}

	
/*menu*/		
#menu     { width:70%; float:left;}

.menu { width:87px; float:left;}

/*contenido*/
#contenido { width:100%; padding-top:10px; clear:both; padding-left:6px;}
#contenido ul { padding:0.3em 0.3em 0.3em 2em; list-style-type:square;}
#contenido li { padding:0.3em; }

/*home*/

#home a:link,
#home a:visited { color:#005EBB; font-size:0.9em; text-decoration:underline; }
#home a:hover   { text-decoration:none; color: #000000;}

/*home izquierda*/
#izquierda       { width:54%; float:left;padding:0.5em;}
#bienvenidos     { border-bottom:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid; background:#F2F2F7;}
#bienvenidos img { float:left; padding-right:0.5em;}
.notis_home  img { float:right; margin:0.5em; border:#CCCCCC 1px solid;}
.notis_home      { border-bottom:#CCCCCC 1px dashed; margin:0.8em 0;}
#notis_home a:link,
#notis_home a:visited { color:#333333; text-decoration:none; font-size:1em;}
#notis_home a:hover   { color: #000000;}

/*home derecha*/
#derecha       { width:44%; float:right;}
#servicios     { margin-bottom:1em; }
#solicite      { margin-bottom:1em; }
#solicite img  { float:right;}
#productos     { border-bottom:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid; background:#F2F2F7;}
#productos img { float:right;}

#ver_todas { padding-top:0.5em;}
#ver_todas a:link,
#ver_todas a:visited { color:#005EBB; font-size:0.9em; text-decoration:underline; }
#ver_todas a:hover   { text-decoration:none; color: #000000;}

/*quienes somos*/
#quienes img { float:right; padding:0.5em;}

/*ubicacion*/
#ubicacion img { float:right; padding:0.5em;}

/*enlaces*/
#enlaces_a { width:49%; float:left;}
#enlaces_b {  width:49%; float:left; padding-top:2.4em; background-image:url(../img/enlaces.jpg); background-repeat:no-repeat; background-position: bottom right; height:24em;}


/*peu*/	
#peu { clear:both; height:100px; border-top:#4973C8 2px solid; margin-top:0.5em;}	
#peu { background-image:url(../img/errepeu.jpg); background-repeat:no-repeat; background-position:right top;}

/*productos*/

#lista li {list-style-type:none; padding: 0 0 10px 0;}
.centro  { width:24.9%; float:left;}
#licentro { padding-top:2.1em;}

#volver { position:absolute; z-index:2; margin:15px; text-align:right; width:820px;}
#volver a:link,
#volver a:visited { font-size:1em; color: #000000; text-decoration:none; }
#volver a:hover   { font-weight:bold; color: #000000;}

#cont_producto ul {margin: 14px 10px 0 15px; padding: 0 0 15px 0;} 
#cont_productoli {list-style-type:none; padding: 0 0 15px 0;}

/*area_cliente*/

#area img{ float:right; padding:0.5em;}

/*solicite cotizacion*/
#listacotiza { background-image:url(../img/fonsolicite.gif); background-repeat: no-repeat; width:100%;}
#listacotiza ul {margin: 14px 10px 0 35px; padding: 0 0 15px 0;} 
#listacotiza li {list-style-type:none; padding: 0 0 10px 0;}

#descripcion ul {margin: 4px 10px 0 35px;}
#descripcion li {list-style-type:none; padding: 0 0 10px 0;}


.pie { border-bottom:#CCCCCC 1px dashed;}
.lletra_petita { font-size:0.9em;}
.lletra_petita p { padding:0.1em 0 0 0.5em;}

/*HACK PARA LAS CAJAS---------------http://www.positioniseverything.net/easyclearing.html--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */