html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	font-size:13px;
	font-family: Arial, sans-serif;
	text-align: center;
	color: #3f3f3f;
	background: url(../img/fondo-body.png) repeat-x top;
}
/* url(../img/fondo.png) repeat-x top*/

/* ============ TAGS GLOBALES ============ */

img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}

form,fieldset,label,input {padding: 0;margin: 0;}

fieldset {border: 0;}

p {margin: 1em 0;}

.hidden {display: none;}
.clear {clear: both;}


/* ============ ORGANIZACION ESTRUCTURAL ============ */

#wrapper {
	width: 788px;
	background: #fff url(../img/fondo-wrapper.png) no-repeat top;
	text-align: left; 
	overflow:visible;
	position:relative;
	display:block;
	margin: 0 auto;
	height:100%;
	min-height:383px;
}
	#top { 
		position:relative; 
		display:block; 
		height: 145px; 
	}
		/*#top #contenedor { 
			position:absolute; 
			float:left; 
			display: inline; 
			width:346px; 
			height:204px; 
			left:33px; 
			top:27px;
		}*/

		#top h1 a { 
			position:relative; 
			float:left; 
			display: inline; 
			width:370px; 
			height:91px; 
			overflow:hidden; 
			text-indent:-9000px; 
			background: url(../img/mardelcont.png) no-repeat; 
			left:379px; 
			top:54px; 
		}

	#colIzq {  
		display:inline; 
		float:left;  
		/*margin-bottom:34px; */
		margin-left:64px; 
		margin-top:85px; 
		overflow:visible; 
		padding-top:31px; 
		position:relative; 
		width:289px; 
		/*height:100%;*/
	}

		#colIzq nav { 
				width: 239px; 
				height:457px; 
			}
			#nav li {  }
			#nav li a { 
				display: block; 
				overflow: hidden; 
				width: 239px; 
				background-image: url('../img/botonera-nueva.png'); 
				text-indent: -9000px; 
			}

			#nav1 a{ background-position: 0 0; height:43px; }
			#nav2 a{ background-position: 0 -43px; height: 33px; }
			#nav3 a{ background-position: 0 -76px; height: 51px; }
			#nav4 a{ background-position: 0 -127px; height: 51px; }
			#nav5 a{ background-position: 0 -178px; height: 51px; }
			#nav6 a{ background-position: 0 -229px; height: 51px; }
			#nav7 a{ background-position: 0 -280px; height: 51px; }
			#nav8 a{ background-position: 0 -331px; height: 50px; }
			#nav9 a{ background-position: 0 -381px; height: 33px; }
			#nav10 a{ background-position: 0 -414px; height: 43px; }

			#nav1 a:hover,  #nav1 .seleccionado { background-position: -239px 0;  width: 239px; height:43px;}
			#nav3 a:hover,  #nav3 .seleccionado { background-position: -239px -76px; width: 239px; height:51px;}
			#nav4 a:hover,  #nav4 .seleccionado { background-position: -239px -127px; width: 239px; height:51px;}
			#nav5 a:hover,  #nav5 .seleccionado { background-position: -239px -178px; width: 239px; height:51px;}
			#nav6 a:hover,  #nav6 .seleccionado { background-position: -239px -229px; width: 239px; height:51px;}
			#nav7 a:hover,  #nav7 .seleccionado { background-position: -239px -280px; width: 239px; height:51px;}
			#nav8 a:hover,  #nav8 .seleccionado { background-position: -239px -331px; width: 239px; height:50px;}
			#nav9 a:hover,  #nav9 .seleccionado { background-position: -239px -381px; width: 239px; height:33px;}
			#nav10 a:hover,  #nav10 .seleccionado { background-position: -239px -414px; width: 239px; height:43px;}

		#colIzq .telefono {
			position:relative; 
			display:block; 
			overflow:hidden; 
			background: url(../img/telefono.png) no-repeat; 
			width: 239px; 
			height:62px; 
			text-indent:-9000px; 
		}
		#colIzq .consulte { 
			position:relative; 
			display:block; 
			overflow:hidden; 
			background: url(../img/fondo-consulta.png) no-repeat; 
			height:102px; 
			padding:14px 43px 13px 86px;
			top:15px;  
			left:-6px;
			color:#fff; 
			font-size:12px; 
		}

	#colDer { 
		position:relative; 
		float:left; 
		display:inline; 
		overflow:visible; 
		width:420px; 
		margin-top:63px;
		height:100%; 
		border-left:1px solid #bdbbbc;
	}

		#colDer #interna { 
			position:relative; 
			display:block; 
			overflow:visible; 
			width:370px; 
			margin-left:25px; 
			font-size:12px; 
			min-height:525px;
		}

		#colDer #cuerpo { 
			position:relative; 
			display:block; 
			overflow:visible; 
			width:370px; 
			margin-left:25px; 
			font-size:12px; 
			min-height:525px;
		}
		 #cuerpo ul#lisNotas {
			clear:both;
			position:relative;
			display:block;
			width:370px;
		}
			 #cuerpo #lisNotas li {
				clear:both;
				position:relative;
				display:block;
				font:normal 12px Arial;
				color:#3f3f3f;
				background: url(../img/linea-noticias.png) no-repeat;
				width:370px;
				padding-top:15px;
				margin-top:15px;
			}
			#cuerpo #lisNotas img {
				display:inline;
				float:left;
				position:relative;
				margin-right: 10px;
				border:1px solid #DEDEDE;
				padding:4px;
				margin-bottom:20px;
				}
			#cuerpo #lisNotas p {
				margin:0;
				}

			 #cuerpo #lisNotas  h3, #lisNotas h3 a {
				font: normal 16px "Trebuchet MS";
				color: #3f3f3f;	
				margin-bottom:5px;
				overflow:hidden;
			}
			#cuerpo h3 a:hover {
				color:#d02525;
			}

			 #cuerpo #lisNotas .intro {
				font:normal 12px Arial;
				color:#3f3f3f;
			}
			#cuerpo .archivo {
				clear:both;
				display:block;
				position:relative;
				margin-top:10px;
				background: url(../img/punto-li.png) no-repeat 0 3px;
				padding-left:15px;
				font: bold 13px;
				color:#3f3f3f;
				overflow:hidden;

			}
			#cuerpo .archivo:hover {
				color:#d02525;
			}

			#texto {
				clear:both;
				position:relative;
				display:block;
				margin-top:10px;
				background:url(../img/linea-noticias.png) no-repeat;
				padding-top:10px;
			}
			#texto p {
				text-align: justify; 
				margin-top:10px;
			}
			#texto a {
				color: #d02525;
				overflow:hidden;
			}
			#texto ul {
				clear:both; 
				position:relative; 
				display:block; 
				overflow:hidden; 
				margin:13px;
			}
				#texto li {
					clear:both; 
					position:relative; 
					display:block; 
					color:#d02525; 
					font-size: 13px; 
					background: url(../img/punto-li.png) no-repeat 0 3px;
					padding-left: 17px;
				}
			#texto h5 {
				clear:both;
				position: relative;
				overflow: hidden;
				font-size: 14px;
				color:#d02525;
				margin: 10px 0 10px 0;
				padding: 0;
			}

			#texto #imagenes { 
				clear: both;
				position:relative;
				display:block;
				overflow:hidden;
				width:370px;
				margin: 0;
				padding: 0;
				top: 10px;
			}


			#cuerpo ul#lisArchivo {
				clear:both; 
				position:relative; 
				display:block; 
				overflow:hidden; 
				margin-top:13px;
			}
				#lisArchivo li a {
					clear:both; 
					position:relative; 
					display:block; 
					color:#3f3f3f; 
					font-size: 13px; 
					background: url(../img/punto-li.png) no-repeat 0 3px;
					padding-left: 17px;
					margin-bottom: 5px;
				}
				#lisArchivo li a:hover {
					color:#d02525; 
				}

			.paginador {
				clear:both;
				display:block;
				position:relative;
				margin-top:10px;
				background: url(../img/linea-noticias.png) no-repeat;
				padding-top: 10px;
				text-align:center;
			}
			.paginador  a  {
				color:#3f3f3f;
				text-decoration:underline;
			}
			.paginador a:hover, .paginador strong {
				color:#d02525;
			}
			h2.la-empresa { 
				width:102px; 
				height:13px; 
				position:relative; 
				display:block; 
				background: url(../img/tit-laempresa.png) no-repeat; 
				text-indent: -9000px; 
				margin:0;
			}
			h2.noticias { 
				width:83px; 
				height:13px; 
				position:relative; 
				display:block; 
				background: url(../img/tit-noticias.png) no-repeat; 
				text-indent: -9000px; 
				margin:0;
			}
			#interna h2.servicios { 
				width:89px; 
				height:14px; 
				position:relative; 
				display:block; 
				background: url(../img/tit-servicios.png) no-repeat; 
				text-indent:-9000px; 
				margin:0 0 0 0;
			}
			#interna h3.subtitulos1 {
				clear:both;
				position:relative;
				margin:0;
				padding:0;
				display:block;
				width:370px;
				height:69px;
				background: url(../img/titulo-1.png) no-repeat;
				text-indent:-9000px;
			}
			#interna h3.subtitulos2 {
				clear:both;
				position:relative;
				margin:0;
				padding:0;
				display:block;
				width:370px;
				height:69px;
				background: url(../img/titulo-2.png) no-repeat;
				text-indent:-9000px;
			}
			#interna h3.subtitulos3 {
				clear:both;
				position:relative;
				margin:0;
				padding:0;
				display:block;
				width:370px;
				height:69px;
				background: url(../img/titulo-3.png) no-repeat;
				text-indent:-9000px;
			}
			#interna h3.subtitulos4 {
				clear:both;
				position:relative;
				margin:0;
				padding:0;
				display:block;
				width:370px;
				height:69px;
				background: url(../img/titulo-4.png) no-repeat;
				text-indent:-9000px;
			}
			#interna h3.subtitulos5 {
				clear:both;
				position:relative;
				margin:0;
				padding:0;
				display:block;
				width:370px;
				height:69px;
				background: url(../img/titulo-5.png) no-repeat;
				text-indent:-9000px;
			}			
			#interna h3.subtitulos6 {
				clear:both;
				position:relative;
				margin:0;
				padding:0;
				display:block;
				width:370px;
				height:69px;
				background: url(../img/titulo-6.png) no-repeat;
				text-indent:-9000px;
			}
			h2.contacto { 
				width:99px; 
				height:14px; 
				position:relative; 
				display:block; 
				background: url(../img/tit-contacto.png) no-repeat; 
				text-indent:-9000px; 
				margin:0; 
				padding: 0;
			}

			#interna h3.contenedores  { 
				width:112px; 
				height:23px; 
				position:relative; 
				display:block; 
				background: url(../img/tit-contenedores.png) no-repeat; 
				text-indent:-9000px; 
				margin:10px 0 0 0; 
			}

			#interna p {
				text-align: justify; 
				margin-top:10px;
			}
			#interna a {
				color: #d02525;
			}
			#interna ul {
				clear:both; 
				position:relative; 
				display:block; 
				overflow:hidden; 
				margin:13px;
			}
				#interna li {
					clear:both; 
					position:relative; 
					display:block; 
					color:#d02525; 
					font-size: 13px; 
					background: url(../img/punto-li.png) no-repeat 0 3px;
					padding-left: 17px;
				}
			#interna h5 {
				clear:both;
				position: relative;
				overflow: hidden;
				font-size: 14px;
				color:#d02525;
				margin: 10px 0 10px 0;
				padding: 0;
			}

			#interna #imagenes { 
				clear: both;
				position:relative;
				display:block;
				overflow:hidden;
				width:370px;
				margin: 0;
				padding: 0;
				top: 10px;
			}
				#imagenes li { 
					margin: 0;
					padding: 0;
					background: none;
					clear:none;
					left: 0;
					float: left;
					display:inline;
					position:relative;
					width: 110px;
					height: 110px;
					padding:0 17px 17px 0;
				}
				#imagenes .imagenesUlt {
					padding-right: 0;
				}
				#imagenes img {
					border:1px solid #dedede;
					padding: 4px;
				}

			#interna .linea {
				border-top: 1px solid #bdbbbc;
				margin-top: 13px;
				margin-bottom: 16px;
				height: 2px;
				width: 370px;
				clear: both;
				position: relative;
				display: block;
			}

			#formContacto {
				width: 370px;
				clear: both;
				position: relative;
				display: block;
				overflow: hidden;
			}
				#formContacto label {
					clear: left;
					position: relative;
					display: inline;
					float: left;
					width: 114px;
					height: 20px;
					color: #3f3f3f;
					text-align: right;
					background: url(../img/punto-li.png) no-repeat right 8px;
					padding: 5px 17px 0 0;
					margin-bottom: 5px;
				}
				#formContacto input {	
					position: relative;
					display: inline;
					float: left;
					margin: 0 0 5px 5px;
					width: 195px;
					height: 18px;
					border: 1px solid #d6d5d2;
					padding: 2px;
					font-family: Arial;
					font-size: 12px;
					color: #3f3f3f; 
				}
				#formContacto textarea {	
					position: relative;
					display: inline;
					float: left;
					margin: 0 0 5px 5px;
					width: 195px;
					height: 100px;
					border: 1px solid #d6d5d2;
					padding: 2px;
					font-family: Arial;
					font-size: 12px;
					color: #3f3f3f; 

				}
				#formContacto .enviar {
					clear: both;
					position: relative;
					display: block;
					background: url(../img/enviar.png) no-repeat;
					width: 66px;
					height: 24px;
					border: 0;
					margin-top: 5px;
					margin-left: 274px;
					cursor: pointer;
				}
		.error { color:#ff0000; font-weight: bold; }

		 .ciudad {
			clear:both; 
			position:relative; 
			display:block;
			background: url(../img/ciudad-limpia.png) no-repeat;  
			height:90px; 
			margin-left: -1px;
		} 

#pie { 
	clear:both; 
	position:relative; 
	display:block; 
	height:64px; 
	margin: 0 auto; 
	background: url(../img/fondo-pie.png) repeat-x;
}
	#pie #pieCont {
		width: 760px;
		margin: 0 auto;
	}
	 #pieCont .osmosis { 
		position:relative; 
		display:inline; 
		float:left;
		width: 290px; 
		height:20px; 
		background: url(../img/osmosis.png) no-repeat; 
		margin-left:50px; 
		text-indent:-9000px; 
	}
	#pieCont .osmosis a { 
		position:relative; 
		float:left; 
		display:inline; 
		overflow: hidden; 
		width:74px; 
		height:20px;
	}



