html, body {
	margin: 0;
	padding:0;
	width: 100%;
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
/*	background: url('/imagenes/fondo_01.jpg') center center fixed no-repeat;
	background-size: cover;*/
}

a {
	text-decoration:none;
	color:#294881;
}
a:hover {
	text-decoration:underline;
}
label {
	display:block;
	margin-top: 8px;
}

p {
	margin-top:0;
	margin-bottom:4px;
	line-height:17px;
	text-align:justify;
	font-size: 12px;
}

fieldset {
	margin-bottom:25px;
}
fieldset legend {
	background-image:url(/imagenes/plantilla/gradiente_titulos.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	border:1px solid #000000;
	clear:both;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-top:0;
	padding:4px;
	width:100%;
}

/* PÁGINA GENERAL */

#pagina {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 50%;
    margin-left: -480px;
    min-height: 100%;
    position: absolute;
    width: 960px;
}

/* CABECERA */

#cabecera, #cabecera_empresa {
	width:926px;
	position:relative;
	left:50%;
	margin-top:6px;
	margin-left: -463px;
	padding-top:0;
	padding-bottom:2px;
	border-bottom: 2px solid #ffcc33;
	margin-bottom:12px;
}

#cabecera.sin_borde {
	border:1px solid #dddddd;
	padding:5px 0;
	margin-bottom:0;
}
#cabecera.sin_borde #logo {
	margin-left:10px;
}
#cabecera.sin_borde #usuario {
	margin-right:10px;
}
#cabecera h1 {
	margin: 0;
}
#usuario {
	float: right;
}
#cabecera #acciones a, #cabecera #usuario a {
	color:#ff6600;
	font-weight:normal;
	margin:0;
}
#cabecera #enlaces ul, #cabecera_empresa ul {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	background-color:#294881;
	padding:3px;
	padding-left:6px;
	margin:0;
}

#cabecera #logo {
	float:left;
	width:300px;
	height:60px;
}
#cabecera #acciones {
	float:left;
}
#cabecera #usuario p {
	text-align:right;
	margin-right:0;
}
#cabecera #usuario p.nombre {
	margin-top:10px;
	font-weight:bold;
	color:#FF6600;
}
#cabecera #acciones form {
	margin-bottom:8px;
}
#cabecera p a {
	margin-left:4px;
	margin-right:5px;
}

#cabecera #banners {
	height:90px;
}
#cabecera #banners .izquierda {
	margin-right:4px;
}
#cabecera #banners a {
	float:left;
}
#cabecera #enlaces li, #cabecera_empresa li {
    border-right: 1px dotted #FFFFFF;
    display: table-cell;
	*display: inline; /* IE */
    font-size: 11px;
    padding: 1px 20px;
}

#cabecera a, #cabecera_empresa li a {
	color:white;
}

#cabecera a, #cabecera_empresa a {
	font-weight:bold;
}
#cabecera #enlaces {
	float:none;
	clear:both;
	background-color:#294881;
}
#cabecera_empresa {
	border-top:0;
	padding-top: 0;
	margin-top:0;
}
#cabecera_empresa p.expomedic {
	color:#FFFFFF;
	margin:0;
	background-color:#294881;
	padding-left:4px;
}
#cabecera_empresa p.expomedic a {
	color:#FFFFFF;
	font-size:11px;
}

/* PRINCIPAL */

#principal {
	margin-left:16px;
}
#principal h1 {
    color: #294881;
    font-weight: normal;
    margin: 0 0 10px;
}

/* LISTADO EMPRESAS */

#empresa_listado {
	width:626px;
	float:left;
	margin-top:12px;	
}
#listado_empresas {
	margin-bottom:20px;
}
#listado_empresas:after {
	content: "";
}
#listado_empresas .item {
    float: left;
    margin: 0 10px 10px 0;
    padding-top: 10px;
}

#listado_empresas .item img {
	border: 1px solid #d0d0d0;
	padding: 4px;
}

#listado_empresas .item:hover img {
	border: 1px solid #294881;
	padding: 4px;
}

#listado_empresas .item p {
	margin: 5px 0 0;
	text-align: center;
}

#listado_empresas .item .datos h3, #columna_estrecha h3 {
	font-size:12px;
	margin: 0;
	padding:0;
}
#listado_empresas .item .datos p {
	margin-top: 4px;
	margin-bottom: 4px;
	padding:0;
}

