@import 'reset.css';
@import 'fonts.css';

body{background:#000; font-size:11px; font-family:"Arial", Helvetica, sans-serif; margin:0; padding:0;}

#central {width:800px; margin:0 auto; display:block;}
#contenido {width:800px; float:left; clear:none; display:block; background:#faf2ef url(../img/bg_site.jpg) no-repeat bottom left;}

#header{ width:800px; height:50px; padding:295px 0 0 0; background:url(../img/bg_header.jpg) no-repeat; float:left; clear:none; display:block;}
#header ul#menu{width:800px; height:35px; padding:15px 0 0 0; background:url(../img/bg_menu.jpg) no-repeat; float:left; clear:none; display:block; text-align:center;}
#header ul#menu li{display:inline;}
#header ul#menu li a{color:#fff; font-size:14px; padding:0 20px; border-right:1px solid #fff; font-weight:600;}
#header ul#menu li a:hover{color:#ccc;}	

#footer {width:800px; float:left; display:block; clear:none; }
#footer ul#menu2 {width:800px; height:30px; float:left; clear:none; display:block; text-align:center; padding:160px 0 0 0;}
#footer ul#menu2 li{display:inline;}
#footer ul#menu2 li a{color:#999; margin:0 5px;}
#footer ul#menu2 li a:hover{text-decoration:underline;}

#main {width:770px; float:left; clear:none; display:block; padding:10px 15px;}
h1{font-size: 14px;}
h1.promociones{width:130px; height:15px; float:left; clear:none; display:block; background:url(../img/title_promociones.jpg) no-repeat; text-indent:-9000px; margin:10px 0;}
h1.not_salud{width:700px; height:15px; float:left; clear:none; display:block; background:url(../img/title_not_salud.jpg) no-repeat 5px 0; text-indent:-9000px; margin:0 0 5px 0;}
h1.empresa{width:120px; height:15px; float:left; clear:none; display:block; background:url(../img/title_empresa.jpg) no-repeat; text-indent:-9000px; margin:10px 0;}
h1.servicios{width:190px; height:15px; float:left; clear:none; display:block; background:url(../img/title_servicios.jpg) no-repeat; text-indent:-9000px; margin:10px 0;}
h1.contacto{width:195px; height:15px; float:left; clear:none; display:block; background:url(../img/title_contacto.jpg) no-repeat; text-indent:-9000px; margin:10px 0;}
h1.faqs{width:230px; height:15px; float:left; clear:none; display:block; background:url(../img/title_faqs.jpg) no-repeat; text-indent:-9000px; margin:10px 0;}


div.contenido-up{width:770px; height:27px; background:url(../img/bg_interna_up.jpg) no-repeat; float:left; clear:both; display:block;}
div.contenido-down{width:770px; height:28px; background:url(../img/bg_interna_dwn.jpg) no-repeat; float:left; clear:both; display:block;}
div.contenido-cont{width:730px; background:url(../img/bg_interna_cont.jpg) repeat-y; float:left; clear:both; display:block; padding:0 20px;}
div.contenido-cont h1{line-height:18px; margin:0 0 10px 0; font-size: 16px; font-weight: 700; color: #333; border-bottom:3px solid #999;}
div.contenido-cont h2{line-height:18px; margin:0 0 10px 0; font-size: 12px; font-weight: 700; color: #666;}
div.contenido-cont h3{line-height:18px; margin:0 0 10px 0; font-size: 11px; font-weight: 700; color: #333;}
div.contenido-cont p{ line-height:18px; margin:0 0 10px 0;}
div.contenido-cont p.mini{ line-height:18px; margin:0 0 10px 0; font-size: 10px;}
div.contenido-cont p.gris{ line-height:18px; margin:0 0 10px 0; color:#666}
div.contenido-cont a{line-height:18px; margin:0 0 10px 0; color:#666; color: #333; font-weight: bold;}


div.home-top{width:770px; border-bottom:none; float:left; clear:none; display:block; margin:0 0 10px 0; padding:0 0 10px 0;}
div.home{width:219px; float:left; clear:none; display:block; padding:0 10px; border-right:1px solid #d7d2cf;}
div.home h2{font-size: 14px; font-weight: 700; color: #333;}
div.home h3{font-size: 11px; font-weight: 700; color: #666;}
div.home a{font-size: 11px; font-weight: 700; color: #333; float: right; }


div.home-botones {width:240px; padding:0 5px 0 10px; border-left:1px solid #d7d2cf; float:left; clear:none; display:block; margin:0 0 0 10px; }
div.home-botones a {float:left; clear:none; display:block;margin:0 0 3px 0; width:241px; height:84px; background:url(../img/bt_bg_home.jpg) no-repeat; text-align:center; padding:15px 0 0 0;position: relative;}
div.home-botones a img{-moz-opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
div.home-botones a:hover img{filter:none; -moz-opacity: 1.0; border: none;}
div.home-botones a em{position: absolute; z-index: 10; left: 20px; top: 1px; color: #000; font-weight: bold; width: 210px; height: 16px; overflow: hidden; text-align: left;}

div.home-ajax, div#toShowPromo{width:492px; height:284px; float:left; clear:none; display:block; background:url(../img/home_ajax.jpg) no-repeat; position:relative; margin-right: 10px;}
div#toShowPromo{background: none;}
div.home-ajax img#texto{width:492px; height:72px; -moz-opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); float:left; clear:none; display:block; position:absolute; top:212px; z-index:10;}
div.home-ajax div#texto2{width:488px; height:68px; padding:2px; float:left; clear:none; display:block; position:absolute; top:212px; z-index:15;}
div.home-ajax div#texto2 h2{ font-weight:600; font-size:11px;}


div.contacto{width:280px; float:left; clear:none; display:block; padding:0 10px;}

fieldset#contacto {width:420px; height:420px; float:left; clear:none; display:block; border-right:2px solid #e8e7e7;}
fieldset#contacto label{width:130px; height:20px; float:left; clear:both; display:block; margin:0 0 10px 0;}
fieldset#contacto input.campo {width:276px; height:20px; float:left; clear:none; display:block; background:#e8e7e7; border:none; margin:0 0 10px 0;}
fieldset#contacto #mes {width:150px; height:20px; float:left; clear:none; display:block; background:#e8e7e7; border:none; margin:0 0 10px 0;}
fieldset#contacto #dia {width:60px; height:20px; float:left; clear:none; display:block; background:#e8e7e7; border:none; margin:0 20px 10px 0;}
fieldset#contacto input.campo2 {width:276px; height:211px; float:left; clear:none; display:block; background:#e8e7e7; border:none; margin:0 0 10px 0;}
fieldset#contacto input#boton {width:50px; height:20px; background:#e8e7e7; border:none; display:block; float:right; clear:none; margin:0 5px 0 0;}

div.servicios-up{width:770px; height:24px; background:url(../img/bg_servicios_up.jpg) no-repeat right; float:left; clear:both; display:block;}
div.servicios-down{width:770px; height:29px; background:url(../img/bg_servicios_dwn.jpg) no-repeat right; float:left; clear:both; display:block;}
div.servicios-cont{width:770px; background:url(../img/bg_servicios_cont.jpg) repeat-y right; float:left; clear:both; display:block;}
div.servicios-cont p{ line-height:18px; margin:0 0 10px 0;}
div.servicios-contenidos{width:529px; float:left; clear:none; display:block; padding:0 20px;}
div.servicios-contenidos h2{ font-size: 12px; font-weight: 700; line-height: 20px; border-bottom: 2px dotted #999;
}
ul#servicios {width:200px; float:left; clear:none; display:block;}
ul#servicios li h1{float:left; clear:none;width:200px; height:38px; display:block; background:url(../img/bg_servicios_title.jpg) no-repeat; font-weight:600; color:#000; font-size:14px; text-align:center; padding:20px 0 0 0; text-transform:uppercase;}
ul#servicios li h2{width:180px; color:#000; float:left; padding:0 0 0 20px; clear:none; display:block; font-weight:600;}
ul#servicios li a{width:180px; color:#000; float:left; padding:0 0 0 20px; display:block; clear:none;}
ul#servicios li a:hover{color:#ccc;}

ul#noticias{list-style: none; padding: 0 0 0 15px}
ul#noticias li{ display: block; float: none; clear: both;}
ul#noticias li h2{ font-size: 13px; color: #333; display: block; float: none; padding: 0; margin: 0}
ul#noticias li h3{ font-size: 11px; color: #333; display: block; float: none; color:#666;}
ul#noticias li em{ color: #333}
ul#noticias li p{ margin: 0 0 0 10px;}
ul#noticias li a{ float: none; border-bottom: 1px solid #999; text-decoration: none; clear: both; text-align: right; width: 100%; display: block; color: #333;}
ul#noticias li a:hover{color: #600;}
	
div.paginar{margin-top: 30px; margin-left: 30px}
p.page-tot, p.page-idx, div.page-sep, div.page{	width: 180px; color: #333; text-decoration: none; display: block; float: left; clear: none; padding: 0 0 0 15px;}
p.page-idx a{color: #333; text-decoration: none;}
div.page-sep{width: 20px;}
a.page, div.page, div.page a{width: 70px; display: block; float: left; clear: none; color: #333; text-decoration: none;}


ul#faqs{list-style: none; padding: 0 0 0 0px}
ul#faqs li{ display: block; float: none; clear: both; width: 100%}
ul#faqs li p{font-weight:bold;}
ul#faqs li h2{ font-size: 13px; color: #333; display: block; float: none; padding: 0; margin: 0}
ul#faqs li a{ float: none; border-bottom: 1px dotted #aaa; text-decoration: none; clear: both; width: 100%; display: block; color: #333; padding-bottom: 8px; text-align: right;}
ul#faqs li a.hide{ float: none; border-bottom: 1px dotted #aaa; text-decoration: none; clear: both; width: 100%; display: none; color: #333; padding-bottom: 8px; text-align: right;}
ul#faqs li div{ font-size: 14px; line-height: 20px; margin-bottom: 20px; display: block; float: none; padding: 10px; background: #F7EBDF; display: none;}


div#minitaf, div#minitaf a{width: 350px; height: 50px; display: block; float: none; clear: both; background: url(../img/taf_mini.jpg) no-repeat; position: relative; left: 200px;}
div#minitaf a{	background: transparent; text-indent: -9999px; left: 0}

#taf{width: 300px; height: 140px; display: none; float: none; clear: both; position: relative; left: 200px; background: url(../img/taf_big.jpg) no-repeat; padding: 55px 0 0 50px}
#taf fieldset{padding: 8px; color: #fff; border: none; width: 270px; height: 120px}
#taf fieldset input, #taf fieldset label{width: 110px; text-align: left; height: 20px; margin-bottom: 6px; display: block; float: left; clear: none;}
#taf fieldset input{width: 150px; background: #f8f8f8; border: none; color: #333; height: 16px; margin-bottom: 10px; font-size: 11px;}
#taf fieldset input#enviarpromo{width: 75px; background: url(../img/taf_enviar.jpg) no-repeat; border: none; height: 24px; text-indent: -9999px; margin-left: 80px; cursor: pointer;}


div#where{	width: 600px; display: block; float: none; clear: both;height: 30px;}
div#where a{font-size: 9px; font-weight: bold; letter-spacing: 1px; color: #666; padding-right: 10px; text-transform: none;}

ul#fotoshome{height: auto; display: block; list-style: none;}
ul#fotoshome li{width: 140px; height: 140px; display: block; float: left ; clear: none; overflow: hidden; border: none;}
ul#fotoshome li a{	color: #666;}