@charset "UTF-8";



body {
	text-align:center;
	background-color:#5D5D5D;  
  color:#000;	
}

#contenedor{margin:auto; width:90%; min-height:562px;background-color:#FFFFFF;top:0px;}

#header{ color:#767676; font-size:15px;text-align:right; line-height:15px;}


#menu {  
  
  margin: 0 0 0 0;
  float: left;
  width: 100%;
  height: 35px;
  background: #F7F7F7;  
  text-align: left;
}
#encabezado {  
  
  margin: 0 0 0 0;
  float: right;
  width: 100%;
  height: 80px;
  background: #F1F1F1;
  color:#000;  
  text-align: right;
}




#footer{ width:100%; height:auto; text-align:right; font-size:13px; color:#FFFFFF;text-align:center;}


/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
      #contenedor
      {
        width:100%;

      }
      .puerquito_doctor{
        width:90%;
      }
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
       .puerquito_doctor{
        width:80%;
      }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      #contenedor
      {
        width:90%;
        max-width: 1000px;

      }
      .puerquito_doctor{
        width:60%;
      }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
      #contenedor
      {
        width:90%;
        max-width: 900px;

      }

      .puerquito_doctor{
        width:60%;
      }

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

    .btnenviar {
    background: #FF6B0B;
    border: none;
    height: 30px;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    width: 100px;
    margin-top: 8px;
    margin-right: 0px;
    padding: 0 8px;
    float: right;
}


   .btn_micrositio {
    background: #FF6B0B;
    border: none;
    height: 30px;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
    
    margin-right: 0px;
    padding: 8px 8px;
    float: right;
}
.btn_micrositio:hover{
  color: #CDCDCD;
}
.big{
  width: 100%;
}