html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	font-size:14px;
	font-family: Georgia, sans-serif;
	text-align: center;
	color: #fff;
	background:#00b7ff;
}
/* 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: 990px;
	background: #00b7ff;
	text-align: left; 
	margin: 0 auto;
	overflow:visible;
}
#top { position: relative; width:990px; height:303px; background:url(../img/top.png) no-repeat;}
	#top h1 a {float:left;position:absolute; width:284px;height:115px; left:161px;top:95px;text-indent:-9000px;overflow:hidden;}
	#top ul#botNav {float:left; position:absolute; width:185px; left:525px;top:50px;height:173px; }
		 #botNav li { float: left; position:relative; }
			#botNav1 a { float:left; position:absolute;overflow:hidden; display:block; top:117px;left:15px; font-size:18px;color:#000101;}
				#botNav1 a:hover {color:#bf2b27;}
				#botNav1 a .seleccionado {color:#bf2b27;}
		    #botNav2 a{ float:left; position:absolute;overflow:hidden; display:block;left:85px;top:38px; font-size:18px;color:#000101;}
				#botNav2 a:hover {color:#bf2b27;}
				#botNav2 a .seleccionado {color:#bf2b27;}
		    #botNav3 a{ float:left; position:absolute;width:94px;height:52px;overflow:hidden; display:block;left:14px;top:180px;text-indent:-9000px;}
		#top h2 {float:left;position:absolute;width:202px;height:40px;top:248px;left:167px;text-indent:-9000px;}
		#top .productos {background:url(../img/tit-productos.png) no-repeat;}
		#top .contacto {background:url(../img/tit-contacto.png) no-repeat;}
		#top .empresa {background:url(../img/tit-empresa.png) no-repeat;}
		#top .news {background:url(../img/tit-news.png) no-repeat;}

	#contenido { clear:both; position:relative; display: block; overflow:visible; padding-top:25px; margin:0; width:699px; left:136px;}

	.error { color: #BF2B28; }

	#new {clear:both; position:relative; display:block; width: 680px; height:120px; margin:0 0 36px auto;background:#5cbfe6;}
 		#new #imgMe { position:relative; float:left; display:inline; margin-right: 11px; background:url(../img/fondo-123.png) no-repeat; width:123px;height:123px;float:left; position:relative; top:13px;}
		#new #estrella {background:transparent url(../img/estrella.png) no-repeat scroll 0 0;display:block;height:67px;margin-left:-26px;margin-top:-151px;overflow:hidden;position:relative;width:67px;}
		#new img { border: 2px solid #b3b3b3; }
		#new ul { margin: 4px 0 4px 0;}
			#new li { clear:both;position:relative; display:block;overflow:hidden;background:url(../img/punto-li.png) no-repeat 0 8px;; padding-left: 8px;margin:3px 0 0 10px; }
		#new h4 {font-size:14px; color:#006e99; margin: 10px 0;}
		#new a { color:#fff; text-decoration: underline; }
			#new .volver  { background: url(../img/volver.png) no-repeat; width: 90px; height:27px; text-indent:-9000px; display:block; overflow:hidden; margin-top:10px; }
			#new h3 {position:relative; float: left; display:inline; color:#006e99; width:531px; padding-top:16px; position:relative; border-bottom:1px solid #006e99;}
			#new p { position:relative;float: left; display:inline; margin:0; padding-top:3px; width:531px; }
			#new .consultar  { position:relative; float: left; background: url(../img/consultar.png) no-repeat; width: 133px; height:31px; text-indent:-9000px; display:inline; overflow:hidden; margin-top:10px; }
			#new .ver-mas  {  position:relative; float:left; display:inline; overflow: hidden; background: url(../img/ver-mas.png) no-repeat; width: 90px; height:27px; text-indent:-9000px; margin-top:10px; }
	#empresa { clear:both; position:relative; display:block; width:650px; margin-left:34px;}
		.texto ul { margin: 4px 0 4px 0;}
			.texto li { clear:both;position:relative; display:block;overflow:hidden;background:url(../img/punto-li.png) no-repeat 0 8px;; padding-left: 8px;margin:3px 0 0 10px; }
		.texto h4 {font-size:14px; color:#006e99; margin: 10px 0;}
		.texto ul { position:relative; display:block;overflow:hidden;margin: 4px 0 4px 0; }
		.texto li { position:relative; display:block;overflow:hidden;background:url(../img/punto-li.png) no-repeat 0 8px;; padding-left: 8px;margin:3px 0 0 10px;}
		.texto a { color:#fff; text-decoration: underline; }
		.texto p { margin:0; }
		#empresa .linea { margin:0; border:0; background:url(../img/linea-producto.png) no-repeat; width:650px; height:1px;}

	#prodDesplegado { clear:both; position:relative; display:block; width:683px;}
		#prodDesplegado h3 {float:left;position:relative;width:201px; color:#f3ce08; border-bottom: 1px solid #006e99; padding-bottom: 3px;}
 		#prodDesplegado #imgGr { background:url(../img/fondo-428.png) no-repeat; width:428px;height:428px;float:left;display:inline;margin-right:21px; margin-left:28px;}
		#prodDesplegado imgGr {  }
		#prodDesplegado Flash { }
		#prodDesplegado #fotoFlash {border:2px solid #B3B3B3;display:block;height:420px;position:relative;width:420px; }
		#prodDesplegado .linea { margin:0; border:0; background:url(../img/linea-producto.png) no-repeat; width:201px; height:1px;}
		#prodDesplegado p { position:relative;float: left; display:inline; margin:0; padding-top:3px; width:201px; }

		.textochico ul { position:relative; display:block;overflow:hidden;margin: 4px 0 4px 0; width:201px;}
		.textochico li { position:relative; display:block;overflow:hidden;background:url(../img/punto-li.png) no-repeat 0 8px;; padding-left: 8px;margin:3px 0 0 10px;width:201px;}
		.textochico h4 {font-size:14px; color:#006e99; margin: 10px 0;width:201px;}
		.textochico a { color:#fff; text-decoration: underline; }
		.volver  { position:relative; display:inline; float:left; background: url(../img/volver.png) no-repeat; width: 90px; height:27px; text-indent:-9000px; display:block; overflow:hidden;}
		.textochico .volver  { margin-top:10px;}



	#productos { clear:both; position:relative; display:block;  margin-top: 26px; width:650px; margin-left:34px;}
		#productos #colIzq { float:left; position:relative; width:320px; display:inline; overflow:hidden;}
		#productos #colDer { float:left; position:relative; width:310px; display:inline; overflow:hidden; }
		#productos ul {clear:both;position:relative; }
		#productos li {clear:both; position:relative; overflow:hidden; display:block; margin-bottom:26px;}
		#productos #img { background:url(../img/fondo-108.png) no-repeat; width:108px;height:108px;float:left;padding-right:11px;}
		#productos img { border:2px solid #b3b3b3;  }
		#colIzq h3 {float:left;position:relative;width:185px; color:#f3ce08; border-bottom: 1px solid #006e99; padding-bottom: 3px;}
		#colDer h3 {float:left;position:relative;width:185px; color:#f3ce08; border-bottom: 1px solid #006e99; padding-bottom: 3px;}
		#colDer p {float:left; position:relative; width:185px; margin:0;}
		#colIzq h3 a, #colDer h3 a {color:#f3ce08; }
		#colIzq h3 a:hover, #colDer h3 a:hover {color:#fff; }
		#colIzq p {float:left; position:relative; width:191px; margin:0;}

	#contacto { clear:both; position:relative; display:block;  margin-top: 26px; width:650px; margin-left:34px;}

	#formContacto { float:left; display:inline; position:relative; width:476px; margin:0 auto; height:275px;overflow:hidden; }
		#formContacto label { clear:left;float:left; display:inline; position:relative; width:132px;height:25px; background: #006e99; font-size:14px; text-align:right; padding:5px 5px 0 0;}
		#formContacto input { width: 322px;float:left;display:inline; height:22px; background: #fff; border: 0; margin:0 0 8px 8px; padding: 5px 3px 3px 3px; }
		#formContacto textarea { width: 328px;height:110px; background:#fff; border:0;float:left;position:relative;margin-left:8px;}
		#formContacto button { float:left; position:relative; background:url(../img/enviar.png) no-repeat; width: 137px; height:72px; overflow:hidden; border:0; top:-72px; display:inline; cursor:pointer;}

	#mails { width:140px; float:left; position:relative; margin-left: 20px; display:inline;}
			#mails h3 {color:#f3ce08; width:140px; border-bottom:1px solid #006e99; padding-bottom: 8px;}
			#mails p { margin: 0 auto; margin-bottom:10px;}
		.conMail a {margin-top:10px;color: #fff;}
		.conMail a:hover { color: #f0c309; }

#pie {clear:both;position:relative;width:990px;height:133px;background:url(../img/pie.png) no-repeat bottom; margin-bottom:25px;}
	#pie .mail {float:left;position:absolute; display:inline;;margin-top:54px; margin-left:383px;font-size:18px;}
		#pie .mail a { color: #fff; }
		#pie .mail a:hover { color: #f0c309; }
	#pie .telefono {float:left; position:absolute; display:inline;;margin-top:74px; margin-left:325px; font-size:24px; color:#f0c309; }
	#pie address {float:left; position:absolute; display:inline;;margin-top:105px; margin-left:163px;font-style:normal}
	#pie .osmosis a {float:left; position:absolute; display:inline;; width:96px;height:25px;top:86px;left:697px;overflow:hidden;text-indent:-9000px;}


