/* CSS Document */

*,html{margin:0;padding:0;}

body{line-height:normal;background:#fff url(../img/bk.degradado-pagina.gif) 0 0 repeat-x; font:62.5%/100% arial,helvetica,sans-serif; margin:0; padding:0; color:#4d4d4d;}

ul,ol,dl{margin-left:2em;margin-bottom:1em;}
li{margin-bottom:0.5em;margin-left:1.5em;}
p{margin-bottom:1em; font-size:1.1em; line-height:1.5em; color:#4d4d4d;}


a{color:#474026;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}

h1{	color:#474026; font-size:2.5em; font-weight:normal; padding:.5em 0 .7em 0; text-transform:lowercase; margin-bottom:.7em; border-bottom:1px dashed #e4e3e0}
h1 span { color:#dfdfdf;}
h2{ color:#fff;margin-bottom:0.7em; background:#57513a; text-align:center; font-size:1em; text-transform:uppercase; padding:.4em 0; font-weight:normal;}
h3{background:#fff; margin:.2em 0 .6em 0; color:#474026; text-align:left; font-weight:bold; padding:0; text-transform:none; font-size:1.3em}

form { margin:0; padding:0}

fieldset { border:0; padding:1em; margin:0;}
fieldset legend { display:none}
fieldset input { border:0; background:none; font-family:'lucida sans',arial,helvetica,sans-serif;}


/*layout*/
#global { margin:0 auto; width:81em; padding:0 .5em; }

#header { width:81em; padding:0 0 .2em 0; float:left;}

#contenido {  width:81em; background:#fff; float:left; min-height:40em; clear:both; padding:0; text-align:justify;}
#contenido.fondo-verde { background:#fff url(../img/bk.submenu-degradado.gif) 0 0 repeat-y}

.columna-izquierda { float:left; width:15.2em; }
.columna-izquierda p { padding:0; margin:0;}
.columna-derecha { float:right; width:62.7em; padding:1.5em 1em 0 0; }
.columna-media { width:29.5em; float:left; padding-right:2em; }
.columna-media+.columna-media { padding:0; float:right;}

.columna-derecha.quienes-somos { background:url(../img/bk.seccion-quienes-somos.gif) 55% bottom no-repeat; padding-bottom:2em;}
.columna-derecha.docuware { background: none; padding-bottom:2em;}

.bloque-textos { float:left; width:47em; }
.bloque-textos-completo { float:left; width:62em; }

#footer { width:100%; padding:.5em 0 1em 0; clear:both; border-top:5px solid #474026;}
#footer p { padding:0; margin:0; color:#000}
#footer p a { color:#000; background:url(../img/ico.candado-zona-privada.gif) 0 50% no-repeat; padding-left:1.5em;}
#footer p a:hover { color:#474026; text-decoration:none}

.logotipo { padding:1.4em 0 0 0; width:15em; float:left;}
.logotipo p { padding:0; margin:0; text-align:center}

/* menus */
.menu { float:right; width:63.3em; list-style:none; padding:6.85em 0 0 0; margin:0; }
.menu li { float:left; padding:0 0 0 .5em; margin:0; background:url(../img/bk.menu-principal.gif) bottom repeat-x}
.menu li:first-child { padding:0;}
.menu li a { display:block; color:#fff; background:url(../img/btn.menu-principal.gif) center bottom no-repeat; padding:1.5em 0 0 0; width:9.2em; height:2.5em; text-align:center; font-size:1.1em; text-transform:lowercase; font-weight:bold}
.menu li a.doble-linea { padding-top:1.1em; height:2.9em}
.menu li.activo a,
.menu li a:hover { background:url(../img/btn.menu-principal-over.gif) center bottom no-repeat; text-decoration:none; color:#57513a}

.menu-lateral { float:left; clear:both; width:100%; list-style:none; padding:0; margin:0; }
.menu-lateral li { float:left; width:100%; background:url(../img/bk.submenu-elemento.gif) 0 0 repeat-y; padding:0; margin:0 0 .3em 0; line-height:12px;}
.menu-lateral li a { display:block; color:#fff; padding:.8em 0 .8em 2em; background:url(../img/bk.submenu-flecha.gif) 1em 1.1em no-repeat; font-size:1.1em; text-transform:lowercase}
.menu-lateral li a.destacado { color:#3488b6}
.menu-lateral li.activo a,
.menu-lateral li a:hover { text-decoration:none; color:#ccc; }


.menu-lateral ul li { list-style:none; float:left; width:100%; padding:0; margin:0 0 .3em 0; background:none;}
.menu-lateral ul li a { display:block; color:#c0c0c0; padding:.8em 0 .4em 2em; background:url(../img/bk.submenu-flecha2.gif) 1em 1.1em no-repeat; font-size:1.1em; text-transform:lowercase;}
.menu-lateral ul li a.destacado { color:#fff;}
.menu-lateral ul li.activo a,
.menu-lateral ul li a:hover { text-decoration:none; color:#fff; }



/* banners */
.bloque-banners { float:left; width:13em; border-right:1px solid #ededea; padding:1em 1em 0 1em;}
.columna-derecha .bloque-banners { float:right; border:0; border-left:1px solid #ededea; padding:0 0 0 .7em}
.bloque-banners h2 { margin:0;}
.bloque-banners ul { width:100%; padding:0; margin:0; list-style:none;}
.bloque-banners ul li { padding:0 0 1.5em 0; margin:0; clear:both}
.bloque-banners ul li p { line-height:1.1em; width:100%; padding-top:.2em; }
.bloque-banners ul li p a:hover { text-decoration:none; color:#000;}


/*secciones*/
.foto-seccion { float:left; width:17em; padding:.5em 2em .5em 0;}
.foto-seccion p { font-weight:bold; color:#000; padding:0; line-height:1.1em;}

/*portada*/
.columna-media h2 {background:#fff; margin:.2em 0 .6em 0; color:#474026; text-align:left; font-weight:bold; padding:0; text-transform:none; font-size:1.3em}

.noticias { list-style:none; width:100%; padding:0; margin:0;}
.noticias li { padding:.2em 0; margin:0 0 .5em 0; border-bottom:1px dashed #dbdad5}
.noticias li p.fecha { font-weight:bold; font-size:1em; padding:0; margin:0; color:#808080}
.noticias li p { padding:.1em 0; line-height:1.2em;}

p.foto-destacada img { padding:0 0 2em 0}
p img.foto-izquierda { float:left; padding:.5em 1.5em 1em 0}

/*docuware*/
.dw_news {font-family:Arial,Helvetica,Sans-Serif;font-size:11px;font-weight:normal;color:#000000;text-decoration:none;}
.dw_newsheader {font-size:12px; color:#4d4d4d; border-bottom:1px dashed #dbdad5; padding-bottom: 10px;}
.dw_newsteaser {}
.dw_newstext {font-family:Arial,Helvetica,Sans-Serif;font-size:11px;font-weight:normal;color:#474026;text-decoration:none; line-height:16px;}
.dw_newsfooter {font-size:11px;}

td {vertical-align:top;}
.dw_productstext {font-family:Arial,Helvetica,Sans-Serif;font-size:11px;font-weight:normal;color:#474026;text-decoration:none; line-height:16px;}
.dw_productsheader {font-size:14px;}

/* formulario de contacto */

form{width:450px; font-family:Arial, Helvetica, sans-serif;}
fieldset{border: 0px solid #dadada;}
.titform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	margin-top:10px;
	}

	div.medidas {margin: 5px 0;}
	div.medidas label{float:left;width:80px; line-height:23px; clear:both;}
	div.medidas input[type="submit"]{width:80px;}
	div.medidas input[type="reset"]{width:80px;}
	
	div.medidas input[type="text"]{ 
	padding-top:2px;
	width: 270px;
		height: 18px;
        background-color:#fff;
		border:#ccc 1px solid;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;}
	div.medidas input[type="text"]:focus, .cform textarea:focus {
		width: 270px;
		height: 18px;
        background-color:#dadada;
		border:#ccc 1px solid;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
	}


#contenidotextoform {
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	vertical-align: top;
}

.cform input[type="text"]:focus, .cform textarea:focus, .cform select:focus{
        background-color:#fff;
		  border:#E2E2E2 1px solid;
		  color:#000000;
}


.cform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding-left: 50px; /*width of left column containing the label elements*/
	border-top: 0px dashed gray;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 4px;
}

.cform label{
font-weight: bold;
float: left;
margin-left: -55px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

.cform textarea{
width: 450px;
height: 150px;
}

.bots{
background-color:#dadada;
width:100px;
margin-right:10px;
margin-top:10px;
cursor:pointer;
color:#000;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
}

/* extra contenidos */
.foto-listado{margin-right:15px; margin-bottom:10px; float:left; border:1px solid #dadada;}
.fondos{width:123px; margin-right:40px; text-align:center; float:left; line-height:17px;}
.fondos-fin{width:123px; text-align:center; float:left; line-height:17px;}
.descargas{ clear:both; margin-top:20px;}

.calidad{float:right; text-align:right; margin-bottom:15px;}