/* LISTADO PRODUCTOS */

#productos {
	width:627px;
	float:left;
	margin-top:12px;
}
#productos h2 {
	border:1px solid #e7e7e7;
	color:#003871;
	font-size:11px;
	padding:4px;
	background-image: url(/imagenes/plantilla/gradiente_titulos.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top:0;
}
#productos .item {
    border-top: 1px solid #E7E7E7;
    float: left;
    height: 160px;
    margin: 0 10px 25px 5px;
    padding-bottom: 8px;
    padding-top: 14px;
    width: 298px;
}
#productos .item .imagen {
    float: left;
    margin-top: 3px;
    text-align: center;
    width: 96px;
}
#productos .item .imagen img {
	border: none;
}
#productos .item .datos {
    float: left;
    margin-bottom: 12px;
    width: 180px;
}
#productos .item .datos p {
	margin-top:0px;
	margin-bottom:3px;
}
#productos .item .datos p.nombre {
    color: #003871;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 6px;
    text-align: left;
}
#productos .item .datos p.resumen {
}
#productos .item .datos p.precio, #productos .item .datos p.enlace, #productos .item .datos p.carrito_mini, #producto p.precio, #producto p.referencia, #productos p.info {
    background-image: url("/imagenes/plantilla/flecha.gif");
    background-position: left 4px;
    background-repeat: no-repeat;
    color: #000000;
    margin-top: 6px;
    padding-left: 20px;
}

#productos p.info {
	background-image: url(/imagenes/iconos-tango/16x16/status/dialog-warning.png);
    margin-top: 0;
	padding: 3px 0 4px 21px;
}

#productos .item .datos p.carrito_mini {
	background-image: url(/imagenes/icono_carrito_mini.gif);
	background-position: left 0px;
	background-repeat:no-repeat;
}
#productos_resumen .item .datos p.carrito_mini {
	background-image: url(/imagenes/icono_carrito_mini.gif);
	background-position: left 0px;
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}
#producto p.carrito {
	background:none;
	padding-left:0;
	margin-top:10px;
}
#producto p.carrito a {
    background: url("/imagenes/iconos/carrito/cart_add.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 37px;
}
#producto p.oferta {
	color:#cc0000;
}
#producto p.titulo {
	margin-top:15px;
	font-weight:bold;
	border-top:1px dashed #cccccc;
	padding:10px 0 0 0;
}
#subcategorias {
	width:100%;
	float:none;
}

#subcategorias.principal {
    float: left;
    margin: 20px 0 0;
    width: 50%;
}

#subcategorias ul {
	padding-left:5%;
	margin-top:5px;
	width:45%;
	float:left;
}
#subcategorias.principal ul {
	padding-left:20px;
	margin:5px 10% 0 0;
	width:100%;
	float:none;
}

#subcategorias ul li {
    color: #294881;
	list-style-image: url(/imagenes/plantilla/flecha.gif);
	margin-left:0;
	margin-bottom:5px;
	padding-left:0;	
}

#subcategorias ul.principal li {
    color: #294881;
    float: left;
    height: 125px;
    list-style: none outside none;
    margin-bottom: 35px;
    margin-left: 0;
    margin-right: 15px;
    padding-left: 0;
    text-align: center;
    width: 194px;
}

#subcategorias ul.principal .imagen {
    border: 1px solid #D0D0D0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    margin: 0 0 4px;
}

#subcategorias ul.principal .imagen:hover {
    border: 1px solid #294881;
}

#subcategorias h3 {
	clear:both;
	float:none;
	margin-bottom:5px;
	margin-top:15px;
	padding-top:10px;
}

/* FICHA PRODUCTOS */

#producto {
	width:626px;
	float:left;
}
#producto h2 {
	color:#006699;
	font-family:Arial,Helvetica,sans-serif;
	font-size:24px;
	font-style:normal;
	font-weight:bold;
	line-height:30px;
}
#producto #descripcion {
	margin-top:12px;
	padding-top:12px;
	border-top:1px dashed #CCCCCC;
}
#producto #descripcion #imagen {
	float:right;
	margin-left:18px;
	margin-bottom:12px;
}
#producto #descripcion #imagen img {
	max-width:200px;
}
#producto #descripcion strong {
	color:#003871;
}
#producto #descripcion h3 {
	color:#003871;
}

