/* CSS Document */
* { margin: 0; padding: 0; }

body { background: #A3A3A3; }
body, p a, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3d0909; }
a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; color: #ec4726; }

/* main and header */
#container { border: none; width: 960px; background: #FFF; margin: 0 auto;}
#header { width: 960px; height: 129px; overflow: hidden; background: URL('images/header.jpg') no-repeat; }
#content {background: URL('images/bkg-img.jpg') no-repeat; overflow: hidden; width: 960px}

#header #logo { float: left; display: inline; margin: 5px 0 0 5px; }
#header #logo img { border: none; }

#headerOptions { list-style: none; padding: 50px 0px 0px 100px; width: 183px; text-align: left; overflow: hidden; height: 50px; }
#headerOptions li { display: block; padding: 0px 0px 3px 0px; overflow:hidden; background: url('images/point.jpg') no-repeat left; }
#headerOptions li h2 { color:#000000; padding: 0px 2px 1px 9px; display:inline; width:140px; overflow:hidden; font-weight:normal; font-size: 11px; }

#topMenu { list-style: none; padding: 9px 0px 0px 45px; width: 670px; text-align: right; overflow: hidden; }
#topMenu li { display: inline; padding: 0 7px; border-left: 1px solid #ffffff; float:left; }
#topMenu li.first { border: 0; }
#topMenu li a { color: #ffffff; font-weight: normal; }

/* content and home */
#center { width: 555px; float: left; overflow: hidden; }
#center h1, #clients h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 23px; color:#7e0b0b; margin: 40px 0px 0px 25px;}
#center h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color:#7e0b0b; margin: 40px 0px 20px 20px; width:408px;}
#center .divImg { display: block; margin: 5px 0 5px 25px; }

#center p { width: 510px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin: 20px 0px 0px 25px; color:#3d0909; line-height:18px; }
/*#center #design, #center #e-commerce, #center #personal, #center #revelado, #center #inmobiliarias { display: none; }*/
#center #design, #center #products, #center #e-commerce, #center #personal, #center #revelado, #center #inmobiliarias { width: 555px; overflow: hidden; }

#center #products { margin: 0 0 0 25px; }
#center #products h1 { margin-left: 0; }
#center #products p { margin-left: 0; }
#center #products a { float: left; display: inline; width: 241px; height: 53px; color: #FFFFFF; text-align: right; padding: 38px 20px 0 0; margin: 8px 8px 8px 0; }
#center #products #getfirefox { overflow: hidden; clear: both; }
#center #products #getfirefox a { display: block; clear: both; float: none; margin: 20px auto; padding: 0; width: 468px; height: 60px; }
#center #products a:hover { color: #FFFFFF; }

#center #products a#productEcommerce { background: URL('images/product-ecommerce.jpg') no-repeat; }
#center #products a#productPersonal { background: URL('images/product-personal.jpg') no-repeat; }
#center #products a#productRevelado { background: URL('images/product-revelado.jpg') no-repeat; }
#center #products a#productInmobiliarias { background: URL('images/product-inmobiliarias.jpg') no-repeat; }

#center #e-commerce h2 { width: 336px; height: 72px; background: URL('images/e-commerce_pack.jpg') no-repeat; color: #FFFFFF; padding: 20px 0 0 180px; margin: 10px 0 10px 25px; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
#center #e-commerce ul, #center #personal ul, #center #revelado ul, #center #inmobiliarias ul { margin: 20px; }
#center #e-commerce ul li, #center #personal ul li, #center #revelado ul li, #center #inmobiliarias ul li { margin: 0 25px; }
#center #e-commerce a.button, #center #personal a.button, #center #revelado a.button, #center #inmobiliarias a.button { display: block; width:287px; height:39px; margin: 10px 0px 10px 40px; padding: 15px 0 0 0; overflow:hidden; background: URL("images/boton.jpg") no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; text-align: center; font-weight: normal; }

#center #revelado h2 { margin: 10px 0 10px 25px; padding: 20px 10px 0 170px; width: 336px; height: 72px; background: URL('images/revelado_online.jpg') no-repeat; color: #FFFFFF; font-size: 12px; font-weight: bold; }
#center #revelado h3 { margin: 10px 0 10px 25px; }

#center #personal h2 { margin: 10px 0 10px 25px; padding: 35px 10px 0 170px; width: 336px; height: 57px; background: URL('images/sitio_personal.jpg') no-repeat; color: #FFFFFF; font-size: 16px; font-weight: bold; }

#center #inmobiliarias h2 { margin: 10px 0 10px 25px; padding: 35px 10px 0 170px; width: 336px; height: 57px; background: URL('images/inmobiliarias.jpg') no-repeat; color: #FFFFFF; font-size: 16px; font-weight: bold; }
#center #inmobiliarias h3 {  margin: 10px 0 10px 25px; }
/* left and menu */
#left { float:left; height: 467px; width: 205px; margin:20px 0; overflow: hidden; }
#menu { overflow: hidden; width: 197px; height: 458px; list-style-type: none; background: URL('images/menu.jpg') no-repeat; margin: 0 0 0 5px; }
#menu li.first { padding: 13px 0px; }
#menu li { display: block; padding: 4px 0px 8px 11px; overflow:hidden; width: 195px; height: 30px; }
#menu li a { color: #ffffff; font-weight: normal; padding: 7px 0 0 12px; display: block; width: 185px; height: 23px; overflow: hidden; }
#menu li h3 { font-size:12pt;  color:#ffffff; font-weight: normal; text-align:center; }
#menu li a.sel { font-weight: bold; background: url('images/sel.gif') no-repeat top left; }
#left img { display: block; margin: 20px 0 0 10px; }

