/* CSS - MS&W */

/* Reseteo */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, tr, td {margin:0; padding:0;}
img {border:0;}
a {text-decoration:none;}
ol, ul {list-style:none;}

/* Elementos basicos */ 

body {
	background:url(images/bg.jpg) repeat-x;
	font-family:Tahoma, Arial;
	font-size:11px;
	}
	
a {color:#252527;}

/* Clases genericas */

.left {display:inline; float:left;}
.right {display:inline; float:right;}
.clear {clear:both;}
.overflow {overflow:hidden; height:1%;}
.borde {border-bottom:1px solid #A2A2AC; padding-bottom:10px; margin-bottom:10px;}
.font-14 {font-size:14px; font-weight:bold;}

.vermas {
	font-size:10px;
	padding:5px;
	margin:15px 0px 0px 0px;
	}

/* Plantilla Basica */

#page {margin:0 auto; width:970px;}
	#wrap {
		overflow:hidden;
		height:1%;
		}
		#leftcol, #rightcol {
			float:left;
			display:inline;
			}
			#leftcol {
				width:212px;
				}
			#rightcol {
				width:758px;
				}
				#header {height:180px;}
				#top {width:718; text-align:right; padding-right:40px;}
				#content {}
		#footer {width:970px; text-align:center; border-top:1px solid #CCC;	padding-top:5px;}
	
	.logo {
		position:absolute;
		top:0px;
		left:0px;
		height:184px;
		width:212px;
		display:block;
		background:url(images/logo.jpg) no-repeat;
		text-indent:-9999px;
		}
	
	.leftcol-txt {
		margin-right:17px;
		}
	
	.content-clientes {
		height:260px;
		margin-bottom:5px;
		}
	.clientes img {
		width:190px;
		height:110px;
		display:block;
		margin-bottom:15px;
		border:2px solid #A4A5C4;
		}
	
	/* Elementos de #top */
	#top ul {
		overflow:hidden;
		height:1%;
		}
		#top ul li {
			float:left;
			display:inline;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			letter-spacing:-1px;
			font-weight:bold;
			margin-right:15px;
			}
			#top ul li a {
				display:block;
				color:#FFF;
				padding:23px 20px 23px 20px;
				border-top:5px solid #494566;
				}
			#top ul li a:hover {
				text-decoration:none;
				border-top:5px solid #706D89;
				}
				
	/* tabs */
	
	div.tabs {
		margin-top:20px;
		position:relative;
		}	
	div.panel {}
		
	ul.tab-nav {
		height:27px;
		margin:0px 30px 10px 20px;
		padding-left:10px;
		background:url(images/bg-tab.gif) repeat-x bottom;
		}
		ul.tab-nav li {
			float:left;
			display:inline;
			font-size:11px;
			margin-right:10px;
			}
			ul.tab-nav li a {				
				display:block;
				padding:6px 10px;
				color:#777;
				border:1px solid #DDD;
				background:#EEE;	
				}
			ul.tab-nav li a:hover,
			ul.tab-nav li a:focus {
				background:#FAFAFA;
				outline:none;
				}
			#wrap ul.tab-nav li a.selected,
			#wrap ul.tab-nav li a.selected:hover {
				background:#FFF;
				color:#333;
				border:1px solid #DDD;
				border-bottom-color:#FFF;
				}
	
	/* Elementos de #content */
		#contenidos-top{
			width:752px;
			height:40px;
			background:url(images/bg-cont-top1.png) no-repeat 0 0;
			}
		#contenidos-top-int {
			width:722px;
			height:59px;
			background:url(images/bg-cont-top-int.png) no-repeat 0 0;
			}
			#contenidos-top-int h3 {
				padding:25px 0px 3px 20px;
				}
		#contenidos {
			overflow:hidden;
			height:1%;
			width:730px;
			background:url(images/bg-cont.png) repeat-y right;
			color:#000;
			}
				#col-a, #col-b, #col-c {
					float:left;
					display:inline;
					height:200px;
					}
				#col-a {
					width:230px;
					padding-right:10px;
					padding-left:20px;
					border-right:1px solid #D7D6DC;
					}
				#col-b {
					width:230px;
					padding-left:15px;
					padding-right:15px;
					border-right:1px solid #D7D6DC;
					}
				#col-c {
					width:100px;
					padding-left:15px;
					}
				#col-d, #col-e, #col-news, #col-articulos {
					float:left;
					display:inline;
					}
				#col-d {
					width:330px;
					margin:30px 20px 0px 20px;
					}
				#col-e {
					width:320px;
					margin:30px 30px 0px 0px;
					}
				#col-news {
					width:460px;
					padding-left:20px;
					padding-right:30px;
					
					}
				#col-articulos {
					width:200px;
					padding-left:10px;
					}
		#contenidos-bottom{
			width:752px;
			height:40px;
			background:url(images/bg-cont-bottom1.png) no-repeat 0 0;
			}
		.texto {
			color:#666;
			font-size:11px;
			font-weight:bold;
			line-height:200%;
			}
			
		.lista-interna {
			margin-left:15px;
			}		
		.lista-interna li {
			background:url(images/bullet-orange.gif) no-repeat 0px 3px;
			padding-left:15px;
			text-transform:uppercase;
			font-weight:bold;
			font-size:11px;
			color:#454358;
			margin-bottom:10px;
			}
		.lista-interna li ul li {
			background:none;
			padding-left:0px;	
			text-transform:none;
			font-weight:normal;
			font-size:10px;
			margin-top:2px;
			margin-bottom:0px;
			}
		
		#leftcol h3 {
			padding-bottom:10px;
			border-bottom:1px solid #A2A2AC;
			margin-bottom:10px;
			}
			
		.textos-internos {
			margin:20px 30px 20px 20px;
			}
		.textos-internos p {
			padding-bottom:10px;
			line-height:180%;
			}
		.textos-internos h1,
		.textos-internos h2,
		.textos-internos h3,
		.textos-internos h4,
		.textos-internos h5,
		.textos-internos h6 {
			padding-bottom:10px;
			margin-bottom:10px;
			border-bottom:1px solid #DDD;
			color:#454358;
			}
			.textos-internos h1 {font-size:25px;}
			.textos-internos h2 {font-size:23px;}
			.textos-internos h3 {font-size:20px;}
			.textos-internos h4 {font-size:17px;}
			.textos-internos h5 {font-size:15px;}
			.textos-internos h6 {font-size:12px;}
		.textos-internos ul {
			list-style:disc;
			margin:0px 0px 10px 20px;
			}
		.textos-internos ol {
			list-style:decimal;
			margin:0px 0px 10px 20px;
			}
		
		.textos-internos img.left {
			float:left;
			margin:0px 10px 10px 0px;
			}
		.textos-internos img.right {
			float:right;
			margin:0px 0px 10px 10px;
			}
			
