*{margin:0px;padding:0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
body, html {min-height: 100%;	height: auto !important;height: 100%;text-align:center; color: #333;background:#f1efe2;}
body {font:normal 72.5%em Arial, Verdana, Geneva, Helvetica, sans-serif;color:#333; background: #f1efe2;}
#central{width:768px;padding:0px;text-align:center;vertical-align:top;margin:0px auto; display: block; font-size: 11px;}
#main{ width:768px; text-align: left; vertical-align: text-top; display: block; float: left;border:1px solid #999;padding:0px;margin: 0;clear: both; height:auto; min-height: 500px !important; padding-bottom: 1px;background: #fff; position: relative; overflow: hidden;}

#header{ width: 768px; height: 383px;  display: block; float: none; clear: both; background: url(../images/top_bar.jpg) 0 323px repeat-x; overflow: hidden; position: relative;}
#top-menu{width: 299px; height: 323px;background: url(../images/top_menu_bg.jpg) repeat-y; float: left; clear: none; display: block; overflow: hidden;}
#top-menu a#logo{background:transparent; display: block; clear: both; width: 299px; height: 141px;}

ul#menu{	width: 299px; height: 182px; display: block; overflow: hidden; padding: 0; list-style: none;}
ul#menu li{width: 229px; height: 25px; list-style: none; display: list-item;  clear: both; overflow: hidden; padding-left: 62px}
ul#menu li a{display: block; text-decoration: none; width: 237px; height: 25px; }
ul#menu li a:hover{padding-left:2px;}
ul#menu li a img{display: block; text-decoration: none; border:none; width: 237px; height: 25px; }

div#head{ width: 469px; height: 353px; float: left; clear: none; display: block;}
h1#home{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_home.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#empresa{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_empresa.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#dispositivos{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_dispositivos.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#cobertura{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_cobertura.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#clientes{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_clientes.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#campanias{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_campanias.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#contacto{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_contacto.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#recomendaciones{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_recomendaciones.jpg) no-repeat; z-index: 2; text-indent: -9000px}
h1#novedades{ width: 237px; height: 60px; display: block; position: absolute; left: 62px; top: 323px; background: url(../images/top_novedades.jpg) no-repeat; z-index: 2; text-indent: -9000px}
/*p, span, a{color: #958e6c; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}*/

div#contenido{	width: 750px; padding: 9px; text-align: left; color: #333; text-decoration: none; overflow: hidden; display: block; clear: both; float: none; position: relative; background: #fff; height: auto;}

div#reco, div#reco2{padding-left:60px;font-family: Arial, Helvetica, sans-serif; display: block; clear: both; float: none;}
div#reco h2,div#reco2 h2{font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
div#reco h3, div#reco2 h3{font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
div#reco a, div#reco2 a{border: none; text-decoration: none;}
div#reco a img, div#reco2 a img{	border: none; text-decoration: none;}
div#reco p, div#reco2 p{line-height: 18px;}
div#reco a.mn, div#reco2 a.mn{font-size: 10px; font-weight: normal; color: #000;}



div.tipos{width: 220px; height: 200px; display: block; float: left; clear: none; overflow: hidden; margin-right: 10px; padding: 8px; border: 1px solid #069; font-family: Arial, Helvetica, sans-serif; line-height: 20px; margin-left: 30px; margin-bottom: 20px; padding-left: 30px}


div#reco h4, div.tipos h4{font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 24px}
div.tipos p{font-size: 11px; padding-left: 8px}




#footer{	width: 768px; height: 127px; display: block; float: none; clear: both;  background: #f1efe2 url(../images/pie_bar.jpg) repeat-x; position: relative; z-index: 0}
#footer #fotopie{	width: 130px; height: 127px; display: block; float: left; clear: none; background: url(../images/foto_pie.jpg) no-repeat;}
#footer #piedata{ width: 208px; height: 22px; padding: 96px 0 0 0px; display: block; float: left; clear: none; color: #fff; text-decoration: none; font-size: 11px; text-align: left;}
#footer #piedata a{color: #fff; text-decoration: none; font-size: 11px; font-weight: bold;}
#footer #piedata a:hover{color: #fff; text-decoration: none; font-size: 11px; color: #00BFFF;}
#footer #linknews{ width: 428px; height: 127px; padding: 0; display: block; float: left; clear: none; text-decoration: none; font-size: 11px; text-align: right;}
#footer #linknews a{	background: url(../images/link_news.jpg) no-repeat; border: 0; display: block; width: 193px; height: 127px; float: right;}


form#contactform, div#contacto-left{width: 500px; display: block; float: left; clear: none; overflow: hidden; margin: 0; padding: 0;}
form#contactform fieldset{border: none; color: #069; width: 480px }
form#contactform fieldset label{font-size: 11px; font-weight: noemal; text-decoration: none;color: #069; width: 180px; text-align: right; display: block; float: left; clear: none; height: 20px; line-height: 20px; margin-bottom: 10px;}
form#contactform fieldset input, form#contactform fieldset textarea{	width: 250px; height: 20px; display: block; float: left; clear: none; margin-left: 20px; color: #069; border: 1px solid #069; background-color: #ADD8E6; margin-bottom: 10px;} 
form#contactform fieldset textarea{height: 150px; overflow: auto;}
p.mini, span#desclength{ font-size: 10px; color: #069; text-align: left;}

form#contactform fieldset input#enviar-form{background: url(../images/btn_enviar.jpg) no-repeat; width: 80px; height: 20px; float: right; margin-right: 30px; display: block; clear: none; border: none;}
form#contactform fieldset input#borrar-form{background: url(../images/btn_cancelar.jpg) no-repeat; width: 80px; height: 20px; float: right; margin-right: 70px; display: block; clear: none; border: none;}
div#contacto-left p{
	width: 450px;
}
div#datos-contacto{width: 180px; display: block; float: left; clear: none; margin-left: 4px; padding: 21px 25px 10px 10px; text-align: center;  background: url(../images/cnt_bg.jpg) no-repeat; height: 190px; color: #fff; margin-top: 50px}
div#contacto-left p, div#datos-contacto a, div#datos-contacto p{color:#FFF;  font-size: 11px; line-height: 25px;  text-decoration: none;}
div#datos-contacto a:hover{color:#ddd;}
div#contacto-left p strong, div#datos-contacto p strong{font-size: 18px; color: #fff; font-family: Arial, Helvetica, sans-serif;}

ul#clientes{ width: 700px; height: auto; float: none; display: block; list-style: none; padding: 0; margin-left: 50px; overflow: hidden;}
ul#clientes li{width: 120px; margin-right: 10px; display: block; float: left; clear: none; list-style: none; height: 150px; margin-bottom: 10px; padding: 0}
ul#clientes li div.logo{width: 110px; height: 80px; display:  block; float: left; clear: none; overflow: hidden; border: none; margin: 0;}
ul#clientes li div.logo img{display: block; float: none; clear: both; border: 2px solid #fff; margin: auto;}
/*
ul#clientes li div.data{width: 160px; height: 140px; display:  block; float: left; clear: none; overflow: hidden; border: none; margin-left: 0px;}
ul#clientes li div.data h1{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; text-align: left; margin-top: auto;}
ul#clientes li div.data p{	color: #000; text-align: left; clear: both; line-height: 16px; font-size: 12px;}
*/
ul#lista-n{width: 180px; height: auto; display: block; float: left; clear: none; overflow: hidden; list-style: none; margin-left: 60px}
ul#lista-n li{width: 180px; height: auto; list-style: none; display: block; float: none; clear: both; border-bottom: 1px dotted #999; padding-bottom: 5px; margin-bottom: 5px; overflow: hidden;}
ul#lista-n li p{color: #666; text-align: left; font-size: 10px; text-decoration: none;}
ul#lista-n li a{font-size: 11px; text-align: left; text-decoration: none; color: #333; border: none; display: block; clear: both; float: none; line-height: 18px}
ul#lista-n li a:hover{color: #000; text-decoration: underline;}

ul#lista-n li.page-tot{width: 180px; display: block; float: none; clear: both; color:#333; text-align: left; font-size: 11px; margin-top: 5px; height: 16px }
ul#lista-n li.page-tot p#tot{width: 130px; display: block; float: left; clear: none; color: #333; text-align: left;  font-size: 11px; text-align: left;}
ul#lista-n li.page-tot p#idx a{color: #333; text-decoration: none; width: 16px; display: block; height: 16px; float: left; clear: none; font-size: 11px;}
ul#lista-n li.page-tot p#idx a:hover{color: #000; font-size: 11px;}
ul#lista-n li.page-tot p#idx a strong{font-size: 11px; clear: none;}

div#contenido-novedades{ width: 480px; display: block; float: left; clear: none;	margin-left: 20px; }
div#contenido-novedades span{clear: both; display: block;}
div#contenido-novedades span b{
	clear: none;
}

#derecha{ width: 660px; display: block; float: left; padding-left: 60px; clear: both; background:transparent; }

#derecha h2{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; font-weight: bold; text-align: left; display: block;}
#derecha p{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Black;}
#derecha p.texto1{text-align: right; margin-top: 20px; line-height: 20px}

#derecha h3,#derecha h1{text-align: left;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; font-weight: bold; text-align: left;  display: block; clear: none;}
#derecha p.texto2{text-align: left;; line-height: 20px}

	#rotame{ width: 670px; height: 270px; display: block; float: none; clear:both; text-align: right; }	
	#rotame h1{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; font-weight: bold; text-align: left; display: block; clear: none;}
	#rotame p#texto3{text-align: left;margin-top: 0px; font-size: 12px; color: #333; line-height: 20px}
	#rota{ width: 360px; height: 270px; display: block; float: right; clear:both; text-align: center; background-color: #fff; text-align: center;}	
	#rota img{margin: auto; margin-top: 10px;}
	#rota p{color: #fff}
	
	
ul#tipos{ width: 700px; height: auto; float: none; display: block; list-style: none; padding: 0; margin-left: 50px; overflow: hidden;}
ul#tipos li{width: 338px; margin-right: 10px; display: block; float: left; clear: none; list-style: none; height: 150px; margin-bottom: 10px; padding: 0; border: 1px dotted #069}
ul#tipos li div.logo{width: 200px; height: 120px; display:  block; float: left; clear: none; overflow: hidden; border: none; margin: 0;}
ul#tipos li div.logo img{display: block; float: none; clear: both; border: none; margin: auto;}
ul#tipos li div.data{width: 125px; height: 120px; display:  block; float: left; clear: none; overflow: hidden; border: none; margin-left: 10px;}
ul#tipos li div.data h1{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; text-align: left; margin-top: auto; line-height: 24px;}
ul#tipos li div.data p{	color: #000; text-align: left; clear: both; line-height: 16px; font-size: 11px;}



ul#lista-t{width: 150px; height: auto; display: block; float: left; clear: none; overflow: hidden; list-style: none; padding-left: 60px}
ul#lista-t li{width: 150px; height: auto; list-style: none; display: block; float: none; clear: both; border-bottom: none; padding-bottom: 5px; margin-bottom: 5px; overflow: hidden;}
ul#lista-t li a{width:150px; font-size: 12px; text-align: left; text-decoration: none; color: #FFF; border: none; display: block; clear: both; float: none; line-height: 18px; background: #069; font-weight: bold;}
ul#lista-t li a:hover{color: #000; text-decoration: underline;}

ul#lista-t li.page-tot{width: 150px; display: block; float: none; clear: both; color:#333; text-align: left; font-size: 11px; margin-top: 5px; height: 16px }
ul#lista-t li.page-tot p#tot{width: 100px; display: block; float: left; clear: none; color: #333; text-align: left;  font-size: 11px; text-align: left;}
ul#lista-t li.page-tot p#idx a{color: #333; text-decoration: none; width: 16px; display: block; height: 16px; float: left; clear: none; font-size: 11px;}
ul#lista-t li.page-tot p#idx a:hover{color: #000; font-size: 11px;}
ul#lista-t li.page-tot p#idx a strong{font-size: 11px; clear: none;}

div#dyndata{width: 530px; display: block; float: left; clear: none; overflow: hidden; margin: 0}
	div#datos-tipo{ width: 190px; display: block; float: left; clear: none;	margin-left: 20px;  overflow: hidden; height:auto;}
	div#datos-tipo h2{font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 20px; text-decoration: underline; margin-bottom: 10px; font-size: 16px;}
	div#datos-tipo p{ width: 190px; line-height: 20px; margin-bottom: 20px; padding-bottom: 3px; border-bottom: 1px dotted #069 }

	div#icotipo, div#picstipo{ width: 280px; height: auto; display: block; float: left; clear: noe; overflow: hidden; margin-left: 20px; margin-bottom: 10px;}
	div#picstipo a{width: 85px; height: 85px; display: block; float: left; clear: none; overflow: hidden; border: 1px solid; text-decoration: none; margin: 3px; }
	div#picstipo a img{display: block; border: none; border-collapse: collapse;-moz-opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
	div#picstipo a:hover img{filter:none; -moz-opacity: 1.0;}