/* CSS Document */
body { color: #1a1917; font: 12px/20px Arial, Helvetica, sans-serif; background: #a8a39d url("images/main-bg.gif") repeat-x; margin: 25px 0 0; padding: 0 }
div, p, h1, h2, h3, ul{padding:0px; margin:0px;}
ul{list-style-type:none;}
/*--TOP PANEL--*/
#topPan{width:525px; height:400px; position:center; margin:0 auto;}
#topPan ul {width:464px;}
#topPan ul li{float:left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li a{width:90px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}
#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}
#topPan ul li.menupadding{margin:0 0 0 0px;}
#topPan ul li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}

#topPan h1{display:block; width:550px; height:200px; background:url(images/header.jpg) 0 0 no-repeat; text-indent:-2000px; margin:0; clear:both;}

#toplinkPan{width:669px; height:159px; position:relative; margin:0 auto;}
#toplinkfastPan{width:148px; height:140px; float:left; background:url(images/blog-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#toplinkfastPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinkfastPan a:hover{text-decoration:none; background:url(images/blog-hover.jpg) 0 0 no-repeat;}
#toplinkfastPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:0px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px;}

#toplinksecondPan{width:148px; height:140px; float:left; background:url(images/chat-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 10px 0; color:#fff;}
#toplinksecondPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinksecondPan a:hover{text-decoration:none; background:url(images/chat-hover.jpg) 0 0 no-repeat;}
#toplinksecondPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:157px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }

#toplinkthirdPan{width:148px; height:140px; float:left; background:url(images/tools-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#toplinkthirdPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinkthirdPan a:hover{text-decoration:none; background:url(images/tools-hover.jpg) 0 0 no-repeat;}
#toplinkthirdPan p{display:block; width:90px; height:15px; position:absolute; top:0px; right:34px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }

#toplinkfourthPan{width:148px; height:140px; float:left; background:url(images/toolsprueba.jpg) 0 0 no-repeat #5B5550; margin:8px 7px 0; color:#fff;}
#toplinkfourthPan a{text-decoration:none; display:block; width:148px; height:140px;}
#toplinkfourthPan a:hover{text-decoration:none; background:url(images/toolspruebacopy.jpg) 0 0 no-repeat;}
#toplinkfourthPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:157px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }

#toplinkfifthPan{width:72px; height:92px; float:center; background:url(images/word.png) 0 0 no-repeat #5B5550; margin:8px 7px 0; color:#fff;}
#toplinkfifthPan a{text-decoration:none; display:block; width:72px; height:92px;}
#toplinkfifthPan a:hover{text-decoration:none; background:url(images/wordover.png) 0 0 no-repeat;}
#toplinkfifthPan p{display:block; width:72px; height:92px; position:absolute; top:0px; left:0px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px 0 0 0px; }

#toplinksixthPan{width:72px; height:92px; float:center; background:url(images/mp3.png) 0 0 no-repeat #5B5550; margin:8px 7px 0; color:#fff;}
#toplinksixthPan a{text-decoration:none; display:block; width:72px; height:92px;}
#toplinksixthPan a:hover{text-decoration:none; background:url(images/mp3over.png) 0 0 no-repeat;}
#toplinksixthPan p{display:block; width:72px; height:92px; position:absolute; top:0px; left:0px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px 0 0 0px; }

/*--/TOP PANEL--*/
/*--BODY PANEL--*/
#bodyPan { color: #1a1917; background: #fff url("images/bodytopbg.jpg") no-repeat; margin: 0 auto; padding: 0 124px; position: relative; width: 352px } 
#bodyPan h1 { font: 28px/26px Georgia, "Times New Roman", Times, serif; background: url("images/welcomebg.gif") repeat-x 0 100%; display: block; margin-right: 20px; margin-left: -80px; padding: 42px 0 0; width: 352px; height: 32px }
#bodyPan h1 span { color: #9a0000; font-size: 20px; background: #f9f9f9 }
#bodyPan h2  { color: #9a0000; font: 28px/26px Georgia, "Times New Roman", Times, serif; background: #fff url("images/dotline.gif") repeat-x 0 100%; display: block; padding: 124px 0 0; width: 350px; height: 32px }

#bodyPan p { margin-right: -60px; margin-left: -40px; padding: 10px 0 0 }
#bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;}
#bodyPan p.a{width:210px; height:37px;}
#bodyPan p.more a{display:block; width:210px; height:37px; background:url(images/moremenu1.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:13px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:lowcase; text-decoration:none; margin:00 0 0 0px; text-align:center;}
#bodyPan p.more a:hover{text-decoration:none; background:url(images/moremenu2.jpg) 0 0 no-repeat;}
#bodyPan p.morenext{width:200px; height:60px; right:0px; top:0px; clear:both;}
#bodyPan p.morenext a{display:block; width:98px; height:39px; background:url(images/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:13px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:lowcase; text-decoration:none; margin:0 0 0 262px; text-align:left;}
#bodyPan p.morenext a:hover{text-decoration:none; background:url(images/more1.jpg) 0 0 no-repeat;}

#bodyPan p.after{width:98px; height:10px; right:0px; top:0px; clear:both;}
#bodyPan p.after a{display:block; width:98px; height:39px; background:url(images/after.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:13px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:lowcase; text-decoration:none; margin:0 0 0 0px; text-align:right;}
#bodyPan p.after a:hover{text-decoration:none; background:url(images/afterover.jpg) 0 0 no-repeat;}

#bodyPan p.aftertest{width:120px; height:10px; right:0px; top:0px; clear:both;}
#bodyPan p.aftertest a{display:block; width:120px; height:39px; background:url(images/aftertest.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:13px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:lowcase; text-decoration:none; margin:0 0 0 0px; text-align:center;}
#bodyPan p.aftertest a:hover{text-decoration:none; background:url(images/afterovertest.jpg) 0 0 no-repeat;}

#bodyPan p.wallpic{width:98px; height:10px; right:0px; top:0px; clear:both;}
#bodyPan p.wallpic a{display:block; width:120px; height:37px; background:url(images/wallpic.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:13px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:lowcase; text-decoration:none; margin:0 0 0 0px; text-align:right;}
#bodyPan p.after a:hover{text-decoration:none; background:url(images/wallpicover.jpg) 0 0 no-repeat;}


#bodyPan p.numero{width:51px; height:37px; right:0px; top:0px; clear:both;}
#bodyPan p.numero a{display:block; width:51px; height:30px; background:url(images/numero.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:13px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:lowcase; text-decoration:none; margin:0 0 0 0px; text-align:absolute;}
#bodyPan p.numero a:hover{text-decoration:none; background:url(images/numerover.jpg) 0 0 no-repeat;}

#bodybottomPan{width:600px; height:42px; background:url(images/bodybottombg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; clear:both; }

#bodyPan ul{width:352px; height:110px; margin:20px 0 0;}
#bodyPan ul li{background:url(images/arrow.jpg) 0 4px no-repeat; padding:0 0 0 20px;}
#bodyPan ul li a{background:#fff; color:#9A0000; text-decoration:none;}
#bodyPan ul li a:hover{text-decoration:underline;}

#bodyPan form{width:375px; height:350px; background:url(images/formarea.jpg) 0 100% no-repeat; padding:0px; margin:30px 0 0;}
#bodyPan form h2{display:block; width:310px; height:45px; background:url(images/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 40px;}
#bodyPan form input{width:165px; height:18px; margin:0 0 10px 130px;}
#bodyPan form input.paddingtop{margin-top:16px;}
#bodyPan form input.button{width:54px; height:25px; display:block; background:url(images/button.gif) 0 0 no-repeat #EBEBEB; border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;}

/*--/BODY PANEL--*/
/*--FOOTER PANEL--*/
#footermainPan{height:100px; background: url(images/footerbg.gif) 0 0 repeat-x #000; color:#fff; margin:10px 0 0; padding:28px 0 0;}
#footerPan{width:400px; height:90px; display:block; position:relative; margin:0 auto;}
#footerPan p{padding:51px 0 0;}
#footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;}
#footerPan p.copyright{ background:#1F1D1B; margin:0; display:block; position:absolute; bottom:0px; right:100px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}

#footerPan ul{width:730px; display:block; position:absolute; left:0px; top:0; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#181716; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.info{width:6000px; height:45px; display:block; position:absolute; left:0px; top:29px; padding:0;}
#footerPan ul.info li{display:block; width:109px;}
#footerPan ul.info li.address{width:97px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-size:10px; font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:94px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul.info li.fax{width:94px; background:#1C1B19; color:#7B746B; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul li span{background:#1C1B19; color:#AC2626; font-size:10px; font-weight:bold; line-height:14px;}

#Botones .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
 }
 a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}