/* general */
body {color: #114489; font-family: bold Helvetica, Arial, sans-serif; background: #ddd; text-align: justify; }
a img { border:0; }
dt {font-weight:bold; margin-top:1em; }
blockquote {margin:20px; border: 1px dotted #ccc; padding: 20px;}

table.form th { text-align: right;}

/* Estructura de la página */
#pagina {
	background: url("/media/fondo.png") repeat-y; 
	width:1024px;
	margin:auto; margin-top: 40px; 
	border: 1px solid #114489;
	position: relative;
}
/* 678 + 2*30 = 738 */
/* 1024 - 738 = 286 */
#contenido {width: 678px; padding:40px 30px; float: left; text-align: justify;}
#barralateral {width: 285px; float:right; margin-top: 24px; }
#cabeceralateral img {margin-left: 44px;}
.clearer { clear: both; }

/* Dentro del contenido */
#contenido h2 {margin:0; margin-top:30px; margin-bottom:1em;}
#contenido h2 a{ text-decoration: none; color: #114489;}
#contenido h2 a:hover { background:#114489; color: #fff;}
#contenido p {margin:0; margin-bottom:0.8em; line-height:1.3em; }


/* Menu en barra lateral */
#menubarra {
	margin-top: 25px;
	margin-left: 44px;
	margin-bottom: 24px;
	width: 200px;
	text-align: right;
}
/* Reseteamos las indentaciones de las listas */
ul#menu { padding: 0; margin: 0;}
ul#menu li ul {padding: 0; margin:0; }

ul#menu, ul#menu ul, ul#menu li {  list-style-type:none;  padding: 0; }
ul#menu a {  display: block;  text-decoration: none;}
ul#menu li {  margin-top: 1px;}
ul#menu li a {  background: #005;  color: #fff; padding: 0.3em;}
ul#menu li a:hover {  background: #108;}
ul#menu li a.menuActual {border-left: 5px #005 solid;  padding-left: 15px; }
ul#menu li ul li a {  background: #cce;  color: #114489;  padding-left: 20px;}
ul#menu li ul li a:hover {  background: #aae;  border-left: 5px #005 solid;  padding-left: 15px; }

/* Tabla de direcciones */
table#direcciones { background: #ccc; margin-bottom: 15px; font-size: 80%; margin: 0 auto; }
table#direcciones td {background: #fff; padding: 6px;}

/* Lista de imágenes */
#contenido ul.listaimg { list-style: none; margin: 20px auto 20px auto; clear: both; text-align: center; }
#contenido ul.listaimg li { list-style: none; display: inline; width: 160px; margin: 5px; }
#contenido ul.listaimg li img { float: none;}

#detalleproducto a { font-size:120%; text-decoration: none; display: block; color: #114489; padding: 0 6px;}
#detalleproducto a:hover { color:  #fff; background: #114489;}
div#detalleproducto { width: 40%; float: right; text-align: right; margin: 20px 0;}

ul.topmenu { list-style-type: none; margin: 0 auto;}
ul.topmenu li { display: inline; margin:0 10px;}
ul.topmenu li a { text-decoration: none; color: #114489; padding: 2px 6px ;}
ul.topmenu li a:hover { text-decoration: none; background: #114489; color:#fff;}
ul.topmenu li.activo {background: #114489; color:#fff; padding: 2px 6px;}

h3 { text-align: right; border-bottom: 1px dotted #cc6;}
.noticia { margin-bottom: 2em; position: relative;}
.noticia .titulo { font-size: 110%; font-weight: bold; display: block; margin-bottom: 6px;}
.noticia .fecha { font-size: 80%; position: absolute; top:6px; right: 0; display: block;}
.noticia img { float: right; width: 160px; padding: 6px; margin: 4px 6px; margin-right:0; border: 1px solid #cce; }

ul.fichastecnicas, ul.fichastecnicas li { list-style: none; margin:0; border: 0; padding: 0;}
ul.fichastecnicas li { display: block; float:left; width:200px; padding: 12px; }
ul.fichastecnicas li img { display: block; margin: 0 auto; width:80px; height:60px;}
ul.fichastecnicas li a { display: block; margin: 0 auto; text-align: center; margin-top: 10px; text-decoration: none; font-size: 120%; color: #114489;}
ul.fichastecnicas li a:hover {background: #114489; color: #fff;}