/* right and advertisements */
#right { float: left; width: 200px; overflow: hidden; }
#right img { border: none; display: block; margin: 10px auto; }

/* footer */
#footer {padding: 0px 20px; color: #FFFFFF; background: URL('images/footer.jpg') no-repeat; height:79px; }
#footer a {color: #FFFFFF; font-size:11px; }
#footer p {color: #FFFFFF; font-size:11px; padding: 21px 0px 2px 0px;}
#footer p.center { text-align: center; }
#footer p.center a {font-weight: normal;}

#links { list-style: none; width:403px; overflow:hidden;}
#links li a { color: #116295; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; }
#links li img { float:left; width:27px}
#links li { float:left; width:400px; margin: 10px 0px 0px 20px;}

/* Contact */ 
#contactForm { margin: 0 10px 50px 50px; width: 400px; padding: 0;}
#contactForm p { margin: 3px 0 0 0; padding: 0; clear: left; overflow: hidden; width: auto; }
#contactForm label { float: left; padding: 1px; width: 140px; }
#contactForm input, #supportForm select { width: 170px; }
#contactForm label#commentLabel { width: 200px; }
#contactForm textarea { width: 310px; height: 70px; }
#contactForm input.button { width: auto; display: block; margin: 7px 0 0 260px; }

/* Support */ 
#supportForm { margin: 0 10px 50px 50px; width: 400px; padding: 0;}
#supportForm p { margin: 3px 0 0 0; padding: 0; clear: left; overflow: hidden; width: auto; }
#supportForm  label { float: left; padding: 1px; width: 140px; }
#supportForm  input, #supportForm select { width: 170px; }
#supportForm  label#commentLabel { width: 200px; }
#supportForm  textarea { width: 310px; height: 70px; }
#supportForm input.button { width: auto; display: block; margin: 7px 0 0 260px; }

/* Newsletter*/ 
#newsletterForm { margin: 0 10px 50px 50px; width: 400px; padding: 0;}
#newsletterForm  p { margin: 3px 0 0 0; padding: 0; clear: left; overflow: hidden; width: auto; }
#newsletterForm   label { float: left; padding: 1px; width: 140px; }
#newsletterForm   input, #supportForm select { width: 170px; }
#newsletterForm   label#commentLabel { width: 200px; }
#newsletterForm  textarea { width: 310px; height: 70px; }
#newsletterForm  input.button { width: auto; display: block; margin: 7px 0 0 260px; }

/* directory */
#center #breadCrumb { margin: 0 20px 10px; list-style-type: none; overflow: hidden; clear: both; }
#breadCrumb li { float: left; margin: 0 5px 0 0; font-weight: bold; }
#center #dirCats { padding: 0 20px 0; margin: 0px 7px; width: 200px; list-style-type: none; float: left; }
#center #dirCats.first { clear: left; }
#dirCats li { width: 200px; font-size:12px;}
#dirCats li a { display: block; padding: 3px; font-weight: bold; color: #3D0909; font-size:12px; }
#center #dirItem, #center #dirItemBold { padding: 0 20px 10px; }
#center #dirItem, #center #dirItemBold { padding: 0 20px 10px; }
#dirItemBold { background-color: #FFFFFF; margin: 5px 20px; border: 1px solid #DDDDDD; }
#center #dirItemBold h2 { padding: 3px; margin: 0; font-family: "Tahoma", Arial, sans serif; font-size: 14px; }
#center #dirItem h3, #center #dirItemBold h3 { font-weight: bold; clear: both; margin: 0; }
#dirItem h3 a, #dirItemBold h3 a { font-size: 13px; color: #054A85; }
#center #dirItem p, #center #dirItemBold p { padding: 0 10px 5px; width: auto; margin: 0; }
#dirItem p.url, #dirItemBold p.url { color: #688F11; }
#center #searchRows { margin: 20px; background: #FFFFFF; border: 1px solid #DDDDDD; width: 530px; text-align: right; color: #CC0000; padding: 5px; }
#directorySearchForm { margin: 20px; }

/* clientes */
#clients { width: 730px; overflow: hidden; float: left; padding: 20px 0 0 20px; }
#clients .thumbnail {width: 200px; float: left; padding: 10px; overflow: hidden; height: 200px; }
#clients .thumbnail h2 { width: 200px; margin: 5px 0; text-align: center; }
#clients .thumbnail h2 { font-size: 12px; }
#clients .thumbnail p { width: 200px; margin: 5px 0; text-align: center; }
#clients .thumbnail img { border: none; }

#terminos { margin-top: 30px; padding: 0 20px; }
#terminos p { font-size: 12px; margin-bottom: .5em; line-height: 1.2em;}

/* advertisements */
#adsense160 { width: 160px; margin: 20px auto; }
#adsenseFirefox { margin: 0 auto; }