/* PRODUCTO RESUMIDO */

#productos_resumen .item {
	padding-top:14px;
	padding-bottom:8px;
	clear:both;
}
#productos_resumen .item .imagen {
	width:80px;
	margin-top:3px;
	float:left
}
#productos_resumen .item .imagen img {
	border: none;
}
#productos_resumen .item .datos {
	float:left;
	width:170px;
	margin-bottom:12px;
}
#productos_resumen .item .datos p {
	margin-top:0px;
	margin-bottom:3px;
	text-align:left;
}
#productos_resumen .item .datos p.nombre {
	color:#003871;
	font-size: 14px;
	font-weight:bold;
}
#productos_resumen .item .datos p.resumen {
}
#productos .item .datos p.oferta, #productos_resumen .item .datos p.oferta {
    background: none repeat scroll 0 0 #DDF0FF;
    border: 1px solid #AADDEE;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 8px;
    text-align: center;
}
#productos_resumen .item .datos p.oferta {
	font-size:11px;
}
#productos .item .datos p.oferta strong {
	color:#003871;
}

/* FICHA EMPRESA */
#empresa {
	width:626px;
	float:left;
	margin-top:12px;	
}
#empresa p {
	margin-bottom:14px;
}

#empresa h2, #empresa_listado h2, #columna_estrecha h2 {
	border:1px solid #e7e7e7;
	color:#003871;
	font-size:11px;
	padding:4px;
	background-image: url(/imagenes/plantilla/gradiente_titulos.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top:0;
	clear:both;
}

/* COLUMNA LATERAL */

#lateral {
	width:265px;
	float:left;
	margin-left:35px;
	margin-right:0;
}
#lateral_listado {
	width:265px;
	float:left;
	margin-left:35px;
	margin-right:0;
}

#lateral .titulo, #lateral_listado .titulo {
	border-bottom: 2px solid #ffcc33;
	padding-bottom:2px;
	margin-top:12px;
	margin-bottom:6px;
}
#lateral .titulo h3, #lateral_listado .titulo h3 {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0;
	background-color:#294881;
	padding:2px;
	padding-left:4px;
}
#lateral p {
	line-height:14px;
}
#lateral h4 {
	color:#003871;
	font-size:13px;
	margin-bottom:4px;
	margin-top:18px;
}

/* PORTADA */

#columna_ancha {
	margin-left:18px;
}
#columna_ancha #empresa_listado {
	width:401px;
}
#columna_ancha #empresa_listado img {
	border:none;
}
#columna_ancha #empresa_listado h3 {
	margin-top:18px;
	margin-bottom:4px;
}
#columna_ancha #empresa_listado img.pequena {
	float:left;
	margin-right:25px;
}
#columna_ancha #empresa_listado .datos {
	margin-bottom:25px;
}
#columna_estrecha {
	width:200px;
	float:left;
	margin-left:24px;
	margin-top:12px;
}
#columna_estrecha h3 {
	margin-top:14px;
	margin-bottom:7px;
	color:#294881;
}

#columna_estrecha #videos p {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #CCCCCC;
}

.ancho_total {
	width:100%;
	max-width:500px;
}

/* Cuadro de error */

#error {
	margin-bottom:20px;
	border:2px solid #ff0000;
	color:#CC0000;
}

/* Login */

#login {
	width:300px;
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
}

/* CARRITO DE LA COMPRA */

#carrito {
	margin:20px;
}
#carrito h2, #carrito h3 {
	color:#003871;
}
#carrito h3 {
	font-size:15px;
	margin-bottom:4px;
}
#carrito img {
	border:none;
}
#carrito .fila:after {
	content:'';
}
#carrito .fila {
	float:none;
	clear:both;
	border-top:1px dashed #dddddd;
	padding-top:6px;
	margin-bottom:6px;
}
#carrito .cabecera {
	border-top:1px solid #003871;
	font-weight:bold;
	color:#003871;
}
#carrito .fila p {
	float:left;
	margin-right:10px;
}
#carrito .fila p.articulo {
	width:90px;
}
#carrito .fila p.nombre {
	width:430px;
}
#carrito .fila p.referencia {
	width:100px;
	margin-left:20px;
}
#carrito .fila p.cantidad {
	width:70px;
	text-align:right;
}
#carrito .fila p.cantidad input {
	text-align:right;
}
#carrito .fila p.eliminar {
	width:70px;
	text-align:center;
}
#carrito .fila p.precio, #carrito .fila p.importe {
	width:80px;
	text-align:right;
}
#importes {
	margin-top:30px;
	float:none;
	clear:both;
	padding:10px;
	border-top:1px solid #003871;
}
#importes p {
	float:none;
	clear:both;
	text-align:right;
	width:175px;
}
#importes label {
	margin:0;
	float:left;
	width:100px;
	font-weight:bold;
	color:#003871;
}
#importes .importe {
	text-align:right;
	width:100px;
}