/*Elementos de contacto y formularios*/	
	.contacto {
		background:url(common/images/bg-contacto.jpg) no-repeat 0 0;
		height:436px;
		}
	.contacto table td {
		padding:5px 0px;
		}
		.contacto div.txt {
			font-size:10px;
			width:400px;
			padding:120px 0px 0px 375px;
			}
		.contacto div.txt p {
			line-height:125%;
			}
			
			.input-contacto-corto,
			.input-contacto-medio,
			.input-contacto-largo {
				background:#DCDBE0;
				border:none;
				padding:4px 5px;
				font-size:10px;
				margin-top:3px;
				font-family:Arial, Helvetica, sans-serif;
				}
			.input-contacto-corto {
				width:140px;
				}
			.input-contacto-medio {
				width:340px;
				}
			.input-contacto-largo {
				width:388px;
				}
				
			.btn-enviar-contacto {
				background:url(images/submit.jpg) no-repeat;
				font-size:10px;
				border:none;
				margin-right:7px;
				cursor:pointer;
				height:25px;
				width:85px;
				}
					
			/* Elementos de #col-a */
			

			/* Elementos de #col-b */
				
				.lista {
					list-style:disc;
					color:#FF0000;
					margin-left:15px;
					}
					.lista span {
						font-size:11px;
						font-weight:bold;
						line-height:170%;
						color:#333;
						}
				
			/* Elementos de #col-c */
				
			/* Elementos de #col-d */
				.listado-int {
					margin-left:25px;
					line-height:20px;
					list-style:disc;
					color:#666;
					font:Tahoma,Arial;
					font-size:13px;
					font-weight:bold;
					}
					.listado-int ul {
						margin-left:15px;
						color:#999;
						font-size:12px;
						font-weight:normal;
						list-style:circle;
						}

			/* Elementos de #col-news */
				#col-news ul {
					margin:10px 0px;
					}
					#col-news ul li {
						padding:10px 0px;
						border-top:1px solid #A2A2AC;
						overflow:hidden;
						height:1%;
						}
						#col-news ul li img {
							border:2px solid #A4A5C4;
							margin-right:10px;
							float:left;
							display:inline;
							width:116px;
							overflow:hidden;
							}
						#col-news ul li div {
							float:left;
							display:inline;
							width:264px;
							}
							#col-news ul li strong {
								display:block;
								margin-bottom:5px;
								}

			/* Elementos de #col-articulos */
				#col-articulos ul {
					margin:10px 0px;
					}
					#col-articulos ul li {
						padding:10px 0px;
						border-top:1px solid #A2A2AC;
						overflow:hidden;
						color:#676887;
						size:10px;
						}
						#col-articulos ul li div {
							float:left;
							display:inline;
							width:264px;
							}
							#col-articulos ul li strong {
								display:block;
								}
							#col-articulos ul li a {
								color:#676887;
								}
								
			
			ul.list-articulos {
					margin:10px 0px;
					list-style:none;
					padding:0px;
					}
					ul.list-articulos li {
						padding:10px 0px;
						border-bottom:1px solid #A2A2AC;
						overflow:hidden;
						height:100%;
						}
						ul.list-articulos li img {
							border:2px solid #A4A5C4;
							margin-right:10px;
							float:left;
							display:inline;
							width:116px;
							overflow:hidden;
							}
						ul.list-articulos li span {
							display:block;
							background:#5B5877;
							color:#FFF;
							padding:4px 10px;
							margin-bottom:10px;
							}
						ul.list-articulos li div {
							float:left;
							display:inline;
							width:550px;
							}
			
			ul.list-clientes {
				overflow:hidden;
				height:100%;
				margin:25px 0px 15px 10px;
				list-style:none;
				padding:0px;
				}
				ul.list-clientes li {
					float:left;
					display:inline;
					margin:0px 27px 20px 0px;
					border:1px solid #DDD;
					padding:2px;
					height:110px;
					width:190px;
					overflow:hidden;
					text-align:center;
					line-height:110px;
					font-weight:bold;
					color:#676887;
					font-size:12px;
					}		
				ul.list-clientes li img {
					height:110px;
					width:190px;
					}
					
	/* Elementos */
	
		.recomendados {
			font-size:14px;
			color:#3D4800;
			margin-left:22px;
			margin-bottom:10px;
			}
		
		.destacados {
			margin-left:22px;
			}
		.destacados-item {
			text-align:center;
			line-height:120px;
			width:170px;
			border:1px solid #515B1C;
			color:#5A6428;
			text-transform:uppercase;
			margin-bottom:15px;
			}
			
			
	.contactform {
		margin:20px 0px;
		}
		.contactform td {
			padding:5px;
			vertical-align:top;
			}
	.contactform input,
	.contactform textarea,
	.contactform select {
		border:1px solid #DDD;
		padding:2px;
		font-size:11px;
		width:200px;
		font-family:Tahoma, Arial;
		}
	.contactform input#submit {
		border:none;
		background:#5B5877;
		color:#FFF;
		font-weight:bold;
		padding:4px;
		font-size:11px;
		width:120px;
		margin-right:15px;
		cursor:pointer;
		}