@import url('reset.css');

body { background:#010b17 url(images/bg-top.png) repeat-x top; }

#page-top{ position:relative; background:url(images/header-top2.png) no-repeat; font-size:0; width:990px; height:19px; margin:0 auto; margin-top:13px; }

#container { z-index:0; position:relative; margin:0 auto; padding:0; width:990px; background:url(images/container-bg.png) repeat-y; }

  #header { position:relative; width:990px; height:140px; top:-10px; }
    #header h1{ margin:0; }
    #header .logo { display:block; position:absolute; top:20px; left:20px; width:427px; height:121px; background:url(images/logo.jpg) no-repeat; text-indent:-9999px; }
    #header .links { display:block; position:absolute; top:25px; right:32px; width:480px; height:114px; }
    #header .cnn { display:block; float:right; width:100px; height:50px; margin-left:10px; background:url(images/cnn.jpg) no-repeat; text-indent:-9999px; }
    #header .univision { display:block; float:right; width:170px; height:50px; margin-left:21px; background:url(images/univision.jpg) no-repeat; text-indent:-9999px; }
    #header .contact{ display:inline; float:right; margin:0; padding:0; font:bold 16px/50px Helvetica, Arial; color:#e62032; }
    #header .number { display:block; float:right; margin-top:10px; width:208px; height:36px; background:url(images/number.jpg) no-repeat; text-indent:9999px; overflow:hidden; font:bold 30px Helvetica, Arial; color:#000; text-align:right; }

    #banner { position:relative; width:990px; height:284px; background:url(images/banner.png) no-repeat; text-indent:-9999px; }

    #about { position:relative; width:990px; height:425px; }
      #about .message { position:relative; display:block; float:left; width:517px; margin:0; padding:0; margin-left:15px; _margin-left:8px; color:#8c8c8c; }
        #about .message .header { margin-top:12px; margin-left:13px; padding-bottom:10px; font:bold 15px Century Gothic, Georgia, Arial; color:#386482; text-shadow:1px 1px 1px #d7d7d7; filter:shadow(color=#d7d7d7,direction=120,strength=1); }
        #about .message .header h2 { display:inline; margin:0; padding:0; font:bold 15px Century Gothic, Georgia, Arial; color:#386482; text-shadow:1px 1px 1px #d7d7d7; filter:shadow(color=#d7d7d7,direction=120,strength=1); }
        #about .message img { border:0; padding:0; margin:8px 15px 0 7px; }
        #about .message p, #about .message span { font:normal 13px Helvetica, Arial; }
        #about .message span { display:block; margin-top:10px; margin-bottom:5px; }
        #about .message h3 { display:inline; margin:0; padding:0; font:normal 13px Helvetica, Arial; color:#8c8c8c; }
          #about .charity { display:block; width:513px; height:140px; margin-left:5px; background:url(images/charity-bg.png) no-repeat; }
          #about .charity img { border:0; padding:0; margin:13px 0 0 10px; }
    
      #about .form { position:relative; display:block; float:right; width:432px; height:413px; margin:4px 18px 0 0; background:url(images/form-bg.png); }
      #about .form  h3 { font:normal 24px Century Gothic, Arial, Times New Roman; color:#fff; text-align:center; }
      #about .form label { display:inline-block; width:130px; margin-right:10px; font:normal 14px Helvetica, Arial; text-align:right; }
      #about .form input { width:254px; height:20px; margin:5px 0 2px; padding:5px 5px 5px; _padding:5px 5px 0px; border:0; background:url(images/input-bg.png) no-repeat; font:normal 17px Arial; }
      #about .form input.button { display:block; width:220px; height:50px; margin:25px 0 0 128px; padding:0; border:0; background:url(images/sea-hermosa.jpg) no-repeat; cursor:pointer;  }
      #about .links img { border:0; padding:0; margin:20px 0 0 24px; }
      
    #blog-type{ padding:20px 40px 100px 40px; }
      #blog-type h1{ font:bold 28px Arial; color:#386482; margin:0; margin-bottom:12px; }
      #blog-type h2{ font:bold 22px Arial; color:#386482; margin:0; margin-bottom:17px; }
      #blog-type h3{ font:bold 16px Arial; color:#333333; margin:0; margin-top:16px; }
      #blog-type h3.nomargin{ margin:0; padding:0; }
      #blog-type h4{ font:bold 14px Arial; color:#666666; margin:0; margin-bottom:17px; }
      #blog-type p{ font:14px Arial; color:#666666; line-height:20px; text-align:justify; margin:0; padding:0; margin-bottom:25px; }
      #blog-type p.nomargin{ margin:0; padding:0; }
      #blog-type p a{ font:14px Arial; color:#386482; text-decoration:underline; }
      #blog-type img.alignleft{ margin:0 10px 10px 0; }
      #blog-type ul{ list-style-type:disc; }
      #blog-type ul li{ font:14px Arial; color:#666666; padding:10px; margin:0; }
        #blog-type .thumbnail{ float:right; margin-left:65px; margin-top:-49px; margin-bottom:30px; }
        #blog-type .intro-list{ margin-left:5px; }
          #blog-type .intro-list ul{ list-style-type:disc; color:#386482; margin:0; list-style-position:inside; }
          #blog-type .intro-list ul li{ padding:8px 0; margin:0; }
          #blog-type .intro-list ul li a{ font-size:14px; color:#386482; }
        #blog-type .efectos{ list-style-type:disc; color:#666666; margin:0; margin-left:20px; padding-left:35px; margin-bottom:20px; }
        #blog-type .efectos li{ padding:0; margin:0; padding-left:20px; font-size:14px; }
        
          
    #before-and-after{ text-align:center; margin-bottom:20px; }
    #before-and-after p{ margin:0; padding:0; margin-top:20px; text-align:center; }
    
    #oficina-images{ margin:0 auto; width:640px; padding:20px 0; }
    #oficina-images img{ float:left; padding:0 5px; width:310px; height:310px; padding-bottom:10px; }
    
    #botox-images{ margin:0 auto; width:656px; padding:20px 0; }
    #botox-images img{ float:left; padding:0 5px; width:318px; height:238px; padding-bottom:10px; }
    
    #address{ margin-bottom:20px; }
    #address p{ font:14px Arial; color:#666666; font-style:italic; margin:0; padding:0; }
    
    #credentials{ margin-top:68px; }
      #credentials h2{ font:bold 22px Arial; color:#386482; margin:0; margin-bottom:10px; }
      #credentials h2.brown{ color:#a7907c; }
      #credentials .dr-vallecillos-pic{ float:left; margin-right:15px; }
      #credentials .credentials-intro{ float:left; width:620px; text-align:justify; padding-top:10px; }
      #credentials .credential-logos{  }
      #credentials .credential-logos ul{ list-style-type:none; margin:0; }
      #credentials .credential-logos ul li{ display:inline; margin:0; padding:0; }
      
    #email-form{ width:857px; margin:0 auto; margin-top:40px; clear:both; }
      #email-form h2{ color:#386482; font:30px Arial; margin-bottom:5px; float:left; width:100%; }
      #email-form .email{ float:left; width:517px; height:247px; background:#386482; }
      #email-form .email h3{ font:22px Arial; color:#fff; padding:12px 0 5px 12px; margin:0; }
        #email-form .email .detail1{ float:left; width:230px; }
        #email-form .email .detail2{ float:left; width:250px; margin-left:23px; }
        #email-form .email .detail1 ul{ list-style-type:none; margin:0; margin-left:30px; }
        #email-form .email .detail2 ul{ list-style-type:none; margin:0; }
        #email-form .email .detail1 ul li, #email-form .email .detail2 ul li{ margin:0; padding:7px 0; }
        #email-form .email .detail1 label, #email-form .email .detail2 label{ font:normal 14px Helvetica,Arial,Verdana; color:#fff; }
        #email-form .email .detail1 input, #email-form .email .detail2 input{ width:190px; height:17px; border:0; padding:5; margin:0; background:#fff url(images/email-us-input.png) no-repeat; font:normal 15px Helvetica, Arial; }
        #email-form .email .detail2 textarea{ width:208px; height:65px; overflow:auto; }
        #email-form .email .detail2 input.button{ width:220px; height:50px; background:transparent url(images/consulta-gratis-button.png) no-repeat; cursor:pointer; }
        
        #email-form .call-us{ width:335px; height:245px; float:left; background:transparent url(images/bg_call.jpg) no-repeat right;border:1px #386482 solid; }
        #email-form .call-us .heading{ font:22px Arial; color:#386482; padding:11px 0 0 9px; margin:0; }
        #email-form .call-us .number{ font:bold 28px Arial; color:#386482; padding:3px 0 0 9px; margin:0; }

    #status { position:relative; width:990px; font:bold 15px Century Gothic, Georgia, Arial; color:#f86482; text-align:center; text-shadow:1px 1px 1px #d7d7d7; filter:shadow(color=#d7d7d7,direction=120,strength=1); }
      
    #isabel { position:relative; width:893px; height:458px; margin:20px 0 0 27px; padding:0 27px 0 22px; background:url(images/isabel-bg.png) no-repeat; }
    #isabel p { margin:0; font:italic 14px Helvetica, Arial, Verdana; }
    #isabel h3 { margin:0; padding:13px 0; font:bold 22px Helvetica, Arial, Verdana; color:#386482; }
    
    #content { position:relative; width:930px; padding:0 30px 35px 30px; }
    #content .samples { width:698px; margin:0 auto; padding-bottom:20px; }
    #content .samples p { margin:0; font:normal 14px Helvetica, Arial, Verdana; color:#666; }
    #content .samples h3 { margin:0; padding:25px 0 13px; font:bold 22px Helvetica, Arial, Verdana; color:#386482; text-align:center; }
    #content .samples img { display:block; }
    
    #content .why { position:relative; width:927px; height:357px; margin: 0 auto; background:url(images/why-bg.png) no-repeat; }
    #content .why .image{ float:left; margin:15px; }
    #content .why .content{ float:right; width:570px; margin-right:35px; }
    #content .why .content h3 { font:bold 20px Century Gothic, Georgia, Times New Roman; color:#386482; text-shadow:1px 1px 2px #70899a; filter:shadow(color=#70899a,direction=120,strength=2); margin-bottom:5px; }
    #content .why .content p { font:normal 14px Arial, Verdana; color:#666666; padding:4px 0; }
    #content .why .content .links { width:490px; margin:0 auto; }
    #content .why .content .links a{ float:left; display:block; }
    #content .why .content .links a img{ margin-bottom:0; }
    #content .why .content img { margin-left:10px; }
    #content .bottom-text { margin:0; padding:0; padding-top:30px; font:normal 30px Helvetica, Arial, Verdana; color:#666666; text-shadow:1px 1px 2px #e1e1e1; filter:shadow(color=#e1e1e1,direction=120,strength=2); }
    
    #footer-home { position:relative; width:960px; height:257px; padding:0; margin:0 auto; background-color:#386482; }
    #footer-home h3 { width:860px; margin:0 auto; padding:28px 0 24px; font:normal 27px Arial, Verdana; color:#fff; }
    #footer-home  form{ width:860px; margin:0 auto; }
    #footer-home label { margin:0 5px 0 20px; font:normal 14px Helvetica, Arial, Verdana; color:#fff; }
    #footer-home input { width:153px; height:19px; border:0; padding:2px 0; margin:0; background:#fff url(images/footer-input.png) repeat-x; font:normal 15px Helvetica, Arial; }
    #footer-home input.button { display:block; width:220px; height:50px; margin:40px auto 0; padding:0; border:0; background:url(images/consulta-gratis.jpg) no-repeat; cursor:pointer;  }
    #footer-bottom-home{ position:relative; width:990px; height:28px; padding:0; margin:0 auto; background:transparent url(images/footer-bottom-home.png) no-repeat bottom; font-size:0; }
    
    #footer-bottom{ position:relative; width:990px; height:15px; padding:0; margin:0 auto; background:transparent url(images/footer-bottom.png) no-repeat bottom; font-size:0; }
    
    #SEO-Services-Los-Angeles{ width:990px; margin:0 auto; }
      #SEO-Services-Los-Angeles ul{ list-style-type:none; text-align:center; margin:0; padding-top:15px; }
      #SEO-Services-Los-Angeles ul li{ display:inline; margin:0; padding:0; border-left:1px #ffffff solid;  }
      #SEO-Services-Los-Angeles ul li a{ padding:0 5px; color:#ffffff; }
      #SEO-Services-Los-Angeles ul li.first{ border:0; }
      #SEO-Services-Los-Angeles ul li.first a{ padding:0; padding-right:3px; }
      #SEO-Services-Los-Angeles p{ text-align:center; margin:0; padding:15px 0; color:#ffffff; font-size:10px; font-family:Arial,sans-serif; }
      #SEO-Services-Los-Angeles p a{ color:#fff; font-size:10px; }
    
/* Services Page */

#pop  { background:#386482; color:#fff; }
#popbox  h1 { padding:0; margin:10px 0 0 12px; font:normal 30px/30px Century Gothic, Arial, Verdana; color:#fff; }
#popbox  h2 { padding:0; margin:0 0 0 12px; font:normal 24px/30px Century Gothic, Arial, Verdana; color:#a4c7df; }

#popbox .list { display:block; float:left; width:330px; margin-top:20px; padding-left:12px; }
#popbox .divider { background:url(images/list-divider.png) no-repeat; }
#popbox .list ul, #popbox .list li { list-style:none; padding:0; margin-left:0; }
#popbox .list li { margin-left:2px; font:normal 14px Helvetica, Arial; color:#f9f9f9; }
#popbox .list h3 { padding:0; margin:0; font:normal 18px Helvetica, Arial; color:#fff; }

#pop .gracias h3  { padding:0; margin:30px 15px 0; font:bold 18px Century Gothic, Arial, Verdana; color:#fff; }

/* ---------
	Clear Fix
	---------- */
.cleared_div:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cleared_div{ display:inline-block; }
/* Hides from IE-mac */
* html .cleared_div{ height:1%; }
.cleared_div{ display:block; }
/* End hide from IE-mac */

.close { display: block; margin: 0 auto; width: 115px; height: 38px; border: 0; background: url(images/btn_close.png) no-repeat 0 0; text-indent:-9999px; }