/* NOTICIAS */

#listado_noticias #noticia_lista h3, #listado_asociaciones #asociacion_lista h3 {
	font-size:16px;
	margin-bottom:6px;
	border-top:1px dashed #cccccc;
	padding-top:6px;
}
#listado_noticias #noticia_detalle h3 {
	font-size:26px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
	color:#003871;
}
#listado_noticias #noticia_detalle p.resumen {
	margin-bottom:16px;
	color:#003871;
}
#listado_noticias #noticia_detalle strong {
	color:#003871;
}

#destacado {
	width:100%;
	float:none;
	margin:0 0 30px;
}
#destacado .titulo {
	font-size:10px;
	margin-bottom:20px;
}
#destacado img {
	float: left;
}
#destacado #texto {
	float:left;
	margin-left:30px;
	width:350px;
}
#destacado h2 {
	margin:0 0 8px;
	font-weight:normal;
	font-size:26px;
}
/* ASOCIACIONES */

#listado_asociaciones h2 {
	margin:40px  0 0 0;
}

#listado_asociaciones #asociacion_lista {
	margin-left:5px;
}

/* PAGINACIÓN */

#paginacion {
	margin: 30px 0;
	clear:both;
	float: none;
}
#paginacion a {
	padding:2px 5px;
	border:1px solid #003871;
	background: #003871;
	color:#ffffff;
	margin:1px;
}
#paginacion a:hover {
	text-decoration:none;
	background: #5978b1;
}
#paginacion b {
	padding:2px 5px;
	border:1px solid #003871;
	background: #ffffff;
	color:#003871;
	margin:1px;
}

/* Tablón de anuncios */

div.oferta {
	margin:20px 0 30px;
}
div.oferta a {
	text-decoration:underline;
}
div.oferta div.cabecera {
	background:#f3f3f8;
	border:1px solid #D6DDDe;
	height:20px;
	clear:both;
}
div.oferta div.cabecera p {
	margin:1px 4px;
	color:#006699;
}
div.oferta div.cabecera .nombre {
	float:left;
}
div.oferta div.cabecera .fecha {
	float:right;
}
div.oferta .mensaje {
	clear:both;
	margin:4px 0;
}

/* Buscador */

.buscador {
	margin-top:10px;
	margin-bottom:10px;
}
.buscador input {
	font-size:11px;
}
.insertar_boton {
	background:#003871 none repeat scroll 0 0;
	border:1px solid #003871;
	color:#FFFFFF;
	margin:1px;
	padding:2px 5px;
}
.insertar_borrar {
	background:#ffffff none repeat scroll 0 0;
	border:1px solid #990000;
	color:#cc0000;
	margin:1px;
	padding:2px;
	font-size:10px;
}
.separado {
	margin-top:12px;
}

/* Pie de página */

#pie {
	float:none;
	clear:both;
	padding: 50px 10px 20px 10px;
}

#pie a, #pie .dato {
	border-left: 1px solid #003871;
	color:#003871;
	margin-right:10px;
	padding-left:5px;
}

/* Avisos */

#aviso p {
	margin-bottom:15px;
}
#aviso strong {
	color:#003871;
}

div.aviso {
	padding:13px 25px 10px 42px;
	border:1px solid #ff6600;
	background:url(/imagenes/iconos/emblems/emblem-important.png) no-repeat 10px 10px;
}
div.aviso h4 {
	margin: 0 0 10px;
	color:#ff6600;
	font-size:14px;
	font-weight:bold;
}

.oferta_portada {
	margin: 0 0 20px;
}
.oferta_portada img {
	border: none;
}

.oferta_portada .textos {
}
.oferta_portada .textos h4 {
    font-size: 14px;
    margin: 0 0 6px